﻿/**
 * mKoszulki.pl
 *
 * @author Paweł Przybyś (pawel.przybys@gmail.com)
 * @version 1.00 2008/03/12
 */
 
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
html, body { height: 100%; }
body { font: normal 1em/1.4em Arial, Helvetica, sans-serif; text-align: center; color: #000; }
ul, ol { list-style-type: none; }
img { border: 0; }
table { border-collapse: collapse; }
.clear { clear: both; }
*:focus { outline: none; }
a:link, a:focus, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
#main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -112px;
 background: url(../img/main-bg.gif) repeat-y; }
#footer, #push { height: 112px; clear: both; margin: 0 auto; }
#main, #footer { width: 728px; text-align: left; }
button { padding: 0.05em; width: auto; height: auto; overflow: visible; line-height: 1.2em; }

/**
 * Header
 */

#header { position: relative; width: 728px; height: 118px; background: #fff; }
#logo, #slogan, #logging, #cart { position: absolute; }
#logo { top: 26px; left: 0; }
#logo a { display: block; width: 231px; height: 72px; text-indent: -2000em;
 background: url(../img/logo.gif) no-repeat; }
#slogan { top: 86px; left: 72px; font-size: 0.63em; line-height: 1.4em; font-weight: normal; }
#logging { top: 10px; left: 243px; width: 182px; height: 90px; padding: 4px 8px;
 background: url(../img/logging-bg.gif) no-repeat; }
#logging h3 { text-indent: -2000em; background: url(../img/logowanie.gif) 4px 50% no-repeat; }
#logging form p { position: relative; height: 26px; width: 144px; }
#logging form input { position: absolute; }
#logging form input.text, #logging form input.password { top: 0; left: 0; border: 0; width: 128px; height: 16px; padding: 4px 8px;
 font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; color: #666;
 background: url(../img/input-logging-bg.gif) no-repeat; }
#logging form input.submit { top: 1px; left: 118px; width: 25px; height: 22px; }
#logging ul { font-size: 0.75em; line-height: 1.4em; color: #009cee; }
#logging ul li { display: inline; }
#logging ul li a { color: #009cee; }
#logging h4 { font-size: 0.69em; color: #666; }
#logging ul.logged { font-size: 0.69em; line-height: 1.2em; color: #666; }
#logging ul.logged li { display: list-item; }
#logging ul.logged li a { color: #666; }
#logging ul.logged li a.selected { font-weight: bold; }
#logging .logout { font-size: 0.75em; line-height: 1.2em; text-align: right; }
#logging .logout a { color: #009cee; }
#cart { top: 10px; right: 0; width: 252px; height: 90px; padding: 4px 8px 4px 18px;
 background: url(../img/cart-bg.gif) no-repeat; }
#cart h3 { text-indent: -2000em; background: url(../img/twoj-koszyk.gif) 0 50% no-repeat; }
#cart p { height: 26px; font-size: 0.75em; line-height: 2.2em; }
#cart p strong { color: #666; }
#cart p span { color: #8f8f8f; font-weight: bold; }
#cart p span span { color: #fa9838; }
#cart ul { font-size: 0.75em; line-height: 1.4em; color: #009cee; text-align: center; }
#cart ul li { display: inline; }
#cart ul li a { color: #009cee; }
#help { position: absolute; top: 8px; left: 212px; line-height: 1em !important; }
#help a { display: block; height: 14px; padding-left: 16px;
 background: url(../img/help.gif) no-repeat; }

/**
 * Middle
 */

#middle { background: url(../img/middle-bg.gif) no-repeat; }
* html #middle { float: left; }
*:first-child + html #middle { float: left; }

/**
 * Search
 */

#search { float: right; width: 562px; height: 48px; padding: 8px;
 background: url(../img/search-bg.gif) 50% 50% no-repeat; }
#search form { padding: 13px 20px 0; }
#search form p { position: relative; }
#search form p label, #search form p input, #search form p select { position: absolute; }
#search form p label { top: 6px; left: 0; text-indent: -2000em; height: 14px; width: 55px;
 background: url(../img/wyszukaj.gif) no-repeat; }
