body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; text-align: center; margin: 0; padding: 0;
	background: #f1d0a5 url("/media/images/pozadi.jpg") repeat-x;
}
div#container {
  position: relative; width: 1023px; text-align: left; font-size: 70%; color: #333; margin: auto; padding-top: 380px;
}

/**
 * Head
 * Menu, logo, client section   
 */  
div#head {
  position: absolute; width: 1023px; height: 380px; left: 0; top: 0;
  background-color: #73acc0;
}
div#content {
  float: left; width: 1023px; padding-bottom: 20px;
  background: #fff url("/media/images/obsah_pozadi.jpg") repeat-y;
}

/**
 * Menu
 */  
div#menuBox {
  position: absolute; left: 0; top: 0; width: 400px; height: 380px;
  background-image: url("/media/images/menu_pozadi.jpg");
}
ul#menu {
  width: 160px; margin: 90px 0 0 82px; padding: 0;
}
ul#menu li {
  list-style-type: none; font-weight: bold; font-size: 110%; padding: 0;
}
ul#menu li a {
  position: relative; display: block; width: 130px; height: 24px; color: #222; padding: 7px 0 0 30px;
}
ul#menu li a:hover span, ul#menu li a:active span, ul#menu li a.active span {
  background-position: 0 31px; 
}
ul#menu li a span {
  width: 160px; height: 31px;
}
ul#menu li a#homeMenu span {
  background-image: url("/media/images/uvod_menu.jpg");
}
ul#menu li a#aboutUsMenu span {
  background-image: url("/media/images/o_nas_menu.jpg");
}
ul#menu li a#articlesMenu span {
  background-image: url("/media/images/clanky_videa_menu.jpg");
}
ul#menu li a#tipsMenu span {
  background-image: url("/media/images/rady_informace_menu.jpg");
}
ul#menu li a#myAccountMenu span {
  background-image: url("/media/images/muj_ucet_menu.jpg");
}
ul#menu li a#contactMenu span {
  background-image: url("/media/images/kontakt_menu.jpg");
}
div#searchBox {
  position: relative; height: 104px; margin: 0 0 0 23px;
}
div#searchBox p {
  text-align: left; color: #000;
}
input#fulltext {
  width: 130px; height: 16px; font-size: 100%; padding: 3px 10px 1px 10px; border: 1px solid #9e9ea0;
  background: #b6a998 url("/media/images/inputs/hledani_pozadi.jpg"); 
}
input#searchButton {
  position: absolute; left: 177px; top: 72px; cursor: pointer; width: 42px; height: 21px; border: 0; 
  background-image: url("/media/images/inputs/hledani_tlacitko.jpg"); 
}

/**
 * Logo
 */   
div#logoBox {
  position: absolute; left: 400px; top: 0;  width: 623px; height: 185px;
  background-image: url("/media/images/logo_pozadi.jpg");
}
p#logo {
  position: relative; margin: 44px 0 0 144px;
}
p#logo a {
  display: block; width: 276px; height: 89px; color: #fff; background-color: #73acc0;
}
p#logo a span {
  width: 276px; height: 89px;
  background-image: url("/media/images/logo.jpg");
}
p#logo strong {
  display: block; font-size: 220%; line-height: lpx; padding-top: 10px;
}

/**
 * Client section, basket
 */  
