/*
 * Globalne
 */

* 
{
    font-size: 11px;
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
    background: transparent;
    color: #2E2F82; 
}

a:hover {
    text-decoration:underline;    
}

a:active, A:focus {
	outline: none;
}

INPUT, TEXTAREA, SELECT, OPTION, button
{
    color: #2B1489;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    font-size: 1em;
}

OPTION 
{  
  border-color: white;
}

a.submit, input.submit, button
{
    border: none;
    background: url("../Graphics/submit_bg.gif") no-repeat right;
    font-weight: bold;
    text-transform: uppercase;
    /*text-decoration: none;*/
    cursor:pointer;
    text-align:right;
    padding-right: 17px;
    margin: 1px 0 1px 0;
    line-height:1em;
}

input.normal
{
    padding-top:2px !important;
    padding-bottom:3px !important;
}

OPTION[disabled], INPUT[disabled]
{
    background: transparent;
    color: #666666;
    border: 0px;
}

/*
 * Uniwersalne
 */
 
.clear
{
    clear: both;
}

.hidden
{
    display: none;
}

.notice_box
{
    background-color: #EFEFEF;
    border: 1px solid #C7C7C7;
    color: #2E2F82;
    margin-bottom: 3%;
    margin-top: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    width: 99%;
}

.success_box
{
    color: #32a50f;
    background: #e8f7e7;
    border: solid 1px #b9d9b5;
    margin-bottom: 3%;
    margin-top: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    width: 99%;
}

.error_box
{
    background: #F7E7E7 none repeat scroll 0 0;
    border: 1px solid #D9B5B5;
    color: #D2131A;
    margin-bottom: 3%;
    margin-top: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    width: 99%;
}

.warning_box
{
    background: #F7E7E7 none repeat scroll 0 0;
    border: 1px solid #D9B5B5;
    color: #D2131A;
    margin-bottom: 3%;
    margin-top: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    width: 99%;
}

.blue_box
{
    width:99%;
    color:#2E2F82;
    background:#e8f1f6;
    border:solid 1px #b5ccd8;
    text-align:center;
}

.demands_box 
{
    background-color: #e8f1f6;
    border: #b5ccd8 1px solid;
    color: #2E2F82;
    text-align: left;   
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 5px;
}

.currency_box 
{
    background-color: #e8f1f6;
    border: #b5ccd8 1px solid;
    color: #2E2F82;
    text-align: left;   
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.news_box 
{
    background-color: #e8f1f6;
    border: #b5ccd8 1px solid;
    color: #2E2F82;
    text-align: left;   
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 5px;
}

.text_box 
{
    text-align: justify;
    width: 94%;
    margin-left: 5%;
    margin-bottom: 10px;
    line-height: 1.4em;
}

.text_box li, .text_box ul
{
    list-style-type: circle;
    margin-left: 10px;
}

.text_box_header
{
    font-size: 1.5em;
    font-weight:bold;
    text-align: left;
    margin: 0 0 10px 10px;
    height: 42px;
    padding-left: 20px;
    background: transparent url("../Graphics/Divs/text_box_header.png") no-repeat left;
}

.cascade-loading
{
    background: transparent url("../Graphics/ajax/smallindicator.gif") no-repeat center;
}

label.error
{
    display: block;
    color: Red;
    padding-right: 10px !important;
    background: transparent url("../Graphics/up-arrow.png") no-repeat right top;
}

div.form_input
{
    padding: 0 0 5px 0;
}

div.form_input label
{
    padding-right: 5px;
}

.waintingContainer
{
    text-align:center;
}

/*
 * Główne części strony
 */

#main_area {
    position:relative;
    width:96%;
    padding: 10px 0px 10px 0px;
    clear:both;
    left: 2%;
}

div.footer 
{
    text-align: center;
    padding-top: 25px;
    width: 100%;
    height:50px;
    margin-top:15px;
    background:  no-repeat top center !important;
    background-image: url("../Graphics/bottom_330.gif") !important;
}