#search form p input.text { top: 0; left: 60px; border: 0; width: 230px; height: 16px; padding: 4px 8px;
 font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; color: #666;
 background: url(../img/input-phrase-bg.gif) no-repeat; }
#search form p select { top: 2px; left: 311px; width: 140px; font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; }
#search form p input.submit { top: 1px; left: 456px; }

/**
 * Content
 */

#content { float: right; width: 562px; padding: 0 8px; position: relative; }
#banner { text-align: center; }
#content h3 { font-size: 0.94em; line-height: 1.4em; padding: 8px; color: #666;
 background: url(../img/header3-bg.gif) repeat-x; }
#content h5 { font-size: 0.81em; line-height: 1.4em; padding: 4px; color: #666; border-bottom: 1px solid #dfdfdf; }
#content .bottom { clear: both; text-align: right; background: url(../img/bottom-bg.gif) 0 100% repeat-x; padding: 8px; }
#rss { position: absolute; top: 10px; left: 522px; font-size: 0.63em; line-height: 1.4em; }
#rss a { display: block; height: 14px; padding-left: 16px; font-weight: bold;
 background: url(../img/rss.gif) no-repeat; }

/**
 * Breadcrumb
 */

#breadcrumb { color: #171717; padding: 8px; font-size: 0.75em; line-height: 1.4em; }
#breadcrumb li { display: inline;}
#breadcrumb li a { color: #009CEE;}
#breadcrumb li.last a { font-weight: bold; }

/**
 * Steps
 */

#steps { color: #171717; padding: 8px; font-size: 0.75em; line-height: 1.4em; }
#steps li { display: inline; }
#steps li a { color: #171717; }
#steps .selected a { background: #9e9ea1; color: #fff; padding: 1px 2px; }
#steps .disabled, #steps .disabled a { color: #b5b5b9; }

/**
 * Products
 */

#products { padding-top: 8px; width: 100%; }
#products .product { float: left; width: 186px; }
#products .small { float: left; width: 136px; }
#products .photo { width: 186px; height: 186px; overflow: hidden; text-align: center; }
#products .small .photo { width: 136px; height: 100px; }
#products h4 { font-size: 0.69em; line-height: 1.4em; font-weight: normal; text-align: center; }
#products h4 a { color: #484847; }
#products form { padding-left: 30px; }
#products .small form { padding-left: 14px; }
#products form p { float: left; }

/* zmiana formatu czcionki lepiej wyraźną 15.06.2009 #products .price { color: #0fa7d9; font-size: 0.69em; line-height: 1.4em; padding: 5px; }*/
#products .price { color: #0fa7d9; font-size: 0.75em; line-height: 1.2em; padding: 5px; font-weight: bold; }

#products select { font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; width: 40px; }
#products .buttons { padding: 3px; }
#products input.add-to-cart { float: left; width: 21px; height: 17px; border: 0; max-height: 17px; padding-top: 34px;
 background: url(../img/btn-add-to-cart.gif) no-repeat; cursor: pointer; }
#products ul.options { clear: both; }
#products ul.options li { float: left; padding-right: 2px; }
#products ul.options input.add-to-cart { float: left; width: 81px; height: 17px; border: 0; max-height: 17px; padding-top: 34px;
 background: url(../img/btn-to-cart.gif) no-repeat; cursor: pointer; }
#products ul.options a.remove-from-sotrage { text-indent: -2000em; float: left; width: 46px; height: 17px;
 background: url(../img/btn-remove.gif) no-repeat; }
#products .clear { height: 18px; overflow: hidden; }
#products .bottom { background: none; height: 20px; clear: both; }
#products .browse { position: relative; margin-top: -32px; margin-right: 8px; display: inline; float: right; font-size: 0.69em; line-height: 1.4em; }
#products .browse li { float: left; padding-left: 2px; }
#products .browse li strong, #products .browse li a, #products .browse span { float: left; display: block;
 border: 1px solid #6b6a6a; padding: 0 4px; }
