@import url(reset.css);
@import url(fonts.css);
@import url(base.css);

body
{
    background: #f9f9f9 url(../images/bg-header.jpg) repeat-x top;
}

p.headerTop {
    font-size: 20px;
    color: #cc0000;
    padding: 10px 10px 5px 50px;
    border-bottom: 1px dashed #cacaca;
}

/*  Glowny kontener  */
#container
{
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    background: none;
}

/* Naglowek */
#header
{
    position: relative;
    height: 110px;
    padding: 0;
    margin: 0 0 15px 0;
    background-image: url(../images/bg-header-img.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#headerLeft {
    height: 110px;
    width: 220px;
    background: transparent url(../images/konmet-logo.png) repeat-x top;
    float: left;
}
#headerRight {
    height: 110px;
    width: 718px;
    float: right;
}
#headerRightLogin {
    position:relative;
    float: right;
    margin: 2px 8px 5px 0;
    color:#ffffff;
    font-size: 12px;
    font-weight: bold;
}
#headerRightLogin a {
    color:#ffffff;
    text-decoration: none;
}
#headerRightLogin a:hover {
    color:#cc0000;
    text-decoration: none;
}
/* Wyszukiwarka */
.headerSearch {
    position: relative;
    float: right;
    clear: right;
    margin:15px 20px 0 0;
    text-align: right;
    width: 220px;
}
#headerSearchInput {
    border: 1px solid #ffffff;
    background-color: #b2b2b2;
    padding: 1px 4px 2px 4px;
    font-size: 12px;
    color: #000000;
}

/* Menu */
#menu {
    position: absolute;
    bottom: 0;
    right: 8px;
    width: auto;
    height: 26px;
    padding-bottom: 1px;
}
#menu ul {
    margin:0;
    list-style:none;
}
#menu li {
    display:inline;
    margin:0;
    padding:0;
}
#menu a {
    float:left;
    background:url("../images/menu_top_bg_left.png") no-repeat left top;
    margin:0;
    padding:0 2px 0 5px;
    text-decoration:none;
    cursor: hand;
}
#menu a span {
    float:left;
    display:block;
    background:url("../images/menu_top_bg.png") no-repeat right top;
    padding:5px 11px 4px 6px;
    color:#ffffff;
    font-weight: normal;
}

#menu a:hover span {color:#000000;}
#menu a:hover {background-position:0% -45px;}
#menu a:hover span {background-position:100% -45px;}
/* Koniec naglowka */

/* Glowna tresc */
#content
{
    padding: 0px;
    padding-top: 0px;
    font-size: 12px;
}
#content h1
{
    padding: 0;
    background: transparent;
    margin-bottom: 20px;
    font-size: 140%;
    color: #000;
}
#contentTop {
    background: url(../images/bg-content-header.png) repeat-y scroll 0 0;
    position: relative;
    height: 80px;
    text-align: left;
    width: 940px;
}
#contentBg {
    background: url(../images/content_bg.gif) repeat-y scroll 0 0;
    position: relative;
    height: auto;
    text-align: left;
    width: 940px;
}
#contentBottom {
    clear: both;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    background: url('../images/main_bottom_bg.gif') no-repeat 0 bottom;

}
/*lewa kolumna w naglowku glownej tresci */
#contentTopLeft {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    width: 205px;
    height: 61px;
}
/*srodkowa kolumna w naglowku glownej tresci */
#contentTopMain {
    float: right;
    height: 50px;
    width: 707px;
    margin-right: 8px;
    margin-top: 16px;
}
/*lewa kolumna w glownej tresci */
#contentBgLeft {
    float: left;
    margin-left: 5px;
    width: 205px;
    font-size: 11px;
    font-weight: bold;
}
#contentBgLeft a{
    color: #000000;
    text-decoration: none;
    display: block;
    margin-left: 4px;

}
#contentBgLeft a:hover {
    color: #cc0000;
    text-decoration: none;
}
#contentBgLeft img{
    padding: 2px;
    width: auto;
    border: 1px solid #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.contentLeftList {
    margin: 0;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 15px;
}
.contentLeftList li{
    list-style: none;
    border-bottom: dashed 1px #A1A1A1;
    border-left: solid 3px #cc0000;
    padding-bottom: 3px;
    margin-bottom: 7px;
}