div.footer span.left 
{
    margin-right:25px;
}

div.footer span.right
{
    margin-left:25px;
}

/*
 * Paski po bokach strony
 */


div.gfx_left, div.gfx_right {
    position:absolute;
    width:1%;
    height:100%;
    top:0;   
}
div.gfx_left {
    left:1%;
     
}
div.gfx_right {
    right:1%;
     
}
#gfx_left {
    background: url("../Graphics/whole_bg.gif") repeat-y left;
     
}
#gfx_left_top {
    background: url("../Graphics/top_bg.gif") no-repeat top left;
     
}
#gfx_left_bottom {
    background: url("../Graphics/bottom_bg.gif") no-repeat bottom left;
     
}
#gfx_right {
    background: url("../Graphics/whole_bg.gif") repeat-y right;
     
}
#gfx_right_top {
    background: url("../Graphics/top_bg.gif") no-repeat top right;
     
}
#gfx_right_bottom {
    background: url("../Graphics/bottom_bg.gif") no-repeat bottom right;
     
}

/*
 * Nagłówek
 */
 
div.top_area 
{
    background:  no-repeat top center !important;
    background-image: url("../Graphics/Divs/top.jpg") !important;
    border: 0px 0px 0px 0px     !important;
    overflow:auto;
}

#top_left img.logo  
{
    margin-bottom: 5px;
}

#logo {width: 135px; height: 80px; float: left; padding: 1px 0 0 12px;} 

/*
 * Prawy sidebar
 */

div.sidebar_right 
{
    position:absolute;

    right:0%;
    width:17%;
    overflow: hidden;
}

/*
 * Lewy sidebar
 */

div.sidebar_left {
    float:left;
    width:20%;    
}

#top_left 
{
    margin-left: 2%;
    padding-left: 10px;
}

div.sidebar_border 
{
    width: 90%;
    margin:5% 0 0 5%;
    background: url("../Graphics/box1_bg2.gif") repeat-y left;
    border: double 3px #e0dfdf;
    padding: 0 2% 2% 0;
}
div.sidebar_border h3 {
    padding: 2% 0 2% 3%;
    text-transform: uppercase;
    font-size: 1em;
     
}

div.sidebar_border div.list {
    margin-left: 8%;
}

div.sidebar_border div.list li{
    
}

div.sidebar_noBorder {
    width:100%;
    margin:5% 0 0 5%;
    line-height:2em;
     
}
div.sidebar_noBorder span {
    position:absolute;
    left:5%;
    background: transparent;
    color:#FFFFFF;
    font-size:1em;
    font-weight:bold;
     
}

/*
 * Główna część strony
 */
 
div.main_page_line
{
    text-align: center;
    width:100%;
}

div.main_page
{
   float:left; 
   width:60%; 
   overflow: hidden;
   text-align: center; 
   padding-left: 10px;
   padding-right:10px;
}

/*
 * Details
 */

.detailBody
{
    background: #E8F1F6 url(../Graphics/divs/330.gif) no-repeat scroll right top;
    border: 1px solid #B5CCD8;
    color: #2E2F82;
    width: 99%;
}

.twoColumns
{
    width: 44%;
    margin: 2%;
    float: left;
}

div.buy_link
{
    margin: 10px;
}

div.buy_link a
{
    color:Red;
    font-weight:bold;
}

/*
 * Obrazki w details
 */
 
#image  
{
    border-bottom: 10px;    
}

#images img.thumb
{
    margin: 1% 1% 1% 1%;
    width: 80px;
    height: 80px;
    float: left;
}

#images .medium
{
    width: 100%;
}

/*
 * Negocijacja w details
 */
 
 div.negotiate_box 
 {
     margin: 10px;
     margin-top: 20px;
     text-align: center;
     width: 200px;
     border: #c7c7c7 1px solid;
     padding: 10px;
     background-color: #efefef;
 }

div.negotiate_box div.form_input
 {
     margin: 10px;
 }

