﻿/* style globalne */
body, html {height: 100%;}
body {background-color: #F2F1E9; margin: 0; padding: 0; text-align: center;}
body, p, a, td, input, textarea, select  {color: #333333; font: normal 11px Verdana, Helvetica, sans-serif;}

img {border: none;}
a {text-decoration: none; cursor: pointer; color: #ff6600; font-weight: bold;}
a:hover {text-decoration: underline; cursor: pointer;}
a, input, object {outline-width: 0;}

.gfx * {display: none;}
.anchorToHide {display: none;}
.noFloat {clear: both; float: none !important; width: 100%; height: 0px; line-height: 0; font-size: 0;}
.clear {clear: both; float: left; width: 100%; height: 0px; line-height: 0; font-size: 0;}
.hr {clear: both; float: left; width: 100%; height: 1px; line-height: 0 !important; font-size: 0 !important; background-color: #d1dcd4; margin: 10px 0;}

div {margin: 0; padding: 0;}
ul, ul li {list-style-type: none; padding: 0; margin: 0;}

input.text,
textarea.text,
select.text{border: solid 1px #e0e0e0; border-color: #c2c2c2 #e0e0e0 #e0e0e0 #c2c2c2; background-color: #FFFFFF; color: #232323; padding: 3px;}

.oneColumn {clear: both; float: left; width: 100%;}
.twoEqColumns {clear: both; float: left; width: 100%;}
.twoEqColumns .firstCol {clear: both; float: left; width: 48%; margin-right: 4%;}
.twoEqColumns .secondCol {clear: none; float: left; width: 48%;}

.oneLine {clear: both; float: left; width: 100%; margin: 0 0 5px 0; padding: 0;}

.grayHeader {height: 15px; padding: 6px 10px 7px 10px; margin: 0; background: transparent url('../_img/bgGrayHeader.gif') repeat-x 0 0; color: #ffffff;font-weight: bold; font-size: 14px; clear: both; overflow: hidden;}
.simpleHeader {margin: 0; padding: 24px 0 6px 0; font-weight: normal; font-size: 18px;}
.orangeHeader {margin: 0; padding: 0; font-weight: bold; font-size: 14px; color: #ff5b05;}

.borderTop {border-top: solid 1px #c2c2c2;}

.redTxt {color: #b10000;}

.asterisk {color: #b10000; padding: 0 3px 0 0;}
.valErr,
.valErrRight {width: 90%; clear: both; float: left; padding: 0; margin: 0 0 5px 0; color: #b10000 !important; text-transform: uppercase; font-size: 10px; line-height: 15px; background: transparent url('../_img/icoValErr.gif') no-repeat 0 0;}
.valErr {padding-left: 15px;}
.valErrRight {padding-right: 15px; background-position: 100% 0;}
.valErrWhite {width: 100%; clear: both; float: left; padding: 2px 0; margin: 0; color: #ffffff !important; font-size: 11px; font-weight: bold; background: #b10000 url('../_img/icoValErrWhite.gif') no-repeat 3px 1px; text-indent: 20px;}

.right20 {padding-right: 20px;} 
.right40 {padding-right: 40px;} 

.txtCenter {text-align: center;}

/* /style globalne */

/* glowna struktura */
.mainDiv {width: 920px; margin: 7px auto; text-align: left; background-color: #ffffff; overflow: hidden; position: relative;}
.mainDiv .zoneMenu {}
.mainDiv .zoneMainPageContentTop {}
.mainDiv .zoneMainPageContentBottom {}
.mainDiv .zoneContent {}
.mainDiv .zoneBottom {float: none;}
/*
#ikeaFamilyBreadcrumb {clear: both; overflow: hidden; padding: 0 10px 5px 10px; width: 900px; font-size: 10px;}
#ikeaFamilyBreadcrumb a {font-weight: normal; font-size: 10px;}
.ikeaFamilyBar {padding: 0 0 20px 10px; width: 910px; clear: both; float: left;}
.ikeaFamilyBar .ikeaFamilyLogo {width: 77px; float: left;}
.ikeaFamilyBar #navi {background: transparent url('../_img/bgIkeaFamilyMenuBar.png') no-repeat 0 0; width: 831px; padding: 0 0 0 2px; float: left;}
.subPageMainLayout {width: 906px; padding: 0 4px 0 10px;}
.subPageMainLayout .main {width: 598px; margin: 0 6px 0 0; padding: 0; float: left;}
.subPageMainLayout .side {width: 302px; margin: 0; padding: 0; float: left; overflow: hidden;}
.subPageMainLayout .main .pageDesc {padding: 15px 10px; cl}
.subPageMainLayout .main .pageDescWithoutIndent {padding: 0 0 15px 0;}
*/
.pageDesc {padding: 15px 10px; clear: both;}
.pageDescWithoutIndent {padding: 0 0 15px 0; clear: both;}
.mainContentDiv {clear: both; width: 902px; padding: 2px 9px 9px 9px; float: left;}
.mainContentDiv .sideContent {width: 199px; float: left; margin: 0 24px 0 0;}
.mainContentDiv .mainContent {width: 677px; float: left; padding: 0 0 9px 0;}
/* /glowna struktura */

/* lewe menu */
.leftNavigation {float: left;width: 199px;}
.leftNavigation .productNavigation {background-color: #FFFFFF;width: 199px;}
.leftNavigation .navigationBlock {overflow: hidden; width: 199px;}
.leftNavigation .navHeaderPadding {border-bottom: solid 1px #DDDDDD;}
.leftNavigation h1 {color: #000000; font-size: 14px; font-weight: bold; line-height: 17px; margin: 0;}
.leftNavigation .navigationBlock .navHeaderPadding h1 a,
.leftNavigation .navigationBlock .navHeaderPadding h1 span {color: #000000; display: block; padding: 9px 0 11px 10px; font-size: 14px; font-weight: bold; line-height: 17px; text-decoration: none;}
.leftNavigation .navigationBlock .navItem a,
.leftNavigation .navigationBlock .subItem a {color: #333333; font-weight: normal; display: block; padding-bottom: 10px; padding-top: 9px;}
.leftNavigation .navigationBlock .navItem a:hover,
.leftNavigation .navigationBlock .subItem a:hover{color:#F60;text-decoration:none}
.leftNavigation .navItem {border-bottom: solid 1px #DDDDDD;}
.leftNavigation .navItem a {padding-left: 10px;}
.leftNavigation .navItem a,
.leftNavigation .subItem a {font-size: 11px;}
.leftNavigation span.navToggle {background: #cccccc url('../_img/plus.gif') no-repeat 0 0; display: block; float: right; height: 8px; margin-right: 4px; margin-top: 3px; overflow: hidden; text-indent: 8px; width: 8px;}
.leftNavigation span.navToggleOpen {background-image: url("../_img/minus.gif")}
.leftNavigation .navigationBlock .navItem a:hover span.navToggle,
.leftNavigation .navigationBlock .subItem a:hover span.navToggle{background-color:#f60;cursor:pointer}
.leftNavigation .navItem .active,
.leftNavigation .subItem .active { font-weight:bold; color:#F60; }
.leftNavigation .navItem .open,
.leftNavigation .subItem .open { color:#333333; font-weight: bold;}
.leftNavigation .navigationBlock .subItems {border-bottom: 1px solid #DDDDDD; padding-bottom: 3px; padding-top: 4px;}
.subItem {clear: none; margin-left: 0;}
.leftNavigation .navigationBlock .subItem a,
.leftNavigation .navigationBlock .subSubItems a {padding-bottom: 7px; padding-top: 5px;}
.leftNavigation .subItem a { padding-left:20px; }

/* nagłowek strony */
.pageHeadline { border-bottom: solid 1px #dddddd; text-align: center; height: 38px;}
.pageHeadline h1 {font-size: 18px; font-weight: normal; line-height: 35px; margin: 0; padding: 0; color: #333333;}

/* menu profilowe */
.userLogOffButton {clear: both; padding: 10px 0 20px 0; float: left; width: 620px; text-align: right;}
.userLogOffButton a {font-weight: bold; color: #ff5000; font-size: 11px; float: right; width: 70px; height: 20px; padding-top: 6px; text-align: center; background: transparent url('../_img/bgLogout.png') no-repeat 0 0;}
.userProfileMenu {width: 100%; clear: both; padding: 0 0 40px 0; float: left;}
.userProfileMenu .item {float: left; width: 200px; height: 110px; margin: 0 10px 10px 0; background: transparent url('../_img/bgProfileMenuItem.png') no-repeat 0 0;}
.userProfileMenu .item .title {padding: 20px 0 10px 15px; width: 180px; display: block;}
.userProfileMenu .item .info {font-weight: normal; color: #000000; padding: 0 0 0 15px; width: 180px; display: block;}
.userProfileMenu .item:hover {text-decoration: none;}
.userProfileMenu .item .title:hover, 
.userProfileMenu .item .info:hover {text-decoration: underline;}

/* menu glowne ikea */
#mainMenuBar, 
#mainMenuBar #allContent {width: 100%; clear: both; float: left;}
#mainMenuBar {padding: 0; margin: 0;}
#mainMenuBar #mainPadding {padding: 6px 8px 0 10px; width: 902px; float: left;}
#mainMenuBar a.arrowLink:link,
#mainMenuBar a.arrowLink:visited,
#mainMenuBar a.arrowLink:active,
#mainMenuBar a.arrowLink:hover {color: #3399FD; display: inline; float: left; text-decoration: none; font-size: 11px;}
#mainMenuBar a.arrowLinkActive:link,
#mainMenuBar a.arrowLinkActive:visited,
#mainMenuBar a.arrowLinkActive:active,
#mainMenuBar a.arrowLinkActive:hover {color: #ff6633; font-weight: bold;}
#mainMenuBar .topMenu {overflow: hidden; height: 64px; padding: 0; width: 900px; font-family: Verdana, Sans-Serif;}
#mainMenuBar .topMenu a {font-family: Verdana, Sans-Serif;}
#mainMenuBar .topMenu .logoContainer {width: 534px; float: left; overflow: hidden;}
#mainMenuBar .topMenu .logoContainer .logoLink {float: left;}
#mainMenuBar .topMenu .logoContainer .logo {height: 35px; margin-top: 3px; padding-bottom: 5px; width: 200px;}
#mainMenuBar .topMenu .logoContainer .searchForm {float: left; margin: 7px 0 0 0; width: 334px;}
#mainMenuBar .topMenu .searchForm .formInput {float: left; padding: 0 0 0 19px; margin: 2px 4px 0 0;}
body.IE6 #mainMenuBar .topMenu .searchForm .formInput {margin-right: 0;}
#mainMenuBar .topMenu .searchForm .formInput input {width: 246px; padding: 1px 0 2px 0; margin: 0; border: 2px inset threedface; float: left;}
#mainMenuBar .topMenu .searchForm .formBtn {float: left;}
#mainMenuBar .topMenu .logoContainer .ikeaTagline {clear: both; display: block; color: #666666; font-size: 11px;}
#mainMenuBar .topMenu .rightSection {display: block; float: right; margin: 5px -11px 0 0; padding: 0;}
#mainMenuBar .topMenu .iconLinkContainer {float: left; margin: 0 11px 0 0; text-align: center;}
#mainMenuBar .topMenu .iconLinkContainer .iconLink {display: table; text-align: center;}
#mainMenuBar .topMenu .iconLinkContainer .iconLink a {color: #666666; text-decoration: none; font-weight: normal;}
#mainMenuBar .topMenu .iconLinkContainer .iconLink a:hover {color: #FF6633;}
#mainMenuBar .topMenu .iconLinkContainer .iconLink img {height: 26px; width: 26px; padding: 3px 0 6px 0;}
#mainMenuBar .topMenu .iconLinkContainer .iconLink span {display: block; font-size: 11px;}
#mainMenuBar .topMenu .rightSection .linkList {float: left; border-left: solid 1px #eeeeee; height: 52px; padding: 0 11px;}
#mainMenuBar .topMenu .rightSection .linkList ul {list-style: none; margin: 0; padding: 0;}
#mainMenuBar .topMenu .rightSection .linkList li {line-height: 17px;}
#mainMenuBar .topMenu .rightSection .linkList li a {font-size: 11px; font-weight: normal; float: none;}
#mainMenuBar .topMenu .rightSection .linkList li a:hover {text-decoration: underline;}

#menu {display: block; padding: 0; clear: both;}
.mainMenu {display: block; margin: 0; padding: 0; z-index:900; clear: both;}
.mainMenu ,
.mainMenu a {font-family: Verdana, Sans-Serif; font-size: 11px;}
.mainMenu .tableContainer {width: 900px; overflow:hidden;}
.mainMenu table {font-size:11px; width:100%;border:0px; border-collapse:collapse; text-align:center;}
.mainMenu td {background:#FFC809 url('../_img/ikeamain/header/header.gif') repeat-x scroll 0 -297px;padding:0;white-space:nowrap;}
.mainMenu td a .separator {background:url('../_img/ikeamain/header/header.gif') no-repeat right -264px; width:100%; height:23px;padding-top:10px;cursor:pointer;display:block;}
.mainMenu td.allProducts a .separator {background:url('../_img/ikeamain/header/header.gif') no-repeat right -132px; display: block;}
.mainMenu td.allProducts a:hover .separator,
.mainMenu td.allProducts a.active .separator {background:url('../_img/ikeamain/header/header.gif') no-repeat right -165px; display: block;}
.mainMenu td.allProducts a .end {background:url('../_img/ikeamain/header/header.gif') no-repeat left 0;width:100%;height:100%;	cursor:pointer; display: block;}
.mainMenu td.allProducts a:hover .end,
.mainMenu td.allProducts a.active .end {background:url('../_img/ikeamain/header/header.gif') no-repeat left -33px;}
.mainMenu td.moreRooms a .end {background:url('../_img/ikeamain/header/header.gif') no-repeat right -363px; width:100%; height:23px; padding-top:10px; cursor:pointer; display: block;}
.mainMenu td.moreRooms a:hover .end,
.mainMenu td.moreRooms a:active .end {background:url('../_img/ikeamain/header/header.gif') no-repeat right -396px; display: block;}
.mainMenu td a .padding {padding: 0 13px; cursor:pointer; line-height: 13px;}
.mainMenu td a, 
.mainMenu td a:visited {color:#ffffff;font-weight:bold;display:block;text-align:center;height:33px;}
.mainMenu td a:hover ,
.mainMenu td a.active {background:#FF9209 url('../_img/ikeamain/header/header.gif') repeat-x 0px -330px;text-decoration:none;color:#ffffff;}
.mainMenu td.allProducts {background:#0167CB url('../_img/ikeamain/header/header.gif') repeat-x 0px -66px;}
.mainMenu td.allProducts a:hover,
.mainMenu td.allProducts a.active {background:url("../_img/ikeamain/header/header.gif") repeat-x scroll 0 -99px #0167CB;}
.mainMenu td.newAtIkea {background:#000 url('../_img/ikeamain/header/header.gif') repeat-x 0 -198px;}
.mainMenu td.newAtIkea .padding {font-style:italic;}	
.mainMenu td.newAtIkea a:hover,
.mainMenu td.newAtIkea a.active {background:#000 url('../_img/ikeamain/header/header.gif') repeat-x 0 -231px;}
#menu .mainMenuShadow {height:2px;width:900px;display:block;}

#allContent #moreRoomsMenuWrapper {position: absolute; top: 102px; right: 10px; z-index:20000;}
#allContent #moreRoomsMenu {display:block;width: 424px;}
#allContent #moreRoomsMenu .productImage {background-image: url('../_img/ikeamain/products_small.gif'); float:left; height:25px; margin-right:10px; margin-top:5px; width:25px;}
#allContent #moreRoomsMenu table {font-size:11px;border:0;background-color:#FFF;width:100%;}
#allContent #moreRoomsMenu td {padding:0;width:50%;background: #ffffff none no-repeat 0 0; text-align: left;}
#allContent #moreRoomsMenu td:hover,
#allContent #moreRoomsMenu td a:hover {background: #ffffff none no-repeat 0 0;}
#allContent #moreRoomsMenu .contentLeft {border-bottom:1px solid #DDDDDD;margin-left:10px;margin-right:6px;}
#allContent #moreRoomsMenu .contentRight {border-bottom:1px solid #DDDDDD;margin-left:6px;margin-right:10px;}
#allContent #moreRoomsMenu .seasonal {color:#3399FD;}
#allContent #moreRoomsMenu .border {border-left:1px solid #DDD;border-right:1px solid #DDD;border-top:1px solid #CCC;border-bottom:none; float: right; width: 422px;}
#allContent #moreRoomsMenu .noBorder {border:none}
#allContent #moreRoomsMenu a {display:block;color:#444;width:100%;line-height: 32px;text-decoration:none; font-weight: normal; text-align: left;}
#allContent #moreRoomsMenu a:hover {color:#F60;}
#allContent #moreRoomsMenu a:hover .seasonal{text-decoration:underline;}
/* Classes to add rounded corners to the bottom of the menu  */
#allContent #moreRoomsMenu .endLeft {float:left; width: 5px; height: 5px; background:url('../_img/ikeamain/header/sub_menu_left_corner.gif') top left no-repeat;}
#allContent #moreRoomsMenu .endCenter {float:left; height:5px; width: 414px; background:url('../_img/ikeamain/header/sub_menu_center.gif') top left repeat-x;}
#allContent #moreRoomsMenu .endRight {float:right; width: 5px; height: 5px; background:url('../_img/ikeamain/header/sub_menu_right_corner.gif') top left no-repeat;}
#allContent #moreRoomsMenu img {width:25px;	height:25px; padding-right: 10px; vertical-align:middle;}

body.IE6 #allContent #moreRoomsMenu {right:0px;}
body.IE6 #allContent #moreRoomsMenu img {padding-top:4px;padding-bottom:3px;}

/* /menu glowne ikea */

/* stopka */
#footer {background-color:#F2F1E9; font-family:Verdana,sans-serif; font-size:11px; margin-top:10px; padding-bottom:10px; width: 100%;}
#footer .links {background-color:#FFFFFF; border-bottom:5px solid #FFFFFF; clear:both; overflow:hidden; padding:9px 21px;}
#footer .fade {border:0 none; display:block; height:3px; margin-bottom:9px; margin-left:-1px; width:917px;}
#footer .linkDivider {color:#999999; padding:0 0.362em;}
#footer .linksWrapper {background-color: #FFFFFF;clear: both; padding: 0 21px 9px 21px;}
#footer .linksWrapper .links {clear: none; padding: 9px 0 0 0; width: 100%; border-bottom-width: 0;}
#footer a:link, #footer a:visited, #footer a:active {color:#666666; font-weight: normal;}
#footer .copyRight {color:#999999;margin-left:21px;}
#footer .linkContainer {border-left:1px solid #DDDDDD;display:inline;float:left;height:auto;margin-bottom:-500px;margin-left:20px;overflow:hidden;padding-bottom:500px;padding-left:20px;width:133px;}
#footer .linkContainerFirst {border:0 none;margin-left:0;padding-left:0;width:174px;}
#footer .linkContainer a {display:block;line-height:13px;padding-top:2px;}
#footer img {float:right;height:55px;margin-left:4px;width:73px;}
#footer .linkContainer .headerFirst {font-weight:bold;margin-bottom:3px; color: #333333;}
#footer .linkContainer .headerFirst a:link, #footer .linkContainer .headerFirst a:visited, #footer .linkContainer .headerFirst a:active {font-weight:bold; color: #333333;}
#footer .linkContainer .headerSecond {font-weight:bold;margin-bottom:3px;margin-top:1.45em;}
/* /stopka */

/* menu ikea family */
.ikeaFamilyBar ul.dropdown,
.ikeaFamilyBar ul.dropdown li,
.ikeaFamilyBar ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
.ikeaFamilyBar ul.dropdown {position: relative; z-index: 597; float: left;}
.ikeaFamilyBar ul.dropdown li.hover,
.ikeaFamilyBar ul.dropdown li:hover {position: relative; cursor: default;}
.ikeaFamilyBar ul.dropdown ul {top: 39px; left: 0; width: 100%;}
.ikeaFamilyBar ul.dropdown ul ul {top: 1px; left: 99%;}
.ikeaFamilyBar ul.dropdown li {padding: 13px 45px 13px 15px; float: left; zoom: 1; border-right: 1px #ffffff solid;}
.ikeaFamilyBar ul.dropdown li a {color: #ffffff; text-decoration: none;}
.ikeaFamilyBar ul.dropdown li a:hover,
.ikeaFamilyBar ul.dropdown li a.hover  {text-decoration: underline;}
.ikeaFamilyBar ul.dropdown li ul {display: none;  width: 250px; }
.ikeaFamilyBar ul.dropdown li ul li {padding: 10px 15px; float: none; border: none; border-top: solid 1px #bbbbbb; background-color: #e95200;}
.ikeaFamilyBar ul.dropdown li ul li.footerSubItem {padding: 0; float: none; border: none; font-size: 0; line-height: 0; width: 100%; height: 5px; background: transparent url('../_img/bgIkeFamilyMenuBottom.gif') no-repeat 0 0;}
.ikeaFamilyBar ul.dropdown li.hover ul {position: absolute;} 
/* /menu ikea family */

/* ajax loader */
#loaderBgLayer {position: fixed; top: 0; left: 0px; background-color: #ffffff; opacity:0.7; filter:alpha(opacity=70); display: none; z-index: 100001; width: 100%; height: 100%; cursor: wait;}
#loaderFakeFrame {z-index: 110000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; margin: 0;}
#loaderLayer {width: 100px; height: 100px; display: none; position: fixed; top: 50%; left: 50%; z-index: 110002; background: transparent url('../_img/imgAjaxLoader.gif') no-repeat 50% 0; cursor: wait;}
#loaderLayer span {display: block; width: 100%; text-align: center; height: 20px; padding: 80px 0 0 0;}
/* /ajax loader */

/* strona glowna - box z nowosciami */
.mainPageNewsBox {width: 598px; float: left; padding: 0 6px 20px 10px;}
.mainPageNewsBox .newsBox {padding: 20px 10px; clear: both;}
.mainPageNewsBox .newsBox .newsText ul {clear: both; list-style-type: disc; padding: 0 0 10px 20px;}
.mainPageNewsBox .newsBox .newsText ul li {list-style-type: disc;}
.mainPageNewsBox .newsBox .newsText ol {margin: 0 0 0 0; padding: 0 0 10px 30px; list-style-type: decimal; clear: both;}
.mainPageNewsBox .newsBox .newsText ol li {list-style-type: decimal;}
.mainPageNewsBox .newsBox .newsImageLink {float: right; display: block; margin: 0 0 10px 20px;}
.mainPageNewsBox .pnlBanner {height: 228px; color: #ffffff;}
.mainPageNewsBox .pnlBanner a {color: #ffffff;}
.mainPageNewsBox .pnlBanner .title {padding: 7px 8px 16px 315px; font-size: 18px; font-weight: bold; width: 275px; overflow: hidden;}
.mainPageNewsBox .pnlBanner .subtitle {padding: 0 8px 0 315px; font-weight: bold; font-size: 12px; width: 275px; overflow: hidden;}
.mainPageNewsBox .pnlBanner .desc {padding: 0 8px 85px 315px; width: 275px; overflow: hidden;}
.mainPageNewsBox .pnlBanner .link1 {padding: 0 8px 5px 315px; width: 275px; overflow: hidden;}
.mainPageNewsBox .pnlBanner .link2 {padding: 0 8px 0 315px; width: 275px; overflow: hidden;}
/* /strona glowna - box z nowosciami */

/* strona glowna - boksy na dole */
#divMainPageContentBottom {background: #ffffff url('../_img/bgTripleGrayLine.gif') no-repeat 10px 100%; width: 906px; padding: 0 4px 4px 10px; margin-bottom: 40px; overflow: hidden;}
body.IE6 #divMainPageContentBottom  {float: none;}
/* /strona glowna - boksy na dole */

/* boksy promujace */
.promotionalBox {width: 296px; margin: 0 6px 0 0; float: left; padding: 0;}
.promotionalBox .boxContent {padding: 6px 0 10px 0; margin: 0;}
.promotionalBox .graphics {width: 296px; float: left; overflow: hidden; border-bottom: solid 1px #c2c2c2; margin-bottom: 10px; padding-bottom: 1px; position: relative;}
.promotionalBox .graphics .images {position: static;}
.promotionalBox .graphics .imgLeft {float: left; overflow: hidden; margin: 0 1px 0 0; width: 148px;}
.promotionalBox .graphics .imgRight {float: left; overflow: hidden; width: 147px;}
.promotionalBox .graphics .link {position: absolute; top: 15px; left: 10px; width: 125px; margin: 0; padding: 0;}
.promotionalBox .graphics a {color: #ffffff; font-size: 12px;}
.promotionalBox .info {padding: 0 0 0 10px; margin: 0 10px 0 0;}
.promotionalBox .link {padding: 0 0 0 10px; margin: 0 10px 0 0;}
.subPageMainLayout .side .promotionalBox {border-bottom: solid 4px #c2c2c2; margin-bottom: 15px;}
/* /boksy promujace */

/* content z fckeditora */
.editorText p {padding: 0 0 10px 0; margin: 0; clear: both;}
.editorText ul {margin: 0 0 0 0; padding: 0 0 10px 20px; list-style-type: disc; clear: both;}
.editorText ul li {list-style-type: disc;}
.editorText ol {margin: 0 0 0 0; padding: 0 0 10px 30px; list-style-type: decimal; clear: both;}
.editorText ol li {list-style-type: decimal;}
/* /content z fckeditora */

/* slider */
.slider {position: relative;}
.slider .prev,
.slider .next {position: absolute; top: 60px; cursor: pointer; width: 15px; height: 15px;}
.slider .prev {left: 12px;}
.slider .next {left: 270px;}
.slider .prev img,
.slider .next img {border: none;}
.slider .sliderPane {overflow: hidden; position: static;}
.slider .innerSliderPane {float: left;}
/* /slider */

/* strona glowna - slider */
.chosenProductSliderItem {width: 296px; margin: 0; padding: 0; float: left;}
.chosenProductSliderItem .img {width: 242px; padding: 5px 27px 0 27px; height: 81px; overflow: hidden; text-align: center; display: table;}
.chosenProductSliderItem .img a {text-align: center; display: table-cell; vertical-align: middle;}
.chosenProductSliderItem .info {border-top: solid 1px #c2c2c2; padding: 10px; font-size: 12px; color: #707070;}
.chosenProductSliderItem .productName {font-size: 18px; color: #000000; margin: 0; padding: 0; font-weight: normal;}
.chosenProductSliderItem .ikeaFamilyPrice {color: #ff6600;}
.chosenProductSliderItem .ikeaFamilyPrice .price {color: #000000;}
/* /strona glowna - slider */

/* box logowania */
.logonBox .logonBoxInside {padding: 55px 0 0 28px; width: 649px; clear: both;}
.logonBox .step {width: 100%; clear: both; background: transparent url('../_img/bgLogonBox.png') repeat-y 0 0; margin: 0 0 10px 0;}
.logonBox .step .stepBottom {clear: both; width: 100%; font-size: 0; line-height: 0; height: 11px; background: transparent url('../_img/bgLogonBoxBottom.png') no-repeat 0 0;}
.logonBox .step .firstStep {padding: 30px 28px 0 43px; width: 578px; clear: both; background: transparent url('../_img/bgLogonBoxStep1.png') no-repeat 0 0;}
.logonBox .step .secondStep {padding: 30px 28px 0 43px; width: 578px; clear: both; background: transparent url('../_img/bgLogonBoxStep2.png') no-repeat 0 0;}
.logonBox .step .firstStep .bg {background: transparent url('../_img/bgCardLogonBox.png') no-repeat 364px 10px;}
.logonBox .step .header {margin: 0; padding: 4px 0 0 0; font-size: 18px; font-weight: normal; color: #ff5000; letter-spacing: -0.5px;}
.logonBox .step .firstStep .header {padding-bottom: 20px;}
.logonBox .step .oneLine {margin-bottom: 7px;}
.logonBox .step .oneLine .key {float: left; width: 140px; padding-top: 6px; letter-spacing: -1px;}
.logonBox .step .oneLine .val { float: left; width: 435px;}
.logonBox .step .oneLine .val input.text {color: #666666; padding: 5px; width: 180px;}
.logonBox .logonHelpLink {color: #008aff; font-size: 11px; font-weight: normal; letter-spacing: -0.5px;}
.logonBox .step .btnLine {padding-top: 20px;}
.logonBox .step .secondStep .info {font-size: 18px; font-weight: normal; color: #000000; padding: 0 0 15px 0; letter-spacing: -1px;}
/* /box logowania */

/* pomoc w logowaniu */
.passReminder .logonBoxInside{ padding-top: 0;} 
.passReminder .step .secondStep .header {padding-bottom: 20px;}
.passReminder .step .secondStep .year,
.passReminder .step .secondStep .month {margin-right: 6px;}
/* /pomoc w logowaniu */

/* strona magazynow */
.mainMagazine {width: 100%; clear: both; overflow: hidden; margin-bottom: 15px;}
.mainMagazine .img {width: 296px; float: left; margin-right: 6px; text-align: center;}
.mainMagazine .desc {width: 276px; float: left; padding: 20px 10px 0 10px;}
.mainMagazine .desc .info {margin-bottom: 10px;}
.magazinesList {width: 100%; clear: both; overflow: hidden; margin-bottom: 10px; padding-bottom: 6px; border-bottom: solid 4px #c2c2c2;}
.magazinesList .oneMagazine {background: transparent url('../_img/bgMagazinesList.gif') no-repeat 0 0; padding: 2px 0 6px 0; overflow: hidden; float: left; width: 100%; clear: both;}
.magazinesList .graphics {width: 296px; float: left; margin-right: 6px; overflow: hidden; position: relative;}
.magazinesList .graphics .images {position: static;}
.magazinesList .graphics .imgLeft {float: left; overflow: hidden; margin: 0 1px 0 0; width: 148px;}
.magazinesList .graphics .imgRight {float: left; overflow: hidden; width: 147px;}
.magazinesList .graphics .link {width: 125px; position: absolute; top: 32px; left: 10px;}
.magazinesList .graphics a {color: #ffffff; font-size: 12px;}
.magazinesList .desc {width: 276px; float: left; padding: 10px 10px 0 10px;}
.magazinesList .desc .info {margin-bottom: 5px;}
/* /strona magazynow */

/* specjalne oferty produktowe - pager */
.PagerControl {clear: both; height: 21px; padding: 9px 0 9px 9px; background-color: #ffffff;}
.PagerControl .PagerNumberArea .SelectedPrev,
.PagerControl .PagerNumberArea .UnselectedPrev,
.PagerControl .PagerNumberArea .SelectedNext,
.PagerControl .PagerNumberArea .UnselectedNext ,
.PagerControl .PagerResults {display: none;}
.PagerControl a.showAll  {float: left; color: #333333; font-size: 11px; font-weight: normal; background: transparent url('../_img/bgShowAll.png') no-repeat 0 0; padding: 3px 0 0 0; height: 18px; width: 123px; text-align: center;}
.PagerControl a.showAll:hover {background-position: 0 -31px; text-decoration: none;}
.PagerControl .PagerNumberArea {text-align: right; padding: 4px 8px;}
.PagerControl .PagerNumberArea a,
.PagerControl .PagerNumberArea .UnselectedPage,
.PagerControl .PagerNumberArea .SelectedPage  {font-size: 11px; font-weight: normal;border:1px solid #cccccc;color:#666666;padding:3px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.PagerControl .PagerNumberArea a:hover{border:1px solid #FF6600;cursor:pointer;text-decoration:none}
.PagerControl .PagerNumberArea .SelectedPage {color:#FFFFFF;background-color:#FF6600;border:1px solid #FF6600;cursor:text}

/*
.rightContent .paginationContainer .pagination a{font-size:11px;border:1px solid #cccccc;color:#666666;padding:3px 4px;-moz-border-radius:3px;-webkit-border-radius:3px}
.rightContent .paginationContainer .pagination a:hover{border:1px solid #FF6600;cursor:pointer;text-decoration:none}
.rightContent .paginationContainer .pagination a.active{color:#FFFFFF;background-color:#FF6600;border:1px solid #FF6600;cursor:text}
*/
/* /specjalne oferty produktowe - pager */

/* specjalne oferty produktowe - dodatki */
.availableInShop {background: #aeaeae url('../_img/bgDarkGrayGradient.gif') repeat-x 0 0; font-size: 14px; color: #ffffff; padding: 5px 10px; margin-bottom: 6px;}
.availableInShop .ddl {color: #232323; font-size: 11px; border: solid 1px #8d8d8d; border-color: #8d8d8d #c5c5c5 #c5c5c5 #8d8d8d; padding: 0 0 0 4px; width: 150px;}
/* /specjalne oferty produktowe - dodatki */

/* specjalne oferty produktowe - grid */
.productsList {padding: 0; background: transparent url('../_img/bgProductsList.png') repeat-y 0 0; margin: 0 0 16px 0; overflow: hidden; clear: both; float: left; width: 100%;}
.productsList .noOffers {width: 574px; padding: 12px; clear: both; float: left; background-color: #ffffff;}
.productsList .oneProduct {float: left; width: 145px; padding: 16px 12px; overflow: hidden;}
.productsList .oneProduct .img {text-align: center; vertical-align: middle; width: 125px; height: 125px; margin-bottom: 24px; margin-right: auto; margin-left: auto;}
.productsList .oneProduct .productName,
.productsList .oneProduct .productType {font-size: 12px;}
.productsList .oneProduct .regularPrice {font-size: 14px; color: #727272; text-decoration: none; margin-bottom: 16px;}
.productsList .oneProduct .ikeaFamilyPrice {font-size: 12px; color: #ff6600;}
.productsList .lineSeparator {clear: both; float: left; width: 100%; background: white url('../_img/bgProductsListSeparator.png') no-repeat 0 0; font-size: 0; line-height: 0; height: 9px;}
.productsList .bottomSpacer {background: transparent url('../_img/bgQuadrupleGrayLineWithWhite.gif') no-repeat 0 100%; font-size: 0; line-height: 0; height: 8px; width: 100%; clear: both;}
.productsList .topSpacer {background-color: #ffffff; font-size: 0; line-height: 0; height: 3px; width: 100%; clear: both;}
/* /specjalne oferty produktowe - grid */

/* strona produktu */
.productPage {padding: 0; margin: 0 0 16px 0; overflow: hidden; clear: both; float: left; width: 100%;}
.productPage .oneProduct {margin: 0 0 16px 0; padding: 0 0 28px 0; background: transparent url('../_img/bgDoubleGrayLineBold.gif') no-repeat 0 100%; float: left; width: 100%; overflow: hidden;}
.productPage .mainInfo {background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 100%; padding: 0 0 1px 0; margin: 0 0 16px 0; clear: both; overflow: hidden; float: left; width: 100%;}
.productPage .mainInfo .img {width: 250px; overflow: hidden; float: left; padding: 23px; margin: 0 6px 0 0; cursor: pointer; text-align: center;}
.productPage .mainInfo .info {width: 226px; overflow: hidden; float: left; padding: 85px 0 23px 70px; margin: 0;}
.productPage .mainInfo .productName {font-size: 18px; font-weight: normal; margin: 0; padding: 0;}
.productPage .mainInfo .productType {font-size: 12px; font-weight: normal; margin: 0; padding: 0;}
.productPage .mainInfo .regularPrice {color: #000000; font-size: 14px; margin: 0 0 16px 0;}
.productPage .mainInfo .ikeaFamilyPrice {color: #ff6600; font-size: 12px;}
.productPage .mainInfo .colorVersions {padding: 12px 0 0 0;}
.productPage .mainInfo .colorVersions .ddl {font-size: 12px; color: #666666; width: 170px;}
.productPage .detailedInfo {clear: both; overflow: hidden; float: left; width: 100%;}
.productPage .detailedInfo .title {clear: both; overflow: hidden; margin: 0 0 12px 0; padding: 0 12px; width: 574px; font-weight: bold; color: #ff6600;}
.productPage .twoColumns {clear: both; overflow: hidden;}
.productPage .twoColumns .col {float: left; clear: none; overflow: hidden; margin: 0; padding: 0; width: 296px;}
.productPage .twoColumns .firstCol {margin-right: 6px;}
.productPage .detailedInfo .boxTitle {font-weight: bold; margin-bottom: 12px; padding: 0 12px;}
.productPage .detailedInfo .boxContent {margin: 0 0 12px 0; padding: 0 12px;}
.productPage .detailedInfo .borderedBox {border-bottom: solid 1px #c2c2c2; margin-bottom: 12px;}
.productPage .detailedInfo .packSizeBox {overflow: hidden;}
.productPage .detailedInfo .packSizeBox .boxTitle {color: #ff6600; margin-bottom: 0;}
.productPage .detailedInfo .packSizeBox .boxTitle a {color: #ff6600; font-weight: bold;}
/* /strona produktu */

/* lista partnerow */
.selectPartnerBox {font-size: 14px;  margin: 0 0 16px 0; padding: 0 10px;}
.selectPartnerBox .ddl {font-size: 11px; color: #232323; width: 200px;}
.partnersList {width: 100%; clear: both; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; background: #ffffff url('../_img/bgDoubleGrayLineBold.gif') no-repeat 0 100%;}
.partnersList .onePartner {background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 0; padding: 2px 0 6px 0; overflow: hidden; float: left; width: 100%; clear: both;}
.partnersList .graphics {width: 296px; float: left; margin-right: 6px; overflow: hidden; position: relative;}
.partnersList .graphics .images {position: static;}
.partnersList .graphics .imgLeft {float: left; overflow: hidden; margin: 0 1px 0 0; width: 148px;}
.partnersList .graphics .imgRight {float: left; overflow: hidden; width: 147px;}
.partnersList .graphics .link {position: absolute; top: 15px; left: 10px; z-index: 200; width: 125px;}
.partnersList .graphics a {color: #ffffff; font-size: 12px;}
.partnersList .desc {width: 280px; float: left; padding: 8px 6px 0 10px;}
.partnersList .desc .info {margin-bottom: 2px;}
.partnersList .noPartners {padding: 12px 10px; overflow: hidden; float: left; width: 578px; clear: both; background-color: #ffffff; font-size: 12px; font-weight: bold;}
/* /lista partnerow */

/* strona partnera */
.partnerOfferPageDesc {padding: 6px 0 24px 0; margin-bottom: 12px; border-bottom: solid 4px #c2c2c2;}
/* /strona partnera */

/* lista przywilejow */
.benefitsList {width: 100%; clear: both; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; background: #ffffff url('../_img/bgDoubleGrayLineBold.gif') no-repeat 0 100%;}
.benefitsList .oneBenefit {background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 0; padding: 2px 0 6px 0; overflow: hidden; float: left; width: 100%; clear: both;}
.benefitsList .graphics {width: 296px; float: left; margin-right: 6px; overflow: hidden; position: relative;}
.benefitsList .graphics .images {position: static;}
.benefitsList .graphics .imgLeft {float: left; overflow: hidden; margin: 0 1px 0 0; width: 148px;}
.benefitsList .graphics .imgRight {float: left; overflow: hidden; width: 147px;}
.benefitsList .graphics .link {position: absolute; top: 18px; left: 10px; width: 125px;}
.benefitsList .graphics a {color: #ffffff; font-size: 12px;}
.benefitsList .desc {width: 280px; float: left; padding: 8px 6px 0 10px;}
.benefitsList .desc .info {margin-bottom: 6px;}
/* /lista przywilejow */

/* FAQ */
ol.faqList {padding: 12px 0; margin: 0 0 12px 0; padding: 12px 0 12px 30px; list-style-type: decimal; font-weight: bold;}
ol.faqList li.oneQuestion {list-style-type: decimal; margin-bottom: 12px; }
ol.faqList li.oneQuestion .question {font-weight: bold; margin-bottom: 6px;}
ol.faqList li.oneQuestion .answer {font-weight: normal;}
/* /FAQ */

/* rejestracja */
.registrationStart h2.grayHeader {margin-bottom: 6px;}
.registrationStart .img {float: left; width: 296px; margin-right: 6px; overflow: hidden;}
.registrationStart .imgLast {margin-right: 0;} 
.registrationStart .img img {cursor: pointer;}
.accountForm .orangeHeader {margin-bottom: 25px; margin-top: 10px;}
.accountForm .sectionDesc {width: 100%; clear: both; overflow: hidden; margin: 0 0 15px 0;}
.accountForm input.text,
.accountForm textarea.text {width: 260px;}
.accountForm .twoEqColumns .firstCol,
.accountForm .twoEqColumns .secondCol {width: 296px; padding: 0;}
.accountForm .twoEqColumns .firstCol {margin-right: 6px;}
.accountForm .twoEqColumns .firstCol .inside,
.accountForm .twoEqColumns .secondCol .inside {width: 272px; padding: 0 12px; border-top: solid 1px #c2c2c2; clear: both; overflow: hidden;}
.accountForm .twoEqColumns .twoEqColumns .firstCol,
.accountForm .twoEqColumns .twoEqColumns .secondCol {width: 133px; padding: 0;}
.accountForm .twoEqColumns .twoEqColumns input.text {width: 120px;}
.accountForm .twoEqColumns .twoEqColumns select.text {width: 120px;}
.accountForm .shopAndImg {margin-bottom: 12px; width: 665px; padding-left: 12px;}
.accountForm .shopAndImg select.text {width: 260px;}
.accountForm .shopAndImg .twoEqColumns .firstCol .inside,
.accountForm .shopAndImg .twoEqColumns .secondCol .inside {border-top: none;}
.accountForm .shopAndImg .chbCreditCard {width: 100%; clear: both; float: left;}
.accountForm .shopAndImg .chbCreditCard input {float: left; margin-right: 3px;}
.accountForm .shopAndImg .chbCreditCard label {float: left; width: 260px;}
.accountForm .K2Captcha {width: 100%; clear: both; overflow: hidden;}
.accountForm .K2Captcha .imgContainer {width: 194px; float: left; margin: 0 6px 0 0;}
.accountForm .K2Captcha .textboxContainer {width: 70px; float: left;}
.accountForm .yourProfile .K2Captcha input.text {width: 60px; text-align: center;}
.accountForm .twoEqColumns .cityAndZip .firstCol {width: 185px;}
.accountForm .twoEqColumns .cityAndZip .secondCol {width: 81px;}
.accountForm .twoEqColumns .cityAndZip .firstCol .text {width: 175px;}
.accountForm .twoEqColumns .cityAndZip .secondCol .prefix {width: 22px}
.accountForm .twoEqColumns .cityAndZip .secondCol .suffix {width: 33px;}
.accountForm .peopleInfo .orangeHeader {margin-bottom: 15px;}
.accountForm .regulations {background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 0; padding: 12px; width: 574px; margin-top: 12px;}
.accountForm .regulations .privacyPolicy {margin: 12px 0;}
.accountForm .regulations textarea.text {width: 560px; height: 100px; color: #727272;}
.accountForm .button {padding: 12px; width: 574px;}
.accountForm .year,
.accountForm .month,
.accountForm .day {float: left; overflow: hidden; margin: 0 3px 0 0;}
.accountForm .year select,
.accountForm .month select,
.accountForm .day select {float: left;}
.accountForm .rbListGender label {padding-right: 10px;}
/* /rejestracja */

/* ikano */
.accountForm .creditCardBox {background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 0; padding: 2px 0 0 0; margin: 10px 0 15px 0; width: 665px; padding-left: 12px;}
.accountForm .creditCardBox .inside {background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 100%; padding: 0 0 2px 0; width: 100%; clear: both; float: left;}
.accountForm .creditCardBox .chbCol {padding: 12px 0; width: 284px;}
.accountForm .creditCardBox .chbCol input {float: none; /*margin: 0 3px 0 0; padding: 0; width: 15px; height: 15px;*/}
.accountForm .creditCardBox .chbCol label {font-size: 11px; color: #FF6600; font-weight: bold; letter-spacing: -1px; /*float: left; margin: 1px 0 0 0; width: 270px;*/}
.accountForm .creditCardBox .chbCol label a {text-decoration: underline;}
.accountForm .creditCardBox .chbCol label a.imgLink,
.accountForm .creditCardBox .chbCol label a.imgLink:hover {text-decoration: none;}
.accountForm .creditCardBox .chbCol label img {margin-top: 10px;}
.accountForm .creditCardBox .statusCol {background-color: #f0f0f0; padding: 15px 15px; width: 266px;}
.accountForm .creditCardBox .statusCol .p {}
.accountForm .creditCardBox .statusCol .a {color: #238b1c;}
.accountForm .creditCardBox .statusCol .d {color: #f50000;}
/* /ikano */

/* profil - boksy prowadzace do edycji danych */
.accountForm .editBoxLink {width: 254px; height: 58px; padding: 18px 24px 0 15px; margin: 0 6px 6px 0; float: left; background: transparent url('../_img/bgEditBox.png') no-repeat 0 0;}
.accountForm .editBoxLink:hover {text-decoration: none;} 
.accountForm .editBox {width: 100%; height: 100%;}
.accountForm .editBox .text {color: #727272; font-size: 11px; font-weight: normal;}
.accountForm .editBoxNoMargin {margin-right: 0;}
.accountForm .editBoxLinkNoMargin {margin-right: 0;}
/* /profil - boksy prowadzace do edycji danych */

/* profil - usuniecie konta */
.accountForm .accountRemoval textarea.text {height: 70px; margin-bottom: 20px;}
.accountForm .accountRemoval .twoEqColumns .firstCol .inside {border: none;}
.accountForm .accountRemoval #inputResign,
.accountForm .accountRemoval #inputRemove {cursor: pointer;}
.ui-dialog .accountRemovalDialogContent {text-transform: uppercase;}
/* /profil - usuniecie konta */

/* profil - usuniecie subskrypcji biuletynu */
.accountForm .bulletinResign textarea.text {height: 70px;}
.accountForm .bulletinResign .twoEqColumns .firstCol .inside,
.accountForm .bulletinResign .twoEqColumns .secondCol .inside {border: none;}
.accountForm .bulletinResign #inputRemove {cursor: pointer;}
.accountForm .bulletinResign .button img {cursor: pointer;}
.accountForm .bulletinResign .chbList {width: 100%; clear: both; overflow: hidden;}
.accountForm .bulletinResign .chbList td {padding-bottom: 5px;}
.accountForm .bulletinResign .chbList input {float: left; margin: 0 8px 0 0; padding: 0;}
.accountForm .bulletinResign .chbList label {float: left; width: 230px;}
/* /profil - usuniecie subskrypcji biuletynu */

/* profil - preferencje biuletynu */
.accountForm .magazinePreferences .twoEqColumns .firstCol .inside {border: none;}
.accountForm .magazinePreferences .title {margin-bottom: 12px; font-weight: bold;}
.accountForm .magazinePreferences .bulletinPreference {padding: 0 12px; margin-top: 12px; width: 574px;}
.accountForm .magazinePreferences .sectionTable {width: 100%; margin: 0 0 12px 0;}
.accountForm .magazinePreferences .sectionTable td {width: 50%;}
.accountForm .magazinePreferences .magazineMode,
.accountForm .magazinePreferences .wantMagazine {padding: 12px 12px 0 12px; margin: 0 0 12px 0; width: 574px; background: transparent url('../_img/bgDoubleGrayLine.gif') no-repeat 0 0;}
.accountForm .magazinePreferences .magazineMode .chbList {width: auto;}
.accountForm .magazinePreferences .magazineMode .chbList td label {white-space: nowrap;}
.accountForm .magazinePreferences .magazineMode .chbList td {padding-right: 24px;}
/* /profil - preferencje biuletynu */

/* profil - informacje dodatkowe */
.accountForm .additionalInformation .twoEqColumns .firstCol .inside {border: none;}
.accountForm .additionalInformation select.text {width: 260px;}
/* /profil - informacje dodatkowe */

/* strona z podgladem wydruku karty tymczasowej */
.cardPrintPreview {position: relative; z-index: 100; margin: 24px 0; padding: 0 0 0 90px; width: 400px; height: 250px;}
.cardPrintPreview .img {position: absolute; top: 0; left: 90px; z-index: 101; width: 397px; height: 250px; overflow: hidden;}
.cardPrintPreview .userName,
.cardPrintPreview .cardNumber {width: 350px; height: 15px; position: absolute; z-index: 103; left: 110px; color: #000000; text-transform: uppercase;}
.cardPrintPreview .userName {top: 205px;}
.cardPrintPreview .cardNumber {top: 220px;}
.cardPrintButtons {padding: 0 0 20px 110px; width: 400px;}
/* /strona z podgladem wydruku karty tymczasowej */

/* profil - zmiana hasla */
.passwordChanger {background: transparent url(../_img/bgPasswordChange.png) no-repeat 391px 0; padding: 10px 0 0 0; min-height: 227px;}
.passwordChanger .title {margin: 0; padding: 4px 0 20px 0; font-size: 18px; font-weight: normal; color: #ff5000; letter-spacing: -0.5px;}
.passwordChanger .oneLine {margin-bottom: 7px;}
.passwordChanger .oneLine .key {float: left; width: 140px; padding-top: 6px; letter-spacing: -1px;}
.passwordChanger .oneLine .val { float: left; width: 435px;}
.passwordChanger .oneLine .val input.text {color: #666666; padding: 5px; width: 180px;}
.passwordChanger .btnLine {padding-top: 20px;}
.passwordChanger .info {padding-bottom: 170px;}

/* /profil - zmiana hasla */

/* lista artykulow */
#articleList {clear: both; width: 100%;}

#articleList .categoryMenu {margin: 5px 0; background-color: #f6f6f6; padding: 5px 0 5px 10px; width: 588px; clear: both; float: left;}
#articleList .categoryMenu .label {white-space: nowrap; color: #707070; font-weight: bold; font-size: 11px; float: left; line-height: 140%; padding: 0 10px 0 0;}
#articleList .categoryMenu .item {padding: 0 10px 0 0; float: left;}
#articleList .categoryMenu .item a {font-weight: normal; white-space: nowrap; line-height: 140%;}
#articleList .categoryMenu .item a.active {color: #000000;}

#articleList .sorterAndSearch {border-bottom: solid 1px #e0e0e0; padding-bottom: 5px;}

#articleList .sorterBox {margin: 5px 0 0 0; padding: 3px 10px 0 10px; width: 259px; float: left;}
#articleList .sorterBox .label {color: #707070; padding: 0 13px 0 0; float: left;}
#articleList .sorterBox a {font-weight: normal; background: transparent url('../_img/bgArrowRightOrange.png') no-repeat 100% 3px; white-space: nowrap; padding: 0 12px 0 0; margin: 0 15px 0 0; float: left;}
#articleList .sorterBox a.sortAsc {background-image: url('../_img/bgArrowUpBlack.png'); background-position: 100% 4px; color: #000000;}
#articleList .sorterBox a.sortDesc {background-image: url('../_img/bgArrowDownBlack.png'); background-position: 100% 5px; color: #000000;}

#articleList .searchBox {margin: 5px 0 0 0; padding: 0 10px; width: 299px; float: left;}
#articleList .searchBox .label {float: left; color: #707070; font-weight: bold; padding: 3px 8px 0 0;}
#articleList .searchBox input.text {float: left; width: 160px; margin-right: 10px;}
#articleList .searchBox .btn {float: left;}

#articleList .pageSubTitle {padding: 15px 10px; margin: 0; clear: both; width: 578px; font-size: 14px; color: #727272; font-weight: bold;}

#articleListGrid {clear: both; width: 100%; float: left;}
#articleListGrid .bigArticlePreview {clear: both; float: left; width: 100%;}
#articleListGrid .bigArticlePreview .articleTitle {padding: 10px; margin: 0; clear: both; width: 578px;}
#articleListGrid .bigArticlePreview .articleTitle,
#articleListGrid .bigArticlePreview .articleTitle a {font-size: 14px; color: #727272; font-weight: bold;}
#articleListGrid .bigArticlePreview .mainInfo {clear: both; width: 100%; height: 280px; position: relative;}
#articleListGrid .bigArticlePreview .mainInfo .graphic {position: absolute; top: 0; left: 0;}
#articleListGrid .bigArticlePreview .mainInfo .info {position: absolute; top: 30px; left: 315px; width: 270px; color: #ffffff; font-size: 12px; line-height: 140%;}
#articleListGrid .bigArticlePreview .mainInfo .info .link {clear: both; padding-top: 20px;} 
#articleListGrid .bigArticlePreview .mainInfo .info .link a {color: #ffffff;}
#articleListGrid .bigArticlePreview .addInfo {clear: both; float: left; padding: 10px; width: 578px;}

#articleListGrid .K2Rating {float: left; padding-top: 2px; margin: 0 20px 0 0;}
#articleListGrid .K2Rating .images img {float: left;}

#articleListGrid .comments {float: left; background: transparent url('../_img/bgComments.png') no-repeat 0 2px; padding: 2px 0 0 15px; font-size: 10px; margin: 0 30px 0 0;}

#articleListGrid .share,
#articleListGrid .download {visibility: hidden; float: left; width: 14px; height: 17px; background: transparent none no-repeat 0 0; margin: 0 10px 0 0;}
#articleListGrid .share {background-image: url('../_img/bgShare.png');}
#articleListGrid .download {background-image: url('../_img/bgDownload.png');}
#articleListGrid .share a,
#articleListGrid .download a {float: left; width: 100%; height: 100%;}
#articleListGrid .share a:hover,
#articleListGrid .download a:hover {text-decoration: none;}
#articleListGrid .share a span,
#articleListGrid .download a span {display: none;}

#articleListGrid .dateTime {float: right; font-size: 10px;}

#articleListGrid .smallArticlePreview {clear: both; background: #ffffff url('../_img/bgDoubleGrayLine.gif') no-repeat 0 0; padding: 2px 0 15px 0; width: 100%; float: left;}
#articleListGrid .smallArticlePreview .img {width: 296px; float: left; margin: 0 20px 0 0;}
#articleListGrid .smallArticlePreview .info {float: left; width: 272px;}
#articleListGrid .smallArticlePreview .articleTitle {margin: 0; padding: 5px 0; }
#articleListGrid .smallArticlePreview .articleTitle,
#articleListGrid .smallArticlePreview .articleTitle a {font-weight: bold; font-size: 11px; color: #727272;}
#articleListGrid .smallArticlePreview .desc {padding: 0 0 10px 0; line-height: 140%;}

#articleListGrid .bigArticlePreviewSelected .share,
#articleListGrid .bigArticlePreviewSelected .download,
#articleListGrid .smallArticlePreviewSelected .share,
#articleListGrid .smallArticlePreviewSelected .download {visibility: visible;}
#articleListGrid .bigArticlePreviewSelected .addInfo ,
#articleListGrid .smallArticlePreviewSelected {background-color: #f7f7f7;}

#articleList .PagerControl {margin-bottom: 20px; margin-top: 5px;}
/* /lista artykulow */

/* artykuly - boxy w prawej kolumnie */
#newestCommentsBox,
#similarArticlesBox {border-bottom: solid 4px #d4d4d4;}
.sideTeaserBox {clear: both; width: 100%; margin-bottom: 15px;}
.sideTeaserBox .item {padding: 10px 10px 15px 10px; width: 282px; clear: both;}
.sideTeaserBox .title {padding: 0 0 5px 0; margin: 0; width: 100%; clear: both;}
.sideTeaserBox .title,
.sideTeaserBox .title a {font-weight: bold; font-size: 11px; color: #727272;}
.sideTeaserBox .desc {padding: 0; margin: 0; width: 100%; clear: both; line-height: 140%;}
.sideTeaserBox .separator {background-color: #e0e0e0; font-size: 0; line-height: 0; height: 1px; width: 100%; clear: both;}
/* /artykuly - boxy w prawej kolumnie */

/* strona artykulu */
#articlePage .linkBack {padding: 10px; margin: 0; clear: both; width: 578px;}
#articlePage .linkBack a {font-weight: normal;}
#articlePage .articleTitle {font-size: 14px; font-weight: bold; padding: 20px 10px 0 10px; margin: 0; clear: both; width: 578px;}
#articlePage .articleDate {font-size: 10px; padding: 0 10px 5px 10px; margin: 0; clear: both; width: 578px; text-align: right;}
#articlePage .articleText {padding: 10px 10px 20px 10px; width: 578px; clear: both; line-height: 140%; border-bottom: solid 1px #e0e0e0;}
#articlePage .articleText p {padding: 0 0 10px 0; margin: 0; line-height: 140%;}
#articlePage .articleText ul {clear: both; list-style-type: disc; padding: 0 0 10px 20px;}
#articlePage .articleText ul li {list-style-type: disc;}
#articlePage .articleText ol {margin: 0 0 0 0; padding: 0 0 10px 30px; list-style-type: decimal; clear: both;}
#articlePage .articleText ol li {list-style-type: decimal;}

#articlePage .ratingAndIconsBox {clear: both; padding: 10px 10px 5px 10px; margin: 0; clear: both; width: 578px; float: left;}
#articlePage .ratingAndIconsBox .K2Rating {float: left; padding-top: 2px; margin: 0 20px 0 0;}
#articlePage .ratingAndIconsBox .K2Rating .images img {float: left; margin-top: 3px;}
#articlePage .ratingAndIconsBox .K2Rating .controlTitle {float: left; margin: 0 10px 0 0; font-weight: bold; font-size: 14px;}
#articlePage .ratingAndIconsBox .ratingCount {float: left; margin: 0 60px 0 0; line-height: 17px;}

#articlePage .share,
#articlePage .download {float: left; width: 14px; height: 17px; background: transparent none no-repeat 0 0; margin: 0 10px 0 0;}
#articlePage .share {background-image: url('../_img/bgShare.png');}
#articlePage .download {background-image: url('../_img/bgDownload.png');}
#articlePage .share a,
#articlePage .download a {float: left; width: 100%; height: 100%;}
#articlePage .share a:hover,
#articlePage .download a:hover {text-decoration: none;}
#articlePage .share a span,
#articlePage .download a span {display: none;}

#articlePage .createCommentBox {clear: both; padding: 10px 10px 15px 10px; margin: 0; clear: both; float: left; width: 578px; border-bottom: solid 4px #d4d4d4;}
#articlePage .createCommentBox .title {margin: 0; padding: 0; font-weight: bold; font-size: 14px; clear: both;}
#articlePage .createCommentBox .info {padding: 0 0 10px 0; width: 100%; clear: both;}
#articlePage .createCommentBox textarea.text {width: 570px; height: 80px; margin-bottom: 5px;}
#articlePage .createCommentBox .valErr {display: none;}
#articlePage .createCommentBox .btnLine {text-align: right;}

#articlePage .commentsList {clear: both; width: 100%; float: left; margin-bottom: 20px;}
#articlePage .commentsList .item {padding: 20px 10px 15px 10px; width: 578px; clear: both; border-bottom: solid 1px #e0e0e0;}
#articlePage .commentsList .nameAndDate {clear: both; width: 100%; float: left; padding: 0 0 5px 0;} 
#articlePage .commentsList .nameAndDate .name {font-weight: bold; float: left; width: 478px;}
#articlePage .commentsList .nameAndDate .date {font-size: 10px; line-height: 13px; float: left; width: 100px; text-align: right;}
#articlePage .commentsList .comment {clear: both; width: 100%; line-height: 120%;}
#articlePage .commentsList .info {padding: 20px 10px 15px 10px; width: 578px; clear: both;}

#articlePage .notLoggedInfo {padding: 20px 10px; clear: both; width: 578px; line-height: 140%;}

.shareWithFriendForm .articleTitle {font-size: 14px; font-weight: bold; color: #727272; margin: 0; padding: 0 0 10px 0;}
.shareWithFriendForm .twoEqColumns {padding-bottom: 10px;}
.shareWithFriendForm .twoEqColumns input.text {margin-top: 3px; width: 195px;}
.shareWithFriendForm .twoEqColumns input.textDisabled {color: #727272;}
.shareWithFriendForm textarea.text {margin-top: 3px; margin-bottom: 10px; width: 422px; height: 75px;}
/* /strona artykulu */

/* moderacja opinii */
#cmsCommentsPage {clear: both; width: 100%; margin-bottom: 20px; float: left;}
#cmsCommentsPage .topBar {border-bottom:  solid 1px #e0e0e0; width: 876px; clear: both; padding: 5px 10px;}
#cmsCommentsPage .searchBar,
#cmsCommentsPage .sortBar,
#cmsCommentsPage .pagerBar {padding: 5px 0; width: 876px; clear: both;}
#cmsCommentsPage .searchBar .item {float: left; margin-right: 20px;}
#cmsCommentsPage .commentsList {clear: both; width: 100%; float: left;}
#cmsCommentsPage .commentsList .item {clear: both; width: 876px; float: left; padding: 10px; border-bottom: solid 1px #e0e0e0;}
#cmsCommentsPage .commentsList .commentText {width: 540px; float: left;}
#cmsCommentsPage .commentsList .commentText textarea {width: 500px; height: 150px;}
#cmsCommentsPage .commentsList .info {float: left; width: 336px;}
#cmsCommentsPage .commentsList .key {float: left; width: 100px;}
#cmsCommentsPage .commentsList .val {float: left; width: 236px;}
/* /moderacja opinii */


.errorMessage {width: 402px; clear: both; padding: 20px 0 20px 95px; overflow: hidden;}
.errorMessage .inside {border: solid 1px #b10000; background: transparent url('../_img/icoValErr.gif') no-repeat 32px 24px; padding: 24px 48px; width: 304px; color: #b10000; text-transform: uppercase; text-align: center;}