/* srodkowa kolumna w glownej tresci */
#contentBgMain {
    float: right;
    margin-right: 8px;
    width: 707px;
    padding-bottom: 8px;
}
#contentBgMain a{
    color: #444;
    text-decoration: none;
}
#contentBgMain a:hover {
    color: #cc0000;
    text-decoration: underline;
}
.contentHeaderNormal {
    margin-bottom: 5px;
    clear:both;
}
.contentHeaderNormal span {
    font-size: 14px;
    color: #333333;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #cc0000;
    border-left: 5px solid #cc0000;
}
.contentListNormal {
    padding-left: 25px;
    padding-bottom: 10px;
}
.contentListNormal li{
    list-style: none;
}
.contentTableNormal {
    margin-top: 15px;
    font-size: 11px;
}
.contentTableNormal td, .contentTableNormal th{
    border: 1px solid #999999;
    padding: 5px;
}
.contentTableNormal th{
    background-color: #d2d2d2;
    white-space: nowrap;
}

.contentTableNormal th img{
    vertical-align: middle;
}
.contentTableNormal tr:hover {
    background-color: #fff;
}

.contentTableNormal a {
    color: #000000!important;
}
.contentTableNormal a:hover {
    color: #cc0000!important;
}
.contentTableNormalOdd {
    background-color: #efefef;
}
.contentTableNormalEven {
    background-color: #fafafa;
}
#contentTableFormFilter {
    margin-top: 15px;
    font-size: 11px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
#contentTableFormKoszyk {
    margin-top: 15px;
    font-size: 11px;
    width: 400px;
}
#contentKoszykZatwierdzForm {
    float:right;
    margin-right: 50px;
}


#contentTableFormFilter td, #contentTableFormFilter th, #contentTableFormKoszyk td, #contentTableFormKoszyk th{
    border: 1px solid #999999;
    background-color: #efefef;
}
#contentTableFormFilter th, #contentTableFormKoszyk th{
    background-color: #d2d2d2;
    text-align: right;
}

#contentTableFormFilter input, #contentTableFormFilter select, #contentTableFormFilter textarea, #contentTableFormKoszyk input, #contentTableFormKoszyk select, #contentTableFormKoszyk textarea{
    border: 1px solid #999999;
    background-color: #f9f9f9;
    font-size: 11px;
    padding-left: 1px;
}

#contentTableFormKoszyk ul,  #contentTableFormKoszyk li{
    margin: 0;
    padding: 0;
    list-style:none;
}

#contentTableFormFilterBox ul {
    margin:0 auto 0 auto;
    padding:0;
    text-align: center;
}
#contentTableFormFilterBox {
    clear: right;
}
#contentTableFormFilterBox ul li {
    list-style:none;
    display: inline;
    margin: 0 3px 0 3px;
}
#contentTableFormFilterBox ul li a{
    font-size: 12px;
    font-weight: bold;
    border: none;
}
#contentFilterSearch {
    border: 1px solid #cc0000;
    text-align:right;
    width: auto;
    background-color:#cc0000;
    margin-bottom: 10px;
    padding: 1px 5px 1px 5px;
    float:right;
}
#contentFilterInfo {
    border-bottom: 1px solid #cc0000;
    width: 430px;
    color:#cc0000;
    padding: 1px 5px 1px 5px;
    float:left;
}
.contentBoxNormal {
    padding: 0 0 20px 0;
}
.contentBoxNormalInt {
    padding: 10px;
}
.contentBoxNormalFooter {
    color:#666666;
    padding: 0 10px 0 10px;
    text-align: right;
}
.contentAddons {
    border: 1px solid #CCCCCC;
    margin-bottom:10px;
    background-image: url(../images/content_bg_addons.gif);
    background-repeat: repeat-x;
}
.contentAddonsLabel {
    margin: 25px 5px 8px 2px;
    clear: both;
    border-left: 5px solid #ff9900;
    border-bottom: 1px solid #d9d9d9;
    padding: 3px 10px 3px 10px;
}
.contentAddonsLabel span {
    font-size:11px;
    font-weight:bold;
}
.contentLinkBack {
    float: right;
    margin: 3px;
    font-size:11px;
    clear: both;
}
#contentTableFormProduct {
    margin-top: 15px;
    font-size: 11px;
    width: 325px;
}
#contentTableFormProduct td, #contentTableFormProduct th{
    border: 1px solid #999999;
    background-color: #efefef;
}
#contentTableFormProduct th{
    background-color: #d2d2d2;
    text-align: right;
}
#contentTableFormProduct a {
    border: none!important;
}
#produktListImg
{
    position:absolute;
    border:1px solid #cdcdcd;
    background:#808080;
    padding:5px;
    display:none;
    color:#fff;
}