div.negotiation_history 
{
    margin: 10px;
}

div.negotiation_history table
{
    margin: 0px auto 0px auto;
    width: 95%;
    font-size: 1.0em;
    line-height: 1.3em;
}

div.negotiation_history th 
{
    text-align: left;
}

div.negotiation_history th 
{
    text-align: left;
}

div.negotiation_history td
{
    padding-left: 7px;
}

div.negotiation_history td.price
{
    padding-right: 7px;
    font-weight: bold;
    text-align: right;
}

div.negotiation_history .notvalid
{
    text-decoration: line-through;
}

div.negotiation_history .supplier
{
    background-color: #c7c7c7;
}

div.negotiation_history tr
{
    background-color: #e7e7e7;
}

div.negotiation_history .thead
{
    background-color: Transparent;
}

/*
 * Menu
 */

ul.menu_left
{
    margin-left: 10px;
}

div.menu_top
{
    float:right;
    margin: 20px 20px 0 0;
}

div.menu_top a
{
    text-decoration: none;
}

div.menu_top a:hover
{
    text-decoration: underline;
}

ul.menu_top
{
    
}

ul.menu_top li 
{   
    float:left;
    width:76px;
    text-align:center;
    vertical-align:top;
    margin-left:10px;
    margin-bottom:10px;

}

ul.menu_top img
{
    margin-left:8px;
    margin-right:8px;
}

/*
 * Oferty
 */

div.offer 
{
    width:100%;
    
    line-height: 1.5em;  
}

span.offer_left
{
    width: 45%;
    text-align:right;
    display:inline-block;
}

span.offer_right
{
    width: 45%;
    text-align:left;
    display:inline-block;
}

div.offer_head
{
    text-align:center;
    margin-bottom:15px;
}

div.offer_body 
{
    text-align:left;
    padding-left:5%;
    margin-bottom:15px;
    line-height:1.5em;
}

div.offer_foot
{
    margin-top: 10px;
    color: Red;
    line-height: 1.5em;
}

div.offer_foot .left 
{
    color: Red;
    text-align: right;
    padding-right: 3px;
}

div.offer_foot .right 
{
    color: Red;
    text-align: right;
}


div.offer_info 
{
    margin:20px;
    text-align: justify;
}

div.offer_info li
{
    margin-left: 25px;
    list-style: disc;
}

/*
 * Controller - List
 */
 
div.search
{
    line-height:2em;
    margin: 10px 10px 10px 10px;
}

div.search div.buttons
{
    text-align: right;
    width:200px;
    margin-top:10px;
    float:right;
    margin-right: 3.2%;
}

div.listSort
{
    width: 99%;
    background: #E8F1F6 none repeat scroll 0 0;
    border: 1px solid #B5CCD8;
    color: #2E2F82;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 3%;

}

div.listSort div.sort
{
    text-align: center;
    line-height:2.2em;
}

div.listSort div.sort a
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px dotted rgb(181, 204, 216);
    font-weight: bold;
    margin-right:2px;
}

div.listBody
{
    
}

div.listBody div.pagination
{
    margin-top: 3%;
    margin-bottom: 3%;
}