#products .browse span { border: 1px solid #fff; padding: 0; }
#products .browse li strong { background: #ccc; }
#products .browse li a.next, #products .browse li a:hover { text-decoration: none; background: #ccc; }
#products .bottom .browse { margin-top: 0; }

/**
 * Product
 */

#product { padding: 8px 0; }
#product .info { float: left; width: 210px; border-right: 1px solid #eaeaeb; padding: 8px 0 16px; }
#product .photo { width: 210px; overflow: hidden; text-align: center; }
#product .enlargement { font-size: 0.75em; line-height: 1.4em; padding: 8px 0; text-align: center; }
#product .enlargement a { background: url(../img/enlargement.gif) no-repeat; height: 16px; padding-left: 20px; color: #83c4e2; }
#product .free-delivery { font-size: 0.81em; line-height: 1.4em; width: 186px; height: 40px; text-align: center;
 background: url(../img/dostawa-gratis.gif) no-repeat; text-indent: -2000em; padding-top: 13px; margin: 0 auto; }
#product .free-delivery span span { color: #a70808; font-weight: bold; }
#product .about { float: right; width: 330px; }
#product h4 { font-size: 0.75em; line-height: 1.4em; padding: 8px; color: #666;
 background: url(../img/header4-bg.gif) repeat-x; }
#product .desc { font-size: 0.69em; line-height: 1.4em; text-aligN: justify; padding: 8px; color: #666; }
#product .price { font-size: 0.69em; line-height: 1.4em; padding: 8px 8px 0; color: #666; }
#product .price span { font-weight: bold; }
#product .price strong { font-size: 1.27em; color: #0fa7d9; }
#product .options { float: left; font-size: 0.69em; line-height: 1.4em; padding: 8px 8px 0; color: #666; height: 36px; width: 108px; } 
#product .options label { font-weight: bold; }
#product .options select { display: block; width: 100px; font: normal 1em/1.4em Arial, Helvetica, sans-serif; }
#product .delivery-cost { float: left; font-size: 0.65em; line-height: 1.1em; padding: 28px 6px 0; color: #666; text-align: left;
 width: 162px; height: 20px;  }
#product .delivery-cost a { color: #2121a4; text-decoration: underline; }
#product .delivery-cost a:hover { text-decoration: none; }
#product .quantity { float: left; padding: 8px; width: 108px; }
#product .quantity input.text { border: 0; width: 92px; height: 16px; padding: 6px 8px;
 font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; color: #666;
 background: url(../img/input-quantity-bg.gif) no-repeat; }
#product .buttons { float: left; padding: 8px 0 0; width: 178px; }
#product .buttons li { float: left; padding-bottom: 4px; height: 28px; overflow: hidden; }
#product .buttons input.add-to-cart { float: left; width: 178px; height: 28px; border: 0; max-height: 28px; padding-top: 56px;
 background: url(../img/btn-dodaj-do-koszyka.gif) no-repeat; cursor: pointer; }
#product .buttons button { float: left; margin-left: 28px; display: inline; }
#product .buttons button strong { color: #073d74; }
#product .clear { height: 18px; overflow: hidden; }

/**
 * Comments
 */

#comments { color: #666; }
#comments h5 { font-size: 0.75em; line-height: 1.4em; padding: 8px; color: #666;
 background: url(../img/header5-bg.gif) repeat-x; border: 0; }
#comments .comment { padding: 8px 0; margin: 0 8px; border-bottom: 1px dotted #ccc; font-size: 0.69em; line-height: 1.4em; }
#comments .comment .about { padding-top: 8px; font-size: 0.91em; }
#comments .comment .about strong { color: #0fa7d9; font-size: 1.20em; }
#comments h6 { font-size: 0.75em; line-height: 1.4em; padding: 8px; color: #666; }
#comments form { padding: 0 8px; position: relative; height: 200px; }
#comments textarea, #comments input, #comments .spam, #comments .to-header { position: absolute; }
#comments textarea { top: 0; left: 8px; overflow: auto; border: 0; width: 309px; height: 88px; padding: 6px 8px;
 font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; color: #666;
 background: url(../img/textarea-bg.gif) no-repeat; }
