.clearBoth { clear: both; font-size: 1px; height: 3px; }
.floatRight { float:right; }
.siteWarning { background-color: gold; border: 1px solid #FF6347; color: #FF6347; font-weight: bold; padding: 5px; }

span.required { color: red; }

.formLine { clear: both; margin: 5px 0px; }
.formLine span { padding: 3px; display: block; height: 10px; }
.formLine label { float: left; padding: 3px; margin-right: 3px; width: 200px; text-align: right; background-color: #EEEFF1; }
.pdf_company_info { float: left; }
.pdf_icon {width: 24px; height: 24px; margin-top:9px; float:right;}

body {
    background: url("../images/bgGfx.png") no-repeat fixed center top #E9EDF2;
    color: #262626;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 11px;
    margin: 0;
    overflow: auto;
    padding: 0;
}

#page {
    margin: auto;
    position: relative;
    width: 954px;
}

#page #header {
    /*background: url("../images/headerBg.png") no-repeat scroll center bottom transparent;*/
    height: 100px;
    width: 954px;
}

#page #header img {
    height: 101px;
    margin-left: 10px;
    margin-top: 60px;
    width: 201px;
}

#page #header #mainmenu {
    /*background-color: #FFFFFF;*/
    padding: 8px 10px;
    position: absolute;
    right: 0;
    top: 30px;
}

#page #header #mainmenu ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#page #header #mainmenu ul li {
    color: #A20000;
    cursor: pointer;
    float: left;
    list-style-type: none;
    margin: 0;
    padding-left: 7px;
    padding-right: 7px;
}

#page #header #mainmenu ul li a {
    color: #A20000;
    display: block;
    /*font-family: Tahoma;*/
	font-family: 'Istok Web',Arial,sans-serif;
    font-size: 150%;
    padding: 5px;
    text-decoration: none;
}

#page #header #mainmenu ul li a:hover {
    /*background-color: #fff;*/
	color: #27537A;
}

#page #sitemenu {
    float: left;
    margin-top: 10px;
	width: 950px;
}

#page #sitemenu .menuLabel {
    background: url("../images/icoCategories.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 30px;
	/*width:200px;*/
}

#page #sitemenu ul {
    list-style: none outside none;
    margin: 7px 0 0;
    padding: 0 0 0 4px;
    /*width: 954px;*/
}

#page #sitemenu ul li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px;
}

#page #sitemenu ul li.active {
    background-color: #FFFFFF;
    color: #000000;
    opacity: 0.5;
}

#page #sitemenu ul li a {
    color: #27537A;
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    z-index: 2;
}

#page .container {
    width: 954px;
}

#page .container .contentHeader {
    background: url("../images/headerBgMetalic.png") repeat-x scroll 0 0 #DFE2E5;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    height: 43px;
    padding: 3px 10px;
	position: relative;
}

#page .container .contentHeader h1 {
    float:left;
	margin-bottom: 5px;
}

#page .container .contentHeader .buttons {
	text-align: right;
	float:right;
}

#page .container .contentHeader .breadcrumbs {
    color: #6E6E6E;
    font-size: 10px;
	position: absolute;
	top: 28px;	
}

#page .container .contentText {
    background-color: #FFFFFF;
    padding: 10px;
}

#page .container .contentText .viewLeftPanel {
	float: left;
	width: 50%;
}

#page .container .contentText .viewRightPanel {
	float: left;
	width: 50%;
}


#page .container .contentText .productViewLeftPanel {
    float: left;
    width: 280px;
}

#page .container .contentText .productViewRightPanel {
    float: left;
    margin-bottom: 20px;
    width: 403px;
}

div.errorMessage {
	color: red;
}

ul.productFilesList {
    list-style-type: none;
}

ul.productFilesList li {
    background: url("../images/icoSchema.png") no-repeat scroll left center transparent;
    padding: 3px;
    padding-left: 18px;
}

.productViewRightPanel .productPrice {
    margin: 10px 0 15px;
}

.productViewRightPanel .productPrice .net {
    font-weight: bold;
    margin-left: 10px;
}

.productViewRightPanel .productPrice .gross {
    font-weight: bold;
    margin-left: 10px;
}

.productViewRightPanel .productPrice .net strong {
    color: #1F932A;
    font-size: 16px;
}