/* Koszyk */
#contentCartInfo {
    background-image:url('../images/image-shopcart.png');
    background-repeat:no-repeat;
    height:32px;
    margin: 5px 0 0 0;
}
#contentCartInfoLeft {
    float:left;
    margin:10px 2px 0px 40px;
}
#contentCartInfoRight {
    float: right;
    margin: 0;
}

#contentCartInfoLeft li, #contentCartInfoRight li  {
    display: inline;
}
.notice
{
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
    background: url(../images/notice.png) no-repeat 10px 4px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #ffc;
}

.error
{
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
    background: url(../images/error.png) no-repeat 10px 4px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f33;
    color: #fff;
}

.info
{
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
    background: url(../images/info.png) no-repeat 10px 4px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #ffc;
}

/* Paginacja */
.contentPaginationDesc
{
    margin-left: 15px;
    margin-top: 10px;
    font-style: italic;
    color: #000000;
}

.contentPaginationDesc strong
{
    color: #cc0000;
}

.contentPagination
{
    margin-top: 10px;
    float: right;
    margin-right: 10px;
    color: #cc0000;
    font-size: 110%;
    font-weight: bold;
}

.contentPagination a
{
    margin: 0 1px;
    text-decoration: none;
    color: #000000;
    font-size: 85%;
    vertical-align: 1px;
    font-weight: normal;
    border: none!important;
}

.contentPagination a:hover
{
    text-decoration: underline!important;
}

.contentPagination img
{
    vertical-align: -2px;
}

.contentBox {
    width:80px;
    height: 80px;
    border: 1px solid #c9c9c9;
    overflow: hidden;
}
.contentBoxImg{
    display: block;
    margin: 5px auto 0 auto;
}

#contentList li{
    margin-left: 20px;
    margin-bottom: 7px;
}

#contentListRight li{
    margin-left: 15px;
    margin-bottom: 7px;
}
.contentDate {
    font-size: 11px;
    font-weight: bold;
    color:#999999;
}	
#mapka a {
    border: none;
}
#mapka a:hover {
    border: none;
}
/* reklama na glownej */
#zzz {
    padding: 2px;
    width: auto;
    border: 1px solid #CCCCCC;
}
.contentNaviSeparator {
    font-size:11px;
    color:#cc0000;
    font-weight:bold;
}
/* Newsy */
.newsHeader {
    border-bottom: 1px dashed #666666;
    border-left: 3px solid #cc0000;
    padding: 1px 5px 3px 5px;
}
.newsHeaderName {
    font-size: 11px;
    color: #cc0000;
}
.newsContent {
    padding: 2px 4px 2px 4px;
    margin-bottom: 8px;
    font-size: 10px;
    color:#666666;
}
.newsContent p {
    margin-bottom: 2px;
}

.tabsFooterLink {
    font-size: 9px;
    width: 100%;
    display: block;
    text-align: right;
}
.newsHeaderDate{
    font-size: 9px;
    color:#999999;
}
.tabsRow{
    display: block;
    width: 100%;
    padding: 2px;
    margin-bottom: 2px;
    border-bottom: 1px dashed #666666;
    border-left: 2px solid #cc0000;
}
.tabsRow a {
    font-size: 9px;
}
/* Strona glowna */
#contentMainLeft {
    float: left;
    width: auto;
}
#contentMainRight {
    float: right;
    width: 280px;
    font-size: 10px;
}
#contentMainRightTabs li{
    list-style: none;
}
#contentMainRightTabs a {
    text-decoration: none;
    border: none;
    padding: 4px 6px 4px 6px;
    font-weight: bold;
}
#contentMainRightTabs a:hover {
    text-decoration: none;
    color: #cc0000;
    border: none;
    padding: 4px 6px 4px 6px;
}
.contentMainRightAd {
    border: solid 1px #cccccc;
    padding: 2px;
    margin: 4px 0 4px 0;
}

/* Koniec glownej tresci */

/* Reklama nad stopka */
.contentFooterAd {
    width:930px;
    margin-left: auto;
    margin-right: auto;
    height: 20px;
    border:2px #ffffff solid;
    margin-top:6px;
    background-color: #cc0000;
}
.contentFooterAd a {
    font-size:14px;
    font-weight: bold;
    color:#FFFFFF;
    margin: 3px;
    border: none;
    text-decoration: none;
}
/* Stopka */
/* gorna stopka */
#footer1 {
    position: relative;
    width: 940px;
    overflow: hidden;
    margin: 10px auto 0 auto;
    padding: 12px 0;
    font-size: 11px;
    color: #666;
    border-bottom: dashed 1px #cacaca;
    background: #fff url('../images/footer_top_bg.gif') no-repeat 0 0;
}