#comments input.text { top: 103px; left: 8px; overflow: auto; border: 0; width: 180px; height: 16px; padding: 3px 8px 1px;
 font: normal 0.69em/1.4em Arial, Helvetica, sans-serif; color: #666;
 background: url(../img/input-signatur-bg.gif) no-repeat; }
#comments input.submit { top: 104px; left: 207px; float: left; width: 126px; height: 18px; border: 0; max-height: 18px; padding-top: 36px;
 background: url(../img/btn-dodaj-komentarz.gif) no-repeat; cursor: pointer; } 
#comments .spam { top: 128px; left: 8px; font-size: 0.69em; line-height: 1.4em; }
#comments input.sum { position: static; width: 14px; height: 14px; padding: 1px;
 font: normal 1em/1.4em Arial, Helvetica, sans-serif; color: #666; }
#comments .spam span { font-style: italic; }
#comments .to-header { top: 45px; left: 430px; }
#comments .to-header a { text-indent: -2000em; display: block; width: 54px; height: 18px; background: url(../img/btn-do-gory.gif) no-repeat; }

/**
 * Your Cart
 */

#your-cart { clear: both; font-size: 0.75em; line-height: 1.4em; width: 100%; }
#your-cart td { border-bottom: 1px solid #eaeaeb; padding: 2px 4px; }
#your-cart h4 { font-size: 1.08em; }
#your-cart .size select { width: 40px; font: normal 1em/1.4em Arial, Helvetica, sans-serif; }
#your-cart .options { padding-top: 4px; }
#your-cart .options .add-to-storage { text-indent: -2000em; display: block; width: 91px; height: 15px;
 background: url(../img/btn-add-to-storage.gif) no-repeat; }
#your-cart .price { text-align: right; }
#your-cart .quantity { width: 20px; }
#your-cart .quantity input.text { width: 20px; }
#your-cart .options .remove-from-cart { text-indent: -2000em; display: block; width: 46px; height: 17px;
 background: url(../img/btn-remove.gif) no-repeat; }
#your-cart .payment { padding: 12px 4px; font-size: 12px; }
#your-cart .payment select { width: 460px; font: normal 1.09em/1.4em Arial, Helvetica, sans-serif; }
#your-cart .count { text-align: right; font-size: 0.92em; padding: 10px 4px; }
#your-cart .header { padding: 2px 0; border: 0; }
#your-cart .header h3 { font-size: 1.25em; color: #6aa934; }
#your-cart .empty { border: 0; }
#your-cart .title { text-align: right; border: 0; padding-right: 60px; }
#your-cart .all { border: 0; }
#your-cart .first td { font-size: 0.92em; padding-top: 12px; }
#your-cart .middle td { font-size: 0.92em; }
#your-cart .last td { font-size: 0.92em; padding-bottom: 12px; }
#your-cart .total td { font-size: 1.17em; border-bottom: 1px solid #eaeaeb; }
#your-cart .foot td { padding-top: 12px; border-top: 1px solid #eaeaeb; border-bottom: 0; }
#your-cart .address h4 { color: #b91414; font-style: italic; font-weighT: normal; font-size: 1em; }
#your-cart .address address { font-style: normal; font-weight: bold; font-size: 1.17em; padding: 12px 0; }
#your-cart .free-delivery { font-size: 1em; line-height: 1.4em; width: 186px; height: 40px; text-align: center;
 background: url(../img/dostawa-gratis.gif) no-repeat; text-indent: -2000em; padding-top: 15px; margin: 0 auto; }
#your-cart .free-delivery span span { color: #a70808; font-weight: bold; }
#your-cart .back-to-shop { float: left; text-indent: -2000em; display: inline; width: 103px; height: 28px;
 background: url(../img/btn-kupuj.gif) no-repeat; margin-right: 10px; margin-left: 40px; }