.productViewRightPanel .productPrice .gross strong {
    color: #1F932A;
    font-size: 16px;
}

ul.productDetails {
    list-style: none outside none;
    padding: 0;
}

li.productDetail {
    font-weight: bold;
}

li.productDetail span {
    color: #A5A5A5;
    font-weight: normal;
}

table.productDetails {
	border: none;
}

tr.productDetail td {
	background-color: #fff;
	font-weight: bold;
	vertical-align: top;
}

tr.productDetail td span {
	color: #A5A5A5;
	font-weight: normal;
}

ul.categoriesList {
    float: left;
    /*width: 954px;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.categoriesList li {
    background-color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 110px;
    margin: 2px;
    min-height: 80px;
    padding: 8px;
    position: relative;
    width: 167px;
}

ul.categoriesList li img {
    float: right;
	padding-top: 3px;
}

ul.categoriesList li a {
    color: #262626;
}

ul.categoriesList li span.linkToProductsCategoryName {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
}

ul.producersList li span.linkToPricelist {
    bottom: 37px;
    font-size: 11px;
    font-weight: normal;
    left: 5px;
    position: absolute;
}

ul.producersList li span.linkToPricelist a {
    color: #B40000;
    text-decoration: none;
}

ul.categoriesList li span.linkToProducts {
    bottom: 7px;
    font-size: 11px;
    font-weight: normal;
    left: 5px;
    position: absolute;
}

ul.categoriesList li span.linkToProducts a {
    color: #B40000;
    text-decoration: none;
}

ul.producersList {
    float: left;
    /*width: 954px;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.producersList li {
    background-color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 80px;
    margin: 2px;
    min-height: 80px;
    padding: 8px;
    position: relative;
    width: 167px;
}

ul.producersList li img {
    float: right;
}

ul.producersList li a {
    color: #262626;
}

ul.producersList li span.linkToProducerName {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
}

ul.producersList li span.linkToProducts {
    bottom: 10px;
    font-size: 11px;
    font-weight: normal;
    left: 5px;
    position: absolute;
}

ul.producersList li span.linkToProducts a {
    color: #B40000;
    text-decoration: none;
}

div#categoriesTree .portlet-title {
    /*background-color: #FFFFFF;*/
    background: url("../images/headerBgMetalic.png") repeat-x scroll 0 0 #DFE2E5;
    color: #0E2845;
    height: 37px;
    font-size: 2em;
    padding: 6px 10px;
    width: 190px;
}

div#categoriesTree .portlet-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
}

div#categoriesTree .portlet-content ul li.active > a:first-child {
    background-color: #E4E9EF;
}

div#categoriesTree .portlet-content ul li a {
    background: url("../images/icoSubmenuItem.png") no-repeat scroll left center transparent;
    border-bottom: 1px solid #E6ECF1;
    color: #262626;
    display: block;
	font-weight: bold;
    padding: 7px 0 7px 20px;
    text-decoration: none;
}

div#categoriesTree .portlet-content ul li a:hover {
    background-color: #E4E9EF;
    color: #B40000;
    text-decoration: none;
}

div#categoriesTree .portlet-content ul.subTree {
    margin-left: 5px;
	width: 95%;
}

div#categoriesTree .portlet-content ul.subTree li a {
	font-weight: normal;
    margin-left: 5px;
	width: 89%;
}

ul.productsList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.productsList li {
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    float: left;
    min-height: 260px;
    padding: 10px;
    position: relative;
    width: 159px;
}

ul.productsList .productImg {
    margin-bottom: 10px;
    min-height: 110px;
    text-align: center;
}

ul.productsList .productName {
    margin-bottom: 5px;
}

ul.productsList .productName a {
    color: #B40000;
    font-weight: bold;
    text-decoration: none;
}

ul.productsList ul.productParams {
    list-style-type: square;
    margin: 0 0 35px;
    padding: 0;
}

ul.productsList ul.productParams li {
    border: 0 none;
    margin-left: 15px;
    min-height: 0;
    padding: 0;
    width: auto;
}

ul.productsList .productPrice {
    background-color: #EFEFEF;
    bottom: 10px;
    padding: 4px 6px;
    position: absolute;
    width: 147px;
}

ul.productsList .productPrice strong {
    color: #1F932A;
}