div.listBody div.pagination a
{
    background: #F8F6F7 none repeat scroll 0 0;
    border: 1px solid #C0BEBF;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

div.listBody div.pagination span.disabled
{
    color: rgb(221, 221, 221);
    background: #F8F6F7 none repeat scroll 0 0;
    border: 1px solid #C0BEBF;
}

div.listBody div.pagination span
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

div.listDetail
{
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #F8F6F7 none repeat scroll 0 0;
    border: 1px solid #C0BEBF;
    color: #868684;
    text-align: left;
    position: relative;
    width: 99%;
}

div.listDetailMain
{
    background-color: rgb(218, 218, 218) !important;
}

div.listDetail img.thumb 
{
    width:120px; 
    height:120px;
    margin-left:10px;
    margin-right:10px;
    float: left;
}

div.listBody div.observed, div.listBody div.reserved
{
    background-color: rgb(218, 218, 218);
}

div.listBody div.observed img.observed
{
    display: block;
}

div.listBody div.observed span.show
{
    display: none;
}

div.listBody div.observed span.hidden
{
    display: inline;
}

div.listDetail .observed, div.listDetail .reserved
{
    height: 112px;
    position: absolute;
    top: 15px;
    left: 10px;
}

div.listDetail .head, div.listDetail .body
{
    margin-right: 20px;
}

div.listDetail div.foot 
{
    margin-right: 20px;
    width: 50%;
    float: right;
}

div.listDetail div.foot .left 
{
    color: Red;
    padding-right: 3px;
    text-align: right;
}

div.listDetail div.foot .right 
{
    color: Red;
    text-align: right;
}

div.listDetail .head .detail-link
{
    text-align: right;
    position: relative;
    top: -1em;
    width: 35%;
    float: right;
}

div.listDetail .body
{
    margin-top: 10px;
    padding-bottom: 10px;
}

div.listDetail .foot
{
    text-align: right;
    color: red;
    margin-top: 10px;
}

/*
 * Component LanguageComponent
 */
div.language
{
    margin-left:20px;
}


div.language table.lang
{
    width: auto;
    font-size: inherit;
}

div.language table.lang td
{
    text-align:center;
    padding: 5px;
}

/*
 * Formularze
 */
 
div.formrow
{
    width: 95%;
}

div.formrow span.left
{
    width: 35%;
    display:inline-block;
    text-align: right;
    vertical-align:middle;
}

div.formrow span.right
{
    width: 64%;
    display:inline-block;
    text-align: left;
    vertical-align:middle;
}

div.formrow span.right span.right 
{
    text-align: left;
    width: 49%;
    float: right;
}

div.formrow span.right span.left 
{
    text-align: left;
    width: 49%;
    float: left;
}

div.formrow span.right div.dual 
{
    width: 95%;
    float: left;
}

div.formrow span.right div.dual input.normal, div.formrow span.right div.dual select.normal
{
    width: 100%;
}

div.formrow span.right input.error, div.formrow span.right select.error
{
     background-color: #FF7770 !important; 
}

div.formrow span.required 
{
    color: Red;
    float: right;
}

div.formrow label
{
    font-weight: bolder;
    display: block;
}

div.formrow label.info
{
    color: #A9141A;
    padding-left: 6%;
}

div.formrow input.normal, div.formrow select.normal, div.formrow textarea.normal
{
    width: 95%;
    margin: 0 0 3px 0;
}

div.formrow label.error
{
    font-weight: normal;
    margin-bottom: 10px;
}

div.formrow .left
{
    float: left;
    width: 45%;
}

div.formrow .right
{
    float: right;
    width: 45%;
}

div.formrow div.accept_text 
{
    width:100%;
    padding: 2%;
    line-height: 1em;
    text-align: justify;
}


/*
 * Logowanie 
 */
div.login
{
    width: 442px;
    height: 192px;
    background: url("../Graphics/divs/loguj.gif") no-repeat center top;
    line-height: 1.5em;
    text-align:left;
    margin:10px auto 0 auto;
}

div.login div.side_left
{
    width: 170px !important;
    float: left;
    padding: 5px 5px 5px 5px;
}

div.login div.side_left h3
{
    font-size: 1em;
    margin-left: 5px;
}

div.login div.side_left p
{
    margin-left: 5px;
    padding-top: 10px;
    padding-right: 40px;
}

div.login div.side_left h3.register-form
{
    font-size: 1em;
    margin-top: 15px;
    padding-right: 20px;
}

div.login div.side_right
{
    width: 220px !important;
    float: right;
    text-align: right;
    padding: 30px 10px 10px 0px;
}

/*
 * Rejestracja
 */

div.register
{
    margin: 10px 0 10px 0; 
    display:inline-block;
    width:250px;
    text-align:right;
}