/* dolna stopka */
#footer2 {
    position: relative;
    width: 890px;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 12px 25px 12px 25px;
    text-align: left;
    font-size: 11px;
    color: #666;
    background: url('../images/footer_bg.gif') no-repeat 0 bottom;
}
#footer2 a {
    position: relative;
    color: #444;
    text-decoration: none;
    border-bottom: dashed 1px #A1A1A1;
}
#footer2 a:hover {
    color: #cc0000;
    border-bottom: solid 1px #cc0000;
}

/* menu w gornej stopce */
#footerMenuRight {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}
#footerMenuRight li {
    position: relative;
    float: right;
    margin: 0;
    padding: 0 35px 0 0;
    list-style: none;
}
#footerMenuRight a, #footerMenuLeft a{
    font-weight: bold;
    color: #444;
    text-decoration: none;
}
#footerMenuRight a:hover, #footerMenuLeft a:hover {
    color: #cc0000;
    border-bottom: solid 1px #cc0000;
}
#footerMenuRight li ul, #footerMenuLeft li ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#footerMenuRight li li, #footerMenuLeft li li{
    float: none;
    margin: 0;
    padding: 0;
}
#footerMenuRight ul a, #footerMenuLeft ul a {
    font-weight: normal;
}
#footerMenuLeft {
    margin: 0;
    padding-left: 35px;
    list-style: none;
}
#footerMenuLeft li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 0px 0 0;
    list-style: none;
}

/* elementy dolnej stopki */
#copyright {
    float: left
}
#copyright a {
    font-weight: bold;
    color: #000;
}
#copyright a:hover {
    color: #000;
    border-color: #000;
}
#footerLinks {
    float: right;
}

/* Loga w stopce */
#footerAd {
    display:inline;
    width: auto;
    padding-left: 10px;
}
#footerAdFerdurotec {
    width: 73px;
    height: 68px;
    margin-left:14px;
    margin-right: 20px;
    background-image:url(../images/bottom_ferdurotec_grey.png);
    float:left;
}
#footerAdFerdurotec:hover {
    background-image:url(../images/bottom_ferdurotec.png);
}
#footerAdMilwaukee {
    width: 63px;
    height: 42px;
    margin-right: 9px;
    float:left;
    background-image:url(../images/bottom_milwaukee_grey.png);
}
#footerAdMilwaukee:hover {
    background-image:url(../images/bottom_milwaukee.png);
}
#footerAdAeg {
    width: 61px;
    height: 42px;
    margin-right: 9px;
    float:left;
    background-image:url(../images/bottom_aeg_grey.png);
}
#footerAdAeg:hover {
    background-image:url(../images/bottom_aeg.png);
}
#footerAdKlingspor {
    width: 106px;
    height: 19px;
    margin-right: 7px;
    margin-top: 9px;
    float:left;
    background-image:url(../images/bottom_klingspor_grey.png);
}
#footerAdKlingspor:hover {
    background-image:url(../images/bottom_klingspor.png);
}
#footerAdGunnebo {
    width: 85px;
    height: 21px;
    margin-right: 10px;
    margin-top: 8px;
    float:left;
    background-image:url(../images/bottom_gunnebo_grey.png);
}
#footerAdGunnebo:hover {
    background-image:url(../images/bottom_gunnebo.png);
}
#footerAdSimpson {
    width: 67px;
    height: 47px;
    margin-right: 10px;
    float:left;
    background-image:url(../images/bottom_simpson_grey.png);
}
#footerAdSimpson:hover {
    background-image:url(../images/bottom_simpson.png);
}
#footerAdFischer {
    width: 86px;
    height: 21px;
    margin-right: 11px;
    margin-top: 8px;
    float:left;
    background-image:url(../images/bottom_fischer_grey.png);
}
#footerAdFischer:hover {
    background-image:url(../images/bottom_fischer.png);
}
#footerAdProtool {
    width: 83px;
    height: 14px;
    margin-right: 11px;
    margin-top: 11px;
    float:left;
    background-image:url(../images/bottom_protool_grey.png);
}
#footerAdProtool:hover {
    background-image:url(../images/bottom_protool.png);
}
#footerAdFestool {
    width: 83px;
    height: 11px;
    margin-right: 9px;
    margin-top: 12px;
    float:left;
    background-image:url(../images/bottom_festool_grey.png);
}
#footerAdFestool:hover {
    background-image:url(../images/bottom_festool.png);
}
#footerAdSpax {
    width: 60px;
    height: 20px;
    margin-right: 9px;
    margin-top: 8px;
    float:left;
    background-image:url(../images/bottom_spax_grey.png);
}
#footerAdSpax:hover {
    background-image:url(../images/bottom_spax.png);
}
#footerAdTox {
    width: 42px;
    height: 42px;
    float:left;
    background-image:url(../images/bottom_tox_grey.png);
}
#footerAdTox:hover {
    background-image:url(../images/bottom_tox.png);
}
/* Koniec glownego kontenera */