#your-cart  .to-cash-desk { float: left; width: 135px; height: 28px; border: 0; max-height: 28px; padding-top: 56px;
 background: url(../img/btn-do-kasy.gif) no-repeat; cursor: pointer; }
#your-cart .foot td { background: url(../img/bottom-bg.gif) 0 100% repeat-x; height: 120px; padding-bottom: 20px }
#your-cart .foot .forward { float: right; text-indent: -2000em; display: inline; width: 108px; height: 28px;
 background: url(../img/btn-dalej.gif) no-repeat; } 
#your-cart-caption { float: left; display: inline; text-indent: -2000em; width: 190px; height: 87px; 
 background: url(../img/lista-produktow.gif) no-repeat; margin-top: -127px; margin-left: 20px; }

/**
 * Regular Customer
 */

#regular-customer { float: left; width: 246px; font-size: 0.75em; line-height: 1.4em;
 background: url(../img/regular-customer-bg.gif) repeat-y; }
#regular-customer h4 { text-indent: -2000em; height: 33px; background: url(../img/jestem-klientem.gif) no-repeat; }
#regular-customer form { background: url(../img/regular-customer-inner-bg.gif) 0 100% no-repeat; padding: 10px; }
#regular-customer div { width: 100%; clear: both; padding-top: 4px; }
#regular-customer label { float: left; width: 98px; text-align: right; padding: 1px 4px; }
#regular-customer input.text, #regular-customer input.password { float: left; width: 114px; padding: 2px;
 font: normal 1em/1.4em Arial, Helvetica, sans-serif; color: #666; border: 1px solid #d6d6d9; }
#regular-customer ul { text-align: right; clear: both; height: 22px; }
#regular-customer ul li, #regular-customer ul li a { display: inline; color: #b80c0c; }
#regular-customer div.submit { text-align: right; height: auto; }

/**
 * Buy Without Logginig
 */

#buy-without-logginig { margin: 0 auto; width: 305px; font-size: 0.75em; line-height: 1.4em;
 background: url(../img/buy-without-logginig-bg.gif) repeat-y; width:305px; }
#buy-without-logginig h4 { text-indent: -2000em; height: 33px; background: url(../img/zakupy-bez-logowania.gif) no-repeat; width:305px;}
#buy-without-logginig form { background: url(../img/buy-without-logginig-inner-bg.gif) 0 100% no-repeat; padding: 10px; width:305px; }
#buy-without-logginig div { width: 100%; clear: both; padding-top: 4px; }
#buy-without-logginig label { float: left; width: 78px; text-align: right; padding: 1px 4px; }
#buy-without-logginig input.text { float: left; padding: 2px;
 font: normal 1em/1.4em Arial, Helvetica, sans-serif; color: #666; border: 1px solid #d6d6d9; }
#buy-without-logginig div.submit { text-align: right; height: auto; }
#buy-without-logginig .agreement { padding: 12px 0; height: auto; font-size: 0.75em; }
#buy-without-logginig .agreement label { float: none; width: auto; text-align: left; padding: 0; }
#buy-without-logginig .validation-advice { clear: both; padding: 1px 2px; width: auto; background: #f30; color : #fff; font-weight: bold;
 width: 305px; border-top: 3px solid #f6f6f7; font-size: 0.92em; }
#buy-without-logginig .agreement .validation-advice { float: none; font-size: 1.09em; }

/**
 * New Customer
 */

#new-customer { float: right; width: 305px; font-size: 0.75em; line-height: 1.4em; margin-bottom: 5px; 
 background: url(../img/new-customer-bg.gif) repeat-y; }