div#clientSectionBox {
  position: absolute; left: 400px; top: 185px; width: 623px; height: 195px;
  background: url("/media/images/klienstka_sekce_pozadi.jpg");
}
div#clientSectionBox fieldset {
  margin: 18px 0 0 263px; padding: 0; border: 0;
}
div#clientSectionBox legend {
  font-weight: bold; font-size: 120%; margin-bottom: 10px;
}
div#clientSectionBox fieldset p {
  font-weight: bold; margin: -3px 0 0 118px;
}
div#clientSectionBox label {
  display: block; margin: 8px 0 13px 0;
}
input#login, input#password {
  position: absolute; left: 320px; width: 178px; height: 16px; font-size: 100%; padding: 3px 10px 1px 10px; border: 1px solid #fff;
  background: #b6a998 url("/media/images/inputs/prihlasovaci_pole_pozadi.jpg"); 
}
input#login {
  top: 45px;
}
input#password {
  top: 72px;
}
input#loginButton {
  position: absolute; left: 205px; top: 115px; cursor: pointer; width: 115px; height: 22px; border: 0; 
  background-image: url("/media/images/inputs/prihlaseni_tlacitko.jpg"); 
}
div#clientSectionBox a {
  color: #1396C0;
}
div#clientSectionBox a:hover, div#clientSectionBox a:active, div#clientSectionBox a.active {
  color: #222;
}
div#clientSectionBox ul {
  margin: 0 0 0 10px; padding: 0;
}
div#clientSectionBox ul li {
  list-style-type: none; padding-bottom: 3px;
}
div#clientSectionBox a#logoutUser {
  position: absolute; left: 273px; top: 92px; font-weight: bold; font-size: 120%; color: #CC0000;
}
div#clientSectionBox a#logoutUser:hover, div#clientSectionBox a#logoutUser:active {
  color: #333;
}
p#basketPrice {
  position: absolute; left: 380px; top: 144px; width: 150px; color: #fff; padding: 5px 0 7px 0; margin: 0;
}
p#basketPrice a {
  font-weight: bold; color: #ffd802;
}
p#basketPrice a:hover, p#basketPrice a:active {
  color: #fff;
}
p#basket {
  position: absolute; left: 532px; top: 95px; width: 85px; height: 86px; font-size: 110%; font-weight: bold; margin: 0;
}
p#basket a {
  display: block; width: 85px; height: 30px; color: #fff; padding-top: 56px;
}
p#basket a span {
  width: 85px; height: 86px; 
  background-image: url("/media/images/nakupni_kosik.jpg");
}
p#basket a:hover span, p#basket a:active span, p#basket a.active span {
  background-position: 0 86px;
}

/**
 * Content - default usable elsewhere
 * Middle box
 * Right box
 * Left box   
 */
div.sectionBox {
  width: 232px; margin: 0px 0 15px 0;
  background: url("/media/images/box_pozadi.jpg") repeat-y;
} 
div.sectionBox h2 {
  font-size: 120%; text-align: center; color: #fff; margin: 0; padding: 14px 0 14px 0;
  background-image: url("/media/images/box_nadpis_pozadi.jpg");
}
div.sectionBox p.foot {
  clear: both; width: 233px; height: 10px; margin: 0 0 0 -1px; padding: 0; overflow: hidden;
  background-image: url("/media/images/box_paticka.jpg");
}
div.sectionBox p {
  text-align: justify; margin: 10px 15px 10px 15px;
}
div.brandBuilding {
  text-align: center;
}
div.brandBuilding img {
  margin-top: 15px;
}

/**
 * Middle box
 */ 
div#middleBox {
  float: left; display: inline; width: 756px; margin-left: 268px;
}
div#middleBox div.inThin {
  float: left; width: 480px;
}
div#middleBox div.inWide {
  float: left; width: 718px;
}
h1 span {
  color: #D88704;
}
div#quadricycleBox, div#scooterBox {
  float: left; width: 237px;
}
div#quadricycleBox p, div#scooterBox p {
  margin-bottom: 0;
}
div#quadricycleBox {
  margin-right: 6px;
}
div#quadricycleBox p, div#scooterBox p {
  text-align: justify; padding: 0 5px 0 5px; margin: 0;
}
h3#quadricycle, h3#scooter  {
  position: relative; width: 237px; height: 112px; text-align: right; font-size: 150%; margin: 0; padding: 0; background-color: #d6d5db;
}
h3#quadricycle a, h#scooter a {
  display: block; width: 237px; height: 112px; color: #fff;
}
h3#quadricycle a span, h3#scooter a span {
  display: block; width: 237px; height: 112px;
}
h3#quadricycle a span {
  background-image: url("/media/images/ctyrkolky_baner.jpg");
}
h3#scooter a span {
  background-image: url("/media/images/skutry_baner.jpg");
}
h2#newsProductHeadline {
  margin-top: 0;
}
div.product {
  float: left; width: 227px;
  background: url("/media/images/produkt_pozadi.jpg") repeat-y;
}
div.left {
  margin-right: 22px;
}
div.leftInCategory {
  margin-right: 18px;
}
div.product h3 {
  width: 210px; font-size: 110%; padding: 10px 5px 7px 12px; margin: 0 0 5px 0;
  background-image: url("/media/images/nazev_produktu_pozadi.jpg");
}
div.product p.image {
  float: left; width: 95px; margin: 0 10px 5px 0; padding: 0 0 0 5px;
}
div.product p.description {
  float: left; width: 95px; height: 100px; margin: 0 0 5px 0; padding: 0 10px 0 5px;
}
div.product div.action {
  float: left; width: 227px; height: 23px; padding: 5px 0 0 0; margin: 0;
  background-image: url("/media/images/detail_produktu_pozadi.jpg");
}
div.product p.price, div.product p.button {
  text-align: center; font-weight: bold; margin: 0;
}
div.product p.price {
  float: left; width: 115px; font-size: 120%; color: #ffae42;
}
div.product p.button {
  float: right; width: 108px;
}
div.product a {
  display: block; text-decoration: none; color: #fff; 
}
div.product h3 a {
  color: #333;
}
div.product h3 a:hover, div.product h3 a:active {
  color: #1396c0;
}
div.product p.button a:hover, div.product p.price a:active {
  color: #ffae42;
}
div.product a:hover, div.product a:active {
  text-decoration: underline; 
}