.sf_apply
{ width: auto;
  padding: 0 10px 0 10px;
}

.sf_apply input{
    border: 1px solid #999999;
    background-color: #f9f9f9;
    padding: 1px;
    font-size: 11px;
    width: 160px;
}
#inputOk {
    border: 1px solid #cccccc;
    background-color: #cc0000;
    width: auto;
    height: auto;
    padding:2px 5px 2px 5px;
    font-size: 12px;
    margin-bottom: 10px;
    color: #ffffff;
    cursor: pointer;
}
#inputCancel {
    border: 1px solid #999999;
    background-color: #cccccc;
    width: auto;
    height: auto;
    padding:2px 5px 2px 5px;
    font-size: 11px;
    color: #000000;
    cursor: pointer;
}
.sf_apply ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.sf_apply li
{	
    list-style: none;
    padding-top: 6px;
    padding-left: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 3px;
}

.sf_apply label
{
    display: block;
    clear: both;
    float: left;
    width: 150px;
    font-weight: bold;
    padding-right: 20px;
    text-align: right;
    margin-top: 2px;
}

.sf_apply_notice
{
    padding-bottom: 20px;
    font-size: 125%;
}

#sf_apply_logged_in_as
{
    float: right;
    width: 160px;
    padding: 10px;
    border: 1px solid green;
}

#sf_apply_logged_in_as input
{
    margin-right: 4px;
}

#sf_guard_signin
{
    float: right;
    padding: 10px;
    width: 160px;
    border: 1px solid green;
}

#sf_guard_signin p
{
    padding-top: 10px;
}

#sf_guard_signin fieldset
{
    margin-bottom: 5px;
    border: none;
}

#sf_guard_signin .form-row
{
    padding: 5px;
}

#sf_guard_signin .form-row label
{
    display: block;
}

#sf_guard_signin .form-row input
{
    display: block;
    width: 100px;
}

#sf_guard_auth_forgot_password
{
    display: block;
    padding-top: 10px;
}

#sf_apply_need_an_account
{
    padding-top: 10px;
    padding-bottom: 10px;
}

#sf_apply_logged_in_as p
{
    padding-bottom: 10px;
}

#sf_apply_logout
{
    display: block;
    float: left;
    padding-left: 10px;
    border: 1px solid green;
}

#sf_apply_settings
{
    display: block;
    padding-bottom: 10px;
}

#sf_apply_settings input
{
    margin-right: 4px;
}

#sf_guard_auth_form
{
    width: 350px;
}

#sf_guard_auth_form fieldset
{
    margin-bottom: 10px;
}

#sf_guard_auth_form .form-row
{
    clear: both;
    padding: 10px;
}

#sf_guard_auth_form label
{
    float: left;
    width: 150px;
}

#sf_guard_auth_form input
{
    display: block;
    width: 150px;
}

#sf_guard_auth_form .buttons
{
    border: none;
}

#sf_guard_auth_form .buttons input
{
    display: inline;
    width: auto;
}

#sf_guard_auth_form .buttons p
{
    padding-bottom: 10px;
}

.sf_apply_notice p
{
    padding-bottom: 10px;
}

.sf_apply_notice a
{
    padding: 4px;
}

.sf_apply a
{
    padding: 4px;
}

#sf_apply_logged_in_as a
{
    padding: 4px;
}

.error_list {
    color: #ff0000;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 500px;
}
.error_list li{
    border: none;
    margin: 0 0 2px 170px;
    padding: 0;
    display: block;

}

#login {
    padding: 0 0 0 10px;
}

#login td, #login th {
    text-align: left;
    border: none;
}
#sfApplyApply_newsletter, #signin_remember, #sfApplySettings_newsletter {
    border: none;
    width: auto;
    background: none;
}
.obrazeczek {
    vertical-align: middle;
    margin: auto;
}
.searchInput {
    background-color:#F9F9F9;
    border:1px solid #999999;
    font-size:11px;
    padding:1px;
    width:160px;
}

div#indicator
{
    position: absolute;
    width: 100px;
    height: 40px;
    left: 10px;
    top: 10px;
    z-index: 900;
    background: url(/images/indicator.gif) no-repeat 0 0;
}

/* poprawki */
#koszyk_name {
    width: 200px;
    padding: 1px;
}