#new-customer h4 { text-indent: -2000em; height: 33px; background: url(../img/jestem-nowym-klientem.gif) no-repeat; }
#new-customer form { background: url(../img/new-customer-inner-bg.gif) 0 100% no-repeat; padding: 10px; }
#new-customer div { width: 100%; clear: both; padding-top: 4px; }
#new-customer .info { width: 100%; clear: both; padding-bottom: 4px; }
#new-customer h5 { width: 100%; clear: both; padding-top: 12px; }
#new-customer label { float: left; width: 78px; text-align: right; padding: 1px 4px; }
#new-customer input.text, #new-customer input.password { float: left; width: 193px; padding: 2px;
 font: normal 1em/1.4em Arial, Helvetica, sans-serif; color: #666; border: 1px solid #d6d6d9; }
#new-customer div.submit { text-align: right; height: auto; }
#new-customer .copy { padding: 4px 0 12px; }
#new-customer .copy label { float: none; width: auto; text-align: left; padding: 0; }
#new-customer .agreement { padding: 12px 0; height: auto; font-size: 0.75em; }
#new-customer .agreement label { float: none; width: auto; text-align: left; padding: 0; }
#new-customer .validation-advice { clear: both; padding: 1px 2px; width: auto; background: #f30; color : #fff; font-weight: bold;
 width: 281px; border-top: 3px solid #f6f6f7; font-size: 0.92em; }
#new-customer .agreement .validation-advice { float: none; font-size: 1.09em; }

/**
 * Registration
 */

#registration { padding: 10px; }
#registration #new-customer { float: none; margin: 0 auto; }
#registration #new-customer h4 { background: url(../img/formularz-rejestracyjny.gif) no-repeat; }

/**
 * user-account
 */

#user-account { padding: 10px; }
#user-account #new-customer { float: none; margin: 0 auto; }
#user-account #new-customer h4 { background: url(../img/twoje-dane.gif) no-repeat; }
#user-account #new-customer p.info { padding: 8px; height: auto; }

/**
 * confirmation
 */

#confirmation h3 { font-size: 14px; color: #6aa934; }
#confirmation p { font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: center; color: #454343; }
#confirmation .red { color: #a40303; padding: 10px; }
#confirmation .blue { background: #f5fbfd; padding: 10px; }
#confirmation .green { font-family: Arial,Helvetica,sans-serif; font-size: 12px; background: #f2f9ee; padding: 10px; margin-top: 5px; }
#confirmation .orange { color: #cb7d17; padding: 20px; }

/**
 * Complaint
 */

#complaint { font-size: 0.75em; line-height: 1.4em; background: url(../img/bottom-bg.gif) 0 100% repeat-x; padding-bottom: 60px; }
#complaint form { border: 1px solid #eaeaeb; background: #f6f6f7; padding: 20px; }
#complaint form p { width: 100%; clear: both; height: 32px; }
#complaint label { float: left; width: 100px; padding: 1px 4px; }
#complaint select { float: left; width: 412px; font: normal 1em/1.4em Arial, Helvetica, sans-serif; }
#complaint textarea { float: left; height: 48px; width: 50%; overflow: auto; font: normal 1em/1.4em Arial, Helvetica, sans-serif; }
#complaint p.submit { text-align: right; height: auto; }
#complaint table { width: 90%; margin: 0 auto; }
#complaint table caption { padding: 10px 28px 0; text-align: left; }
#complaint td, #complaint th { border: 1px solid #eaeaeb; padding: 2px; }
#complaint th { background: #f6f6f7; text-align: center; font-style: italic; font-weight: bold; }

/**
 * complaints
 */

#complaints { padding: 10px 30px; font-size: 0.75em; line-height: 1.4em; }
#complaints table { width: 100%; margin: 10px auto; border-bottom: 1px solid #eaeaeb; }
#complaints td, #complaints th { border: 1px solid #eaeaeb; padding: 2px; text-align: center; }
#complaints th { background: #f6f6f7; text-align: center; font-style: normal; font-weighT: bold; }
#complaints td { color: #6b6a6a; border-bottom: 0; border-top: 0; }
#complaints .no { color: #f7971a; }
#complaints .yes { color: #49830f; }

/**
 * History
 */

