/**
 * Category & products 
 */
p#contactImage {
  float: right; width: 350px; height: 400px; margin-top: 10px;
  background-image: url("/media/images/kontakt.jpg");
}
div.contactBox {
  float: left; width: 300px;
}

/**
 * Category & products 
 */
div#cat1 a span {
  background: url("/media/images/backgrounds/categories/vysavace_1.jpg") no-repeat;
}
div#cat1 a:hover span {
  background-position: 0 -316px;
}
div#cat1_1 a span {
  background: url("/media/images/backgrounds/categories/vysavace_1_1.jpg") no-repeat;
}
div#cat1_1 a:hover span {
  background-position: 0 -316px;
}
div#cat1_2 a span {
  background: url("/media/images/backgrounds/categories/vysavace_1_2.jpg") no-repeat;
}
div#cat1_2 a:hover span {
  background-position: 0 -316px;
}
div#cat1_3 a span {
  background: url("/media/images/backgrounds/categories/vysavace_1_3.jpg") no-repeat;
}
div#cat1_3 a:hover span {
  background-position: 0 -316px;
}
div#cat2 a span {
  background: #fff url("/media/images/backgrounds/categories/vysavace_2.jpg") no-repeat;
}
div#cat2 a:hover span {
  background-position: 0 -316px;
}
div#cat2_1 a span {
  background: url("/media/images/backgrounds/categories/vysavace_2_1.jpg") no-repeat;
}
div#cat2_1 a:hover span {
  background-position: 0 -316px;
}
div#cat2_1 a span {
  background: url("/media/images/backgrounds/categories/vysavace_2_1.jpg") no-repeat;
}
div#cat2_1 a:hover span {
  background-position: 0 -316px;
}
div#cat2_2 a span {
  background: url("/media/images/backgrounds/categories/vysavace_2_2.jpg") no-repeat;
}
div#cat2_2 a:hover span {
  background-position: 0 -316px;
}
div#cat2_3 a span {
  background: url("/media/images/backgrounds/categories/vysavace_2_3.jpg") no-repeat;
}
div#cat2_3 a:hover span {
  background-position: 0 -316px;
}
div#cat3 a span {
  background: #fff url("/media/images/backgrounds/categories/vysavace_3.jpg") no-repeat;
}
div#cat3 a:hover span {
  background-position: 0 -316px;
}
div#cat3_1 a span {
  background: url("/media/images/backgrounds/categories/vysavace_3_1.jpg") no-repeat;
}
div#cat3_1 a:hover span {
  background-position: 0 -316px;
}
div#cat3_2 a span {
  background: url("/media/images/backgrounds/categories/vysavace_3_2.jpg") no-repeat;
}
div#cat3_2 a:hover span {
  background-position: 0 -316px;
}
div#cat3_3 a span {
  background: url("/media/images/backgrounds/categories/vysavace_3_3.jpg") no-repeat;
}
div#cat3_3 a:hover span {
  background-position: 0 -316px;
}
div#container div.visibleDescription {
  width: 282px; margin-left: 10px; padding: 247px 10px 10px 10px;
  background: #fff url("/media/images/backgrounds/podkategorie_popis.jpg") 0 bottom no-repeat;
}

div#categoryText, div#mainContent {
  float: left; width: 100%;
}
div#categoryText h2, div#mainContent h2 {
  font-weight: normal; font-size: 200%; margin: 15px 0 15px 0; padding: 0 0 0 30px;
  background: url("/media/images/icons/kategorie_h2.jpg") 0 0 no-repeat;
}
div#basicSubcategoryInformations {
  width: 600px; height: 144px; color: #fff; padding: 145px 336px 0 20px;
}


div.subcategory4 {
  background: url("/media/images/backgrounds/subcategories/vysavace_4.jpg");
}
div.subcategory5 {
  background: url("/media/images/backgrounds/subcategories/vysavace_5.jpg");
}
div.subcategory6 {
  background: url("/media/images/backgrounds/subcategories/vysavace_6.jpg");
}
div.subcategory7 {
  background: url("/media/images/backgrounds/subcategories/vysavace_7.jpg");
}
div.subcategory8 {
  background: url("/media/images/backgrounds/subcategories/vysavace_8.jpg");
}
div.subcategory9 {
  background: url("/media/images/backgrounds/subcategories/vysavace_9.jpg");
}
div.subcategory10 {
  background: url("/media/images/backgrounds/subcategories/vysavace_10.jpg");
}
div.subcategory11 {
  background: url("/media/images/backgrounds/subcategories/vysavace_11.jpg");
}
div.subcategory12 {
  background: url("/media/images/backgrounds/subcategories/vysavace_12.jpg");
}
p#usage {
  font-weight: bold;
}

/**
 * Product list, detail
 */ 
p#previousProducts, p#previousProductsHidden {
  margin-right: 30px;
}
p#previousProducts, p#previousProductsHidden, p#nextProducts {
  float: left; width: 27px; height: 112px; padding-top: 120px; 
}
p#previousProducts a, p#previousProductsHidden a, p#nextProducts a {
  text-decoration: none;  font-size: 220%;
}
p#previousProducts a, p#previousProducts a span, p#nextProducts a, p#nextProducts a span {
  width: 27px; height: 232px;
}  
p#previousProducts, p#nextProducts {
  position: relative; display: block;
}
p#previousProducts a span {
  background: url("/media/images/inputs_buttons/predchozi_produkty.jpg") left bottom no-repeat;
}
p#nextProducts a span {
  background: url("/media/images/inputs_buttons/nasledujici_produkty.jpg") left bottom no-repeat;
}  
 