div#productFeatures table.productParams {
    background-color: #C3C3C3;
    /*border: 0 none;*/
    border: 1px solid gray;
    width: 100%;
}

div#productFeatures table.productParams td {
    background-color: #FFFFFF;
    border: 1px solid gray;
    padding: 5px;
}

#page #footer {
    margin: 5px 0;
    text-align: center;
    width: 954px;
}

.paginator {
	background: #50667e;
	display: block;
	margin-top: 10px;
	padding: 8px 10px;
	text-align: center;
}

.buttonRed {
    float: left;
}

input.buttonRed {
    background: url('../images/buttons/buttonRedBg.png') repeat-x left;
    font-size: 10px;
    color: #ffffff;
    display: block;
    text-decoration: none;
    margin-top: 2px;
    padding: 5px 10px;
    border: 0px;
    cursor: pointer;
}

input.buttonRed:hover {
    background: url('../images/buttons/buttonRedBgHover.png') repeat-x left;
}

.buttonRed a {
    background: url('../images/buttons/buttonRedBg.png') repeat-x left;
    font-size: 10px;
    color: #ffffff;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0px 1px;
    margin-top: 2px;
}

.buttonRed a:hover {
    background: url('../images/buttons/buttonRedBgHover.png') repeat-x left;
    color: #ffffff;
    text-decoration: none;
}

#filters {
    background-color: #50667e;
    padding: 7px 10px;
    color: #ffffff;
    border: 1px solid #ffffff;
}

#filters span.flitersToggle {
    display: block;
    background: url('../images/icoSearch.png') no-repeat left;
    padding-left: 25px;
    padding-top: 5px;
    height: 18px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

#filters #filtersContent {
    margin-top: 10px;
}

#filters #filtersContent ul#main_filters {
    list-style-type: none;
    margin: 0px; 
    padding: 0px;
}

#filters #filtersContent ul#main_filters li {
    display: block;
    float: left;
    margin: 10px 10px 0px 0px;
}

#filters #filtersContent ul#main_filters li label {
    margin-bottom: 2px;
    margin-right: 5px;
}
#filters #filtersContent ul#main_filters li #searchString {
    width:650px;
}

#filters #filtersContent ul#main_filters li#opt_filters {
    clear: both;
}

#filters #filtersContent ul#main_filters li#opt_filters ul {
    margin: 0px;
    padding: 0px;
}

.productViewRightPanel .productBasket {
    background-color: #eeeff1;
    padding: 5px 10px;
}

.productViewRightPanel .productBasket form {
    margin: 0px;
    padding: 0px;
}

.productViewRightPanel .productBasket label {
    font-size: 10px;
    font-weight: bold;
    display: block;
    float: left;
    margin: 5px 5px 0px 5px;
}

.productViewRightPanel .productBasket input, .productViewRightPanel .productBasket select {
    display: block;
    float: left;
    margin-right: 5px;
}

#divBasketName {
    padding: 3px;
}

.addToBasket {
    float: right;
    padding-top: 5px;
}

#basketWrapper {
    position: absolute;
    top: 75px;
    right: 0px;
    padding: 8px 10px;
    font-size: 10px;
    font-weight: bold;
}

#basketWrapper .label {
    float: left;
    display: block;
    margin-top: 6px;
    margin-right: 6px;
}

#basketWrapper select {
    float: left;
    margin-top: 5px;
}

.info {
	background: #e7ecf2 url('../images/icoInfo.png') no-repeat 6px center;
	color: #262626;
	border: 1px solid #b4cadd;
	padding: 10px 15px 10px 35px;
	width: 350px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* Poprawki 12-07-2013 */
.summaryBox { width: 300px; height: 30px; background: #c3d9ff; border: 1px solid #50667e; padding: 0px 5px 10px 5px; margin-bottom: 5px; margin-right: 1px; }
.summaryBox span{font-size: 26px; }
.summaryText { color:#50667e;}
.summaryValue { font-weight: bold; color: red;}

.virtualAccounts{width: 50%;}

.btnSmsPref { margin: 5px 0px 0px 5px; }
.smsContainer { width:300px; margin-top:15px; border:1px solid lightgrey; padding:5px; }
.smsLine { width:98%; margin-top:10px; padding: 0px 10px; border-bottom: 1px solid lightgrey; }