#history { font-size: 0.75em; line-height: 1.4em; width: 100%; margin: 10px auto; color: #6b6a6a; border-bottom: 1px solid #eaeaeb; }
#history td, #history th { border: 1px solid #eaeaeb; padding: 4px; }
#history td { border-top: 0; border-bottom: 0; }
#history th { background: #f6f6f7; text-align: left; font-style: normal; font-weighT: bold; }
#history ul { text-align: center; }
#history li { display: inline; }
#history li a { color: #ae1212; }
#history .affected { color: #f7971a; }
#history .set { color: #3ea8f3; }
#history .sent { color: #51a016; }

/**
 * Order Data
 */

#order-data { float: left; display: inline; margin-right: 10px; width: 234px; font-size: 0.75em; line-height: 1.4em;
 background: url(../img/order-data-bg.gif) repeat-y; }
#order-data h4 { font-size: 1em; background: url(../img/order-data-header-bg.gif) no-repeat; padding: 8px; }
#order-data table { width: 100%; background: url(../img/order-data-inner-bg.gif) 0 100% no-repeat; padding: 10px; }
#order-data td { padding: 4px; }
#order-data .header { text-align: right; }
#order-data .data { font-weight: bold; color: #767676; }
#order-data .affected { color: #f7971a; }
#order-data .set { color: #3ea8f3; }
#order-data .sent { color: #51a016; }

/**
 * Shipment And Facture Data
 */

#shipment-and-facture-data { float: left; width: 305px; font-size: 0.75em; line-height: 1.4em; margin-bottom: 5px; 
 background: url(../img/new-customer-bg.gif) repeat-y; }
#shipment-and-facture-data h4 { font-size: 1em; background: url(../img/shipment-and-facture-data-h2.gif) no-repeat; padding: 8px; }
#shipment-and-facture-data .no-bg { background: none; }
#shipment-and-facture-data .last { background: url(../img/new-customer-inner-bg.gif) 0 100% no-repeat; }
#shipment-and-facture-data p { width: 100%; clear: both; height: 32px; }
#shipment-and-facture-data label { float: left; width: 78px; text-align: right; padding: 1px 4px; }
#shipment-and-facture-data input.text { float: left; width: 193px; padding: 2px;
 font: normal 1em/1.4em Arial, Helvetica, sans-serif; color: #666; border: 1px solid #d6d6d9; }
#shipment-and-facture-data h4 label { float: none; width: auto; text-align: left; padding: 0; font-weight: normal;
 font-size: 0.75em; margin-left: 10px; }

/**
 * Sidebar
 */

#sidebar { float: left; width: 150px; margin-top: -64px; }
#kategorie { text-indent: -2000em; height: 30px; background: url(../img/kategorie.gif) no-repeat; }
#szybki-kontakt { text-indent: -2000em; height: 30px; background: url(../img/szybki-kontakt.gif) no-repeat; }
#informacje { text-indent: -2000em; height: 30px; background: url(../img/informacje.gif) no-repeat; }
#sidebar ul { font-size: 13px; line-height: 1.6em; padding: 8px; }
#sidebar ul li.green, #sidebar ul li.green a { color: #52a10d; font-weight: bold; }
#sidebar ul li.orange, #sidebar ul li.orange a { color: #f69102; font-weight: bold; }
#sidebar ul li.blue, #sidebar ul li.blue a { color: #3ea8f3; font-weight: bold; }

/* Tmavy - modyfikacja przyciskow nawigacyjnych z dnia 15.06.2009 */
#sidebar ul li.green2, #sidebar ul li.green2 a { color: white; font-weight: bold; margin-bottom: 3px; }
#sidebar ul li.orange2, #sidebar ul li.orange2 a { color: white; font-weight: bold; margin-bottom: 3px; }
#sidebar ul li.blue2, #sidebar ul li.blue2 a { color: white; font-weight: bold; margin-bottom: 3px; }