table#products {
  float: left; margin-right: 30px; border: 0;
}
table#products thead td, table#products tfoot td {
  border: 0;
}
table#products td {
  width: 180px;
}
table#products thead td {
  text-align: center;
}
table#products td {
  border-width: 0 0 1px 0;
}
table#products td.property {
  width: 260px; color: #000;
}
table#products thead a {
  text-decoration: none; font-weight: bold; color: #333;
}
table#products tfoot a {
  position: relative; display: block; width: 70px; height: 22px; margin: 10px 0 0 65px;
}
table#products tfoot a span {
  width: 70px; height: 22px;
  background: url("/media/images/inputs_buttons/detail_produktu.jpg");
}
 
div#detail {
  float: left; position: relative; width: 954px; margin: 20px 0 20px; 0;
}
div#basicDetailInformations {
  float: left; width: 475px; margin-right: 30px; padding-top: 15px;
}
p#mainPhoto {
  float: left; width: 244px; height: 268px; margin: 3px 30px 0 0;
}
p#otherPhoto {
  float: left; width: 173px; height: 228px; margin: 3px 0 0 0;
}
div#detail a img {
  display: block; margin-bottom: 10px; border: 1px solid #fff;
  border: 1px solid #fff;
}
div#detail a:hover img {
  border: 1px solid #333;
}
div#detail table {
  font-weight: bold; font-size: 130%; margin: 20px 0 0 10px;
}
div#detail table, div#detail td {
  border: 0;
}
tr#name {
  color: #555;
}
tr#price {
  color: #9e9e9e;
}
tr#actionDeadline {
  color: #c10b0a; font-size: 80%;
}
div#detail td.property {
  text-align: right;
}
ul#submenu {
  float: left; width: 954px; margin: 10px 0 10px 0; padding: 0; border-bottom: 7px solid #e0e0e0;
}
ul#submenu li {
  float: left; width: 117px; height: 37px; list-style-type: none; text-align: center; font-weight: bold;
  margin: 0; padding: 0 3px 0 0;
}
ul#submenu li a {
  display: block; height: 23px; text-decoration: none; color: #888; padding: 14px 0 0 0; 
  background: url("/media/images/backgrounds/produkt_submenu.jpg") no-repeat;
}
ul#submenu li a:hover, ul#submenu li a.active {
  color: #333;
  background: #e0e0e0 url("/media/images/backgrounds/produkt_submenu.jpg") 0 -37px no-repeat;
}
div#submenuContent {
  float: left; width: 100%; padding: 0;
}
div#submenuContent ul li {
  list-style-type: none; padding: 0 0 5px 20px;
  background: url("/media/images/icons/arrows/zluta_odrazka.jpg") 0 2px no-repeat;
}
div#detail p#buy {
  position: absolute; left: 771px; top: 269px; width: 225px; height: 69px;
}
div#detail p#buy a {
  display: block; width: 225px; height: 69px;
}
div#detail p#buy a span {
  display: block; width: 225px; height: 69px;
  background: url("/media/images/inputs_buttons/koupit.jpg");
}

/**
 * Page listing
 */ 
div#pageListing {
  float: left; width: 400px; text-align: right; margin: 10px 3px 10px 0;
}
div#pageListing span, div#pageListing strong {
  position: relative; float: left; display: block; padding: 10px;
}
div#pageListing strong {
  border: 1px solid #E1E1E1; margin-left: 4px;
}
div#pageListing a {
  float: left; display: block; border: 1px solid #333; margin-left: 4px;
}
div#pageListing a:hover {
  background-color: #eaeaea
}

/**
 * Order
 */
ul#orderOverview {
  width: 230px; background: #E9E9E9; margin: 10px 0 15px 0; padding: 10px;
}
form.order fieldset {
  float: left; width: 947px; margin: 0 0 12px 0px; padding-bottom: 10px; border: 1px solid #d0d0d0;
}
form.order fieldset p {
  margin: 10px;
}
form.order ul {
  float: left; width: 885px; margin: 15px 0 0 30px; padding: 0;
}
div#container form.order ul li {
  float: left; list-style-type: none; padding-bottom: 6px;
  background: none;
}
form.order input {
  float: left; width: 160px; padding: 4px 10px 4px 10px; border: 1px solid #c2c0c1;
  background-image: url("/media/images/inputs_buttons/input_pozadi.png");
}
form.order input.submitButton {
  float: left; width: 182px; font-weight: bold; margin: 0 0 0 160px; border: 1px solid #333;
}
form.order input.radio {
  float: none; width: 30px; padding: 0; border: none; background: none; 
}
form.order label {
  float: left; display: block; width: 160px; text-align: right; margin: 0 20px 0 0; padding-top: 5px;
}
form.order textarea {
  width: 280px; height: 80px; padding: 4px 10px 4px 10px; border: 1px solid #c2c0c1;
  background-image: url("/media/images/inputs/input_pozadi.png");
}  