/**
 * Left box
 */ 
div#leftBox {
  float: left; display: inline; width: 232px; margin-left: -1001px;
}
h2#searchHeadline {
  background: url("/media/images/hledani_nadpis_pozadi.jpg") no-repeat;
}
h2#categoryHeadline {
  background: url("/media/images/kategorie_nadpis_pozadi.jpg") no-repeat;
  margin: 0; padding: 7px 0 7px 0;
}
div#categoryBox {
  background: url("/media/images/kategorie_pozadi.jpg") repeat-y;
}
ul#categoryMenu {
  margin: 0; padding: 10px 0 0 0;
}
ul#categoryMenu ul {
  margin: 3px 1px 0 0; padding: 0;
}
ul#categoryMenu li {
  list-style-type: none; padding: 5px 0 9px 0;
}
ul#categoryMenu li.parentCategory {
  padding: 7px 0 5px 25px;
}
li.parentCategory a {
  color: #555; padding-left: 20px; text-decoration: none;
  background: url("/media/images/hlavni_kategorie_bod.jpg") no-repeat;
}
li.parentCategory a:hover, li.parentCategory a:active, li.parentCategory a.active {
  text-decoration: underline; color: #1396c0;
} 
ul#categoryMenu li.childrenCategory {
  padding-left: 25px;
  background: url("/media/images/vedlejsi_kategorie_pozadi.jpg") 23px bottom no-repeat;
}
li.childrenCategory a {
  color: #555555; padding-left: 20px;
  background: url("/media/images/vedlejsi_kategorie_bod.jpg") no-repeat;
}
li.childrenCategory a:hover, li.childrenCategory a:active {
  text-decoration: none; color: #E18700;
} 
li.childrenCategory a.active {
  text-decoration: underline;
}
p#categoryFoot {
  height: 9px; margin: 0 0 0 -1px; padding: 0; overflow: hidden;
  background-image: url("/media/images/kategorie_paticka.jpg")
}

/**
 * Right box
 */ 
div#rightBox {
  float: right; display: inline; width: 259px; margin-top: 10px; padding: 0 5px 0 5px;
}
div#actionBox {
  padding-left: 3px;
}
div#actionBox div.product {
  margin: 5px 0 5px 0;
  background: url("/media/images/produkt_pozadi.jpg") repeat-y;
}
dl.newsList {
  line-height: 1.4em; margin: 15px 15px 0 15px; padding: 0;
}
dl.newsList dt {
  font-size: 120%;
}
dl.newsList dd.publicationDate {
  font-style: italic; color: #000; margin: 0 0 3px 0;
}
dl.newsList dd.description {
  text-align: justify; margin: 0;
}
dl.newsList dd.moreInformation {
  text-align: right; margin: 0 0 3px 0;
}

/**
 * Foot box
 * Foot, webdesign
 */
ul#footMenu {
  clear: both; width: 1000px; margin: 0;
}
ul#footMenu {
  height: 27px; padding: 10px 0 0 0;
  background: url("/media/images/paticka_pozadi.jpg");
}
ul#footMenu li {
  display: inline; list-style-type: none; padding-left: 30px;
}
ul#footMenu li.firstItem {
  padding-left: 210px;
}
ul#footMenu a {
  text-decoration: none; color: #fff;
}
ul#footMenu a:hover, ul#footMenu a:active {
  text-decoration: underline; color: #333;
}
ul#webdesign {
  clear: both; width: 1023px; margin: 0; height: 51px; font-weight: bold; padding-top: 22px;
  background: url("/media/images/webdesign_pozadi.jpg");
}
ul#webdesign li {
  display: inline; list-style-type: none; color: #748396; padding-left: 783px;
}
ul#webdesign a {
  text-decoration: none; color: #9b7642;
}
ul#webdesign a:hover, ul#webdesign a:active {
  text-decoration: underline; color: #333;
}