#sidebar ul li.green2,  #sidebar ul li.orange2, #sidebar ul li.blue2 { width: 70px; height: 21px; margin-bottom: 3px; }
	/*#sidebar ul li.green2   { background: url('../img/buttons-class-allshirt.png')  0 0 no-repeat;}
	#sidebar ul li.orange2 { background: url('../img/buttons-class-allshirt.png')  0 -24px no-repeat;}
	#sidebar ul li.blue2     { background: url('../img/buttons-class-allshirt.png')  0 -48px no-repeat;}*/
	
	#sidebar ul li.green2   { background: url('../img/buttons-class-allshirt_bw.png')  0 0 no-repeat;}
	#sidebar ul li.orange2 { background: url('../img/buttons-class-allshirt_bw.png')  0 -24px no-repeat;}
	#sidebar ul li.blue2     { background: url('../img/buttons-class-allshirt_bw.png')  0 -48px no-repeat;}
	
	#sidebar ul li.green2:hover   { background: url('../img/buttons-class-allshirt_bw.png')  -70px 0 no-repeat;}
	#sidebar ul li.orange2:hover { background: url('../img/buttons-class-allshirt_bw.png')  -70px -24px no-repeat;}
	#sidebar ul li.blue2:hover     { background: url('../img/buttons-class-allshirt_bw.png')  -70px -48px no-repeat;}
	
	#sidebar ul li.green2 a:hover, #sidebar ul li.orange2 a:hover, #sidebar ul li.blue2 a:hover{text-decoration: none;}
	#sidebar ul li.green2 a:active, #sidebar ul li.orange2 a:active, #sidebar ul li.blue2 a:active{color: #999999;}
	 
	 /*koniec modyfikacji*/
	
#contact { font-size: 0.67em; font-weight: bold; color: #686868; line-height: 1.1em; padding: 3px; }
#phone { display: block; height: 50px; padding-left: 28px; line-height: 1.8em;
 background: url(../img/phone.gif) no-repeat; }

/**
 * Footer
 */

#footer { position: relative; background: url(../img/footer-bg.gif) no-repeat #fff; color: #666; }
#footer a { color: #666; }
#newsletter, #footer-menu { position: absolute; }
#newsletter { top: 24px; left: 10px; z-index: 2; }
#newsletter h3 { font-size: 0.88em; line-height: 1.4em; }
#newsletter p { font-size: 0.63em; line-height: 1.4em; padding-bottom: 2px; }
#newsletter form p { position: relative; height: 26px; width: 180px; padding: 0; float: left; }
#newsletter form input { position: absolute; }
#newsletter form input.text { top: 0; left: 0; border: 0; width: 164px; height: 16px; padding: 4px 8px;
 font: normal 1.20em/1.4em Arial, Helvetica, sans-serif; color: #666;
 background: url(../img/input-email-bg.gif) no-repeat; }
#newsletter form input.submit { top: 1px; left: 154px; width: 25px; height: 22px; }
#newsletter ul { float: left; font-size: 0.75em; line-height: 1.4em; padding: 4px 12px; }
#newsletter ul li { display: inline; }
#footer-menu { top: 18px; left: 0; z-index: 1; width: 352px; height: 64px; padding-top: 10px; padding-left: 376px; 
 font-size: 0.75em; line-height: 1.4em; 
 background: url(../img/footer-menu-bg.gif) no-repeat; }
#footer-menu li { float: left; width: 112px; }

/**
 * Format
 */

#format { position: relative; width: 400px; height: 250px; text-align: left;
 font: normal 16px/18px Arial, Helvetica, sans-serif; }
#format h3 { font-size: 18px; color: #054f98; }
#order-format { position: absolute; top: 50px; left: 10px; } 
#order-format span { color: #636364; } 
#order-format-data { position: absolute; top: 70px; left: 210px; width: 200px; height: 50px; padding-top: 32px;
 background: url(../img/order-format-data.gif) 45px 0 no-repeat; }
#order-format-data li { display: inline; font-size: 10px; color: #636364; }
#complaint-format { position: absolute; top: 150px; left: 10px; }
#complaint-format span { color: #636364; }
#complaint-format span span { color: #cc0316; }
