/* OBSAH */
#content button {
  clear: both;
  display: block;
  margin: 0 0 0 -3px;
}
* html #content button {
  margin: 0 0 0 -10px;
}

/* ====== JEN PRO DETAIL ====== */
.detail #container {
  background: url(../images/bg-detail-side.gif) left top repeat-y;
}
.detail #in-container {
  background: url(../images/bg-detail-side-bottom.gif) left bottom no-repeat;
  padding: 0 0 2px 0;
}

/* horni slide bot */
#catalog-detail-selected-list {
  position: relative;
  width: 787px;
}
* html #catalog-detail-selected-list {
  width: 772px;
}
#catalog-detail-selected-list #stripOuter {
  height: 110px;
  margin: 0 0 0 30px;
  overflow: hidden;
  position: relative;
  width: 712px;
}
* html #catalog-detail-selected-list #stripOuter {
  width: 714px;
}
#catalog-detail-selected-list #stripOuter #strip {
  display: block;
  left: 0;
  position: absolute;
  width: 100000px;
}
#catalog-detail-selected-list .button {
  background: url(../images/bg-soupatko.gif) left top no-repeat;
  height: 20px;
  position: absolute;
  width: 20px;
}
#catalog-detail-selected-list p.dalsi, #catalog-detail-selected-list p.zpet {
  cursor: pointer;
  cursor: hand;
  padding: 0 8px;
}
#catalog-detail-selected-list p.zpet {
  left: 0;
  top: 40px;
}
#catalog-detail-selected-list p.dalsi {
  right: 0;
  top: 40px;
}
* html #catalog-detail-selected-list p.dalsi {
  right: -15px;
}
#catalog-detail-selected-list p.dalsi img, #catalog-detail-selected-list p.zpet img {
  margin-top: 7px;
}
#catalog-detail-selected-list p img  {
  font-size: 100%;
}
#catalog-detail-selected-list ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 10px 7px;
}
#catalog-detail-selected-list ul li a {
  border: 1px #FFF solid;
  display: block;
  height: 85px;
  text-align: center;
  text-decoration: none;
  width: 85px;
}
#catalog-detail-selected-list ul li a img {
  display: block;
  margin: 6px 5px;
}
#catalog-detail-selected-list ul li a:hover, #catalog-detail-selected-list ul li a:focus, #catalog-detail-selected-list ul li a:active, #catalog-detail-selected-list ul li.active a {
  border: 1px #DCDCDC solid;
  border-right: 1px #A0A0A0 solid;
  border-bottom: 1px #8B8B8B solid;
}

/* detail boty */
#shoe-detail {
  border-top: 1px #EDEDED solid;
  border-right: 1px #D8D8D8 solid;
  border-left: 1px #E7E7E7 solid;
  width: 771px;
}
#shoe-box-1 {
  display: inline;
  float: left;
  margin: 18px 0 48px 18px;
  position: relative;
  width: 261px;
}
#shoe-box-1 h2 {
  font-size: 110%;
}
#shoe-box-1 ul li {
  display: block;
  float: left;
  margin: 0;
  text-align: center;
}
#shoe-box-1 ul li a {
  border: 1px #FFF solid;
  display: block;
  height: 34px;
  width: 34px;
}
#shoe-box-1 ul li a:hover, #shoe-box-1 ul li a:active, #shoe-box-1 ul li a:focus, #shoe-box-1 ul li.active a {
  border: 1px #DCDCDC solid;
  border-right: 1px #A0A0A0 solid;
  border-bottom: 1px #8B8B8B solid;
}
#shoe-box-1 ul li img {
  height: 34px;
  line-height: 32px;
  width: 34px;
}
#shoe-box-1 img.ico {
  top: 63px;
  position: absolute;
  right: 33px
}

#shoe-box-2 {
  background: #EEEAE3 url(../images/bg-tabs.gif) left top repeat-y;
  display: inline;
  float: left;
  margin: 18px;
  width: 251px;
}
#shoe-box-2 #tabs {
  background: #FFF url(../images/bg-tabs-top.gif) left bottom no-repeat;
  height: 36px;
}
#shoe-box-2 #tabs span a {
  color: #848484;
}
#shoe-box-2 #tabs span.active a {
  color: #528cbc;
}
#shoe-box-2 #tabs span span {
  letter-spacing: 3px;
}
#shoe-box-2 .tab {
  background: url(../images/bg-tabs-left.gif) left top no-repeat;
  display: block;
  font-size: 120%;
  height: 34px;
  line-height: 34px;
  padding: 0;
  text-align: center;
}
#shoe-box-2 span.tab a {
  background: url(../images/bg-tabs-active-right.gif) right top no-repeat;
  display: block;
  float: left;
  height: 34px;
  padding: 0;
  width: 115px;
  white-space: nowrap;
}
/*
* html #shoe-box-2 span.tab a {
  width: 100px;
}
*/
#shoe-box-2 span.tab.active {
  background: url(../images/bg-tabs-active-left.gif) left top no-repeat;
  display: block;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
}
#shoe-box-2 span.tab.active a {
  background: url(../images/bg-tabs-active-right.gif) right top no-repeat;
  display: block;
  float: left;
  height: 36px;
  text-decoration: none;
  width: 115px;
  white-space: nowrap;
}
/*
* html #shoe-box-2 span.tab.active a {
  width: 110px;
}
*/
#shoe-box-2 span.tab.left {
  float: left;
}
#shoe-box-2 span.tab.right {
  float: right;
}
#shoe-box-2 span.tab.right a {
  width: 125px;
}
#shoe-box-2 #tabs-content-left {
  background: url(../images/bg-tabs-bottom.gif) left bottom no-repeat;
  padding: 0 10px 10px 10px;
  width: 251px;
}
* html #shoe-box-2 #tabs-content-left {
  width: 231px;
}
#shoe-box-2 a {
  color: #528cbc;
}
#shoe-box-2 p  {
  clear: both;
  padding: 0 0 10px 0;
  width: 230px;
}
#shoe-box-2 p.puvodni {
  clear: both;
  margin: -10px 0 0 0;
  padding: 0 0 10px 0;
}
#shoe-box-2 p.puvodni span {
  text-decoration: line-through;
}
#shoe-box-2 p.price strong {
  color: #e30017;
}
#shoe-box-2 h4 {
  clear: both;
  font-size: 110%;
  padding: 10px 0;
}
#shoe-box-2 p strong {
  color: #528cbc;
  font-size: 210%;
}
#shoe-box-2 p strong span {
  font-size: 50%;
}
#shoe-box-2 p.size {
  float: left;
  clear: none;
  margin: 10px 0 0 10px;
  padding: 0;
  width: auto;
}
#shoe-box-2 h4.size {
  float: left;
  margin: 0;
  padding: 10px 0 0 0;
}
#shoe-box-2 ul.colour li {
  display: block;
  float: left;
  height: 36px;
  list-style: none;
  margin: 0 6px;
  text-align: center;
  width: 36px;
}
/*
* html #shoe-box-2 ul.colour li {
  margin: 0 5px;
}
*/
#shoe-box-2 ul.colour li.first {
  margin: 0 5px 0 0;
}
#shoe-box-2 ul.colour li.last {
  margin: 0 0 0 5px;
}
#shoe-box-2 ul.colour li a {
  border: 1px #DEDAD5 solid;
  display: block;
  float: left;
  height: 36px;
  width: 36px;
}
#shoe-box-2 ul.colour li.active a, #shoe-box-2 ul.colour li a:hover, #shoe-box-2 ul.colour li a:focus, #shoe-box-2 ul.colour li a:active {
  border: 1px #423729 solid;
  padding: 0;
}
#shoe-box-2 ul.colour li img {
  line-height: 32px;
}
#shoe-box-2 form {
  clear: both;
  padding: 0;
}
#shoe-box-2 form fieldset {
  border: 0;
  padding: 10px 0;
}
#shoe-box-2 form label {
  display: inline;
  float: left;
  font-weight: bold;
}
#shoe-box-2 form select {
  display: block;
  float: left;
  margin: -3px 0 0 10px;
  width: 35px;
}
#shoe-box-2 #add-basket input {
  background: transparent;
  height: 31px;
  margin: 0 0 10px 0;
  padding: 0;
  width: 150px;
}
.basketSizeWarning {
  background: #FFF;
  border: 1px #E00117 solid;
  padding: 6px;
  margin: -45px 0 0 0;
  left: 640px !important;
  width: 218px;
}
#shoe-box-2 #catalog_detail_submit {
  background: #FFF;
  margin-left:0px;
}
#shoe-box-2 ul.size {
	clear: both;
  margin: 0 10px 0 0;
  padding-top: 10px;
}
* html #shoe-box-2 ul.size {
  margin: -10px 10px 5px 0;
}
#shoe-box-2 ul.size li {
  background: #EEE url(../images/bg-li-size-left.gif) left top no-repeat;
  display: block;
  float: left;
  list-style: none;
  margin: 0 5px 5px 0;
}
#shoe-box-2 ul.size li.first {
  margin: 0 5px 0 0;
}
#shoe-box-2 ul.size li a {
  background: url(../images/bg-li-size-right.gif) right top no-repeat;
  color: #333 !important;
  display: block;
  float: left;
  height: 19px;
  line-height: 19px;
  padding: 0 4px;
  text-align: center;
  text-decoration: none;
}
#shoe-box-2 ul.size li a:hover {
  font-weight: bold;
}
#shoe-box-2 ul.size li.active  {
  background: #000 url(../images/bg-li-size-left-on.gif) left top no-repeat;
  font-weight: bold;
}
#shoe-box-2 ul.size li.active a {
  background: url(../images/bg-li-size-right-on.gif) right top no-repeat;
  color: #FFF !important;
}
#shoe-box-2 button {
  margin: 0 0 10px -3px;
}
* html #shoe-box-2 button {
  margin: 0 0 10px -35px;
}
*:first-child+html #shoe-box-2 button {
  margin: 0 0 10px -35px;
}


#shoe-box-2 #tabs-content-right {
  background: url(../images/bg-tabs-bottom.gif) left bottom no-repeat;
  display: none;
  padding: 0 15px 10px 10px;
  width: 236px;
}
* html #shoe-box-2 #tabs-content-right {
  overflow: hidden;
  width: 226px;
}
#tabs-content-right h3 {
  font-size: 120%;
  padding: 10px 0 5px 0;
} 
#tabs-content-right p {
  padding: 5px 0;
} 
#tabs-content-right p strong {
  font-size: 100%;
} 

#shoe-box-3 {
  display: inline;
  float: left;
  margin: 18px 0;
  width: 187px;
}
#shoe-box-3 p {
  margin-bottom: 10px;
}
#shoe-box-3 p.article-nubmer strong {
  font-size: 110%;
}
#shoe-box-3 a {
  color: #528cbc;
  margin-right: 5px;
}
#shoe-box-3 h4 {
  font-size: 100%;
  margin-bottom: 10px;
}
#shoe-box-3 table {
  font-size: 100%;
  margin-bottom: 10px;
}
#shoe-box-3 table td {
	vertical-align: middle;
	padding-right: 20px;
}

#shoe-box-3 table td.box-col-1 {
	padding-bottom: 5px;
	padding-right: 1px;
 }

#shoe-box-3 table td.box-col-2 {
	padding-bottom: 5px;
 }

#shoe-box-3 table td.box-col-3{
	padding-right: 0px;
}

#shoe-box-3 table td.box-col-4 {
	padding-left: 0px;
}

#shoe-box-3 table td img {
  padding-right: 7px;
}
#shoe-box-3 ul {
  float: left;
  padding-bottom: 10px;
}
* html #shoe-box-3 ul {
  padding: 0;
}
#shoe-box-3 ul li {
  border-bottom: 1px #e3edf6 solid;
  display: block;
  list-style: none;
}
#shoe-box-3 ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
#shoe-box-3 ul li a {
  color: #8cb2d2 !important;
  display: block;
  float: none;
  font-weight: bold;
  padding: 5px 5px 5px 22px;
  text-decoration: none;
}
#shoe-box-3 ul li a:hover, #shoe-box-3 ul li a:active, #shoe-box-3 ul li a:focus {
  text-decoration: underline;
}
#shoe-box-3 ul li p.obl {
  background: transparent;
  float: none;
  height: auto;
  margin: 0;
}
* html #shoe-box-3 ul li p.obl {
  width: 1px; 
}
#shoe-box-3 ul li.favorite_add a {
  background: url(../images/shoebox3-favorite_add.gif) left center no-repeat;
}
#shoe-box-3 ul li.where_buy a {
  background: url(../images/shoebox3-where_buy.gif) left center no-repeat;
}
#shoe-box-3 ul li.send_friend a {
  background: url(../images/shoebox3-send_friend.gif) left center no-repeat;
}

#shoe-box-3 ul li.facebook {
  border: 0;
  padding: 5px 0 10px;
}
#shoe-box-3 ul li.facebook a {
  background: url(../images/ico-facebook.gif) left center no-repeat;
  font-weight: normal;
  text-decoration: underline;
}

#detailRating {
  float: right;
  font-size: 120%;
  margin-top: -35px;
  padding: 0 45px 20px;
  text-align: right;
}
#detailRating span {
  margin-left: 35px;
}
#detailRating span img {
  margin: 0 0 -3px 10px;
}

/* komentare + hodnoceni */
#comments {
  background: #F7F7F7;
  margin: 1px;
}
*:first-child+html #comments {
  width: 100%;
}
* html #comments {
  padding: 1px 0 0 0;
}
.commentsEnd {
  border-bottom: 1px #D8D8D8 solid;
  margin: 1px 0 0 !important;
  padding: 0 1px !important;
  position: relative;
}
* html .commentsEnd {
  height: 1px;
  padding-top: 1px !important;
}
#comments form {
  border-bottom: 1px #E3E3E3 solid;
  clear: both;
  display: block;
  margin-left: -1px;
  padding: 0 17px 17px;
  position: relative;
  width: 738px;
}
* html #comments form {
  height: 1px;
  margin: 0 -1px -1px;
  padding-bottom: 27px;
  width: 740px;
}
*:first-child+html #comments form {
  margin-bottom: -1px;
  padding-bottom: 27px;
}
*:first-child+html #comments {
  width: 769px;
}
#comments fieldset {
  border: 0;
}
#comments h3 {
  float: left;
  font-size: 110%;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 15px 15px;
  white-space: nowrap;
}
#comments #komentar {
  padding-bottom: 15px;
}
#comments .hodnoceni {
  float: left;
  margin-top: -22px;
  padding-left: 40px;
  width: 100px;
}
#comments label {
  color: #407FB5;
  float: left;
  font-weight: bold;
  padding-bottom: 8px;
}
#comments label span {
  color: #666;
  display: block;
  font-weight: normal;
  font-size: 80%;
}
#comments input, #comments textarea, #comments #answer #emailDiv input {
  border-top: 1px #000 solid;
  border-right: 1px #3D3D3D solid;
  border-bottom: 1px #868686 solid;
  border-left: 1px #000 solid;
  clear: both;
}
#comments input, #comments #answer #emailDiv input {
  height: 17px;
  margin-bottom: 15px;
  width: 220px;
}
* html #comments input, * html #comments #answer #emailDiv input {
  height: 19px;
  width: 220px;
}
#comments textarea {
  height: 59px;
  width: 732px;
}
#comments form button {
  clear: both;
  margin: 10px 0 0 -3px;
  position: relative;
}
* html #comments form button {
  margin: 10px 0 0 -25px;
}
*:first-child+html form button {
  margin-left: -25px;
}
#comments #face {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
}
#comments #answer, #comments #answer #emailDiv {
  clear: both;
}
#comments #face label, #comments #answer label {
  color: #000;
  font-weight: normal;
}
#comments #face input, #comments #answer input {
  border: 0;
  height: auto;
  margin: 1px 9px 0 0;
  width: auto;
}
* html #comments #face input, * html #comments #answer input {
  margin: -4px 3px 0 0;
}
#comments #antiSpam {
  padding-top: 10px;
}
#comments .showType {
  padding: 10px;
  position: relative;
  text-align: right;
}
#comments .showType a, #comments .showType strong {
  padding: 0 10px;
}
#comments .showType a {
  color: #528cbc;
}
/*
#comments p input {
  clear: both;
  border: 0;
  font-weight: bold;
  height: 20px;
  margin: 7px 0 0 -3px;
  width: 70px;
}
* html #comments p input {
  margin: 7px 0 0 -1px;
}
*/
#comments .show-main-comments a {
  background: url(../images/odrazka1-bottom.gif) left center no-repeat;
  color: #528cbc;
  float: right;
  margin: 17px 20px 0 0;
  padding-left: 15px;
  position: relative;
}
#comments .hide-main-comments a {
  background: url(../images/odrazka1-top.gif) left center no-repeat;
  color: #528cbc;
  float: right;
  margin: 17px 20px 0 0;
  padding-left: 15px;
  position: relative;
}

#comments ul#article-comments {
  clear: both;
  font-size: 115%;
  margin: 0 -2px;
  position: relative;
}
* html #comments ul#article-comments {
  height: 1px;
}
#comments ul#article-comments li {
  border-bottom: 1px #E3E3E3 solid;
  border-top: 1px #e3e3e3 solid;
  list-style: none;
  margin: 0 0 -1px 0;
  position: relative;
}
* html #comments ul {
  height: 1px;
}
#comments ul#article-comments li div {
  padding: 15px 2px 5px;
  position: relative;
}
#comments ul#article-comments li ul {
  background: #fff;
  border-right: 1px #E3E3E3 solid;
  border-top: 1px #E3E3E3 solid;
  padding-left: 20px;
  position: relative;
}
* html #comments ul#article-comments li ul {
  height: 1px;
}
#comments ul#article-comments li li {
  background: #efefef;
  border-left: 1px #E3E3E3 solid;
  margin-top: -1px;
  position: relative;
}
#comments ul#article-comments li li ul {
  margin: 0 -1px;
  position: relative;
}
* html #comments ul#article-comments li li ul {
  height: 1px;
}
* html #comments ul#article-comments ul {
  margin-right: -3px !important;
}
* html #comments ul#article-comments ul ul {
  margin-right: -1px !important;
}
#comments ul#article-comments li li div {
  border: 1px #FFF solid;
  overflow: hidden;
}

#comments ul#article-comments li p {
  padding: 0 15px 10px 15px;
  position: relative;
}
#comments ul#article-comments li p strong {
  font-weight: normal;
}
#comments ul#article-comments li .time {
  font-size: 85%;
  font-weight: bold;
  padding-left: 24px;
}
#comments ul#article-comments li .recently {
  color: #e00117;
}

#comments ul li p.reply {
  font-size: 85%;
  margin-top: -10px;
  padding: 4px 20px 0 20px;
  text-align: right;
}
#comments ul li p.reply a {
  color: #528cbc;
  font-weight: bold;
}
#comments ul li p.buyer {
  background: url(../images/ico-bata.gif) no-repeat 14px top;
  padding: 2px 0 10px 43px !important;
}

#comments .feedback-rating {

  color: #8d8d8d;
  margin: -8px 0 0 45px;
  position: absolute;
  text-transform: lowercase;
}
#comments .feedback-rating span {
  color: #000;
  float: left;
  font-size: 85%;
  font-style: normal;
  margin-left: 43px;
  text-transform: none;
}
#comments .feedback-rating span img {
  display: block;
  margin: 4px 0 0 -2px;
}

/* hvezdickovy hodnoceni */
/*
.star-rating {
	background: url(../images/bg-stars-ul.gif) top left repeat-x;
	float: right;
	height: 13px;
	margin-top: -3px;
	padding: 16px 0 0 6px;
  width:  98px;
}
* html .star-rating {
	margin-top: -15px;
}
*/
.star-rating ul {
	background: url(../images/bg-stars.gif) no-repeat 0 0;
	clear: both;
	height: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 90px;
}
.star-rating select {
  height: 20px;
  width: 100px;
}
.star-rating .nostar {
  background-position: 0 0;
}
.star-rating .onestar {
  background-position: 0 -18px;
}
.star-rating .twostar {
  background-position: 0 -36px;
}
.star-rating .threestar {
  background-position: 0 -54px;
}
.star-rating .fourstar {
  background-position: 0 -72px;
}
.star-rating .fivestar {
  background-position: 0 -90px;
}
.star-rating ul li {
	cursor: pointer;
	float:left;
	text-indent: -999em;
}
.star-rating ul li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	text-decoration: none;
	z-index: 200;
}
.star-rating ul li.one a {
  left: 0;
}
.star-rating ul li.two a {
  left: 18px;
}
.star-rating ul li.three a {
  left: 36px;
}
.star-rating ul li.four a {
  left: 54px;
}
.star-rating ul li.five a {
  left: 72px;
}
.star-rating ul li a:hover {
	background: url(../images/bg-stars.gif) no-repeat 0 0;
	height: 18px;
	left: 0;
	overflow: hidden;
	width: 90px;
	z-index: 2;
}
.star-rating ul li.one a:hover {
  background-position: 0 -18px;
}
.star-rating ul li.two a:hover {
  background-position: 0 -36px;
}
.star-rating ul li.three a:hover {
  background-position: 0 -54px
}
.star-rating ul li.four a:hover {
  background-position: 0 -72px
}
.star-rating ul li.five a:hover {
  background-position: 0 -90px
}

/* doporuceni */
h3.ref {
  font-size: 140%;
  padding: 21px 16px 16px 16px;
}
ul.catalog-detail-recommendation-list {
  margin-left: 1px;
}
ul.catalog-detail-recommendation-list li {
  display: block;
  float: left;
  list-style: none;
  margin-left: 7px;
  text-align: center;
  width: 148px;
}
* html ul.catalog-detail-recommendation-list li {
  margin-right: 2px;
}
ul.catalog-detail-recommendation-list li.first {
  margin: 0;
}
ul.catalog-detail-recommendation-list li img {
  margin-bottom: 14px;
}
ul.catalog-detail-recommendation-list li p {
  background: url(../images/bota-bottom-1.gif) left bottom no-repeat;
  height: 27px;
  line-height: 27px;
  padding-left: 22px;
  text-align: left;
}
ul.catalog-detail-recommendation-list form {
  background: url(../images/bg-ref-form.gif) left bottom no-repeat;
  height: 31px;
}
ul.catalog-detail-recommendation-list li fieldset {
  border: 0;
  padding: 5px 5px 5px 7px;
}
* html ul.catalog-detail-recommendation-list li fieldset {
  padding: 5px 0 5px 7px;
}
ul.catalog-detail-recommendation-list li label {
  display: none;
}
ul.catalog-detail-recommendation-list select {
  float: left;
  font-size: 100%;
  height: 18px;
  margin-right: 4px;
  width: 65px;
}
* html ul.catalog-detail-recommendation-list select {
  margin: 1px 0 0 -2px;
  height: 20px;
  width: 63px;
}
*:first-child+html ul.catalog-detail-recommendation-list select {
  margin: 1px -4px 0 -4px;
  height: 20px;
  width: 63px;
}

/* ====== JEN PRO KATALOG ====== */
.category #container {
  background: url(../images/bg-katalog-side.gif) left top repeat-y;
}
.category #in-container {
  background: url(../images/bg-katalog-side-bottom.gif) left bottom no-repeat;
  padding-bottom: 2px;
}

/* baner s rybovou */
#promo-katalog img {
	margin-bottom: 10px;
}

/* pruh s drobeckovou navigaci */
#drobeckovaNavigace {
	color: #333;
	width: 774px;
	margin: 7px 0 0 0;
	line-height: 200%;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #f3f3f3
}
#drobeckovaNavigace span {
	font-size: 60%
}
#drobeckovaNavigace a {
	color: #e00117;
}
/* select s poctem artiklu na strance */
.pocetArtiklu {
  float: left;
	margin: 15px 10px;
	_margin: 15px 5px;
	width: 300px;
}
*:first-child+html .pocetArtiklu {
	margin: 15px 5px 5px 5px
}
.pocetArtiklu label {
  float: left;
  margin: 3px 5px 0 0;
}
.pocetArtiklu select {
  float: left;
  width: 60px;
}
/* strankovani */
.catalog-category-pager, .pager, .search_pager {
	float: right;
	margin: 15px 0 0 0;
	position: relative;
}
#catalog-category-pager .catalog-category-pager {
	margin: 15px 15px 0 0;
}
.catalog-category-pager a, .pager a, .search_pager a {
	color: #333 !important;
	text-decoration: none;
	line-height: 200%;
	padding: 3px 8px 3px 8px;
	background: url(../images/strana.gif) center no-repeat;
	text-decoration: none;
}
.catalog-category-pager a:hover, .catalog-category-pager a:active, .pager a:hover, .pager a:active, .search_pager a:hover {
	background: url(../images/strana-active.gif) center no-repeat
}
.catalog-category-pager .active, .pager .active, .search_pager .active {
	background: url(../images/strana-active.gif) center no-repeat
}
.catalog-category-pager .posl, .catalog-category-pager .posl:hover  {
	padding: 3px 16px;
	background: url(../images/strana-posl.gif) center no-repeat
}

/* vypis kategorii */
.catalog-category-generated-list-item {
  clear: both;
  margin: 0 -16px 0 0;
  position: relative;
  width: 782px;
}
.catalog-category-generated-list-item h2 {
  background: url(../images/odrazka2.gif) left center no-repeat;
  font-size: 150%;
  margin: 0 0 15px 2px;
  padding: 0 0 0 20px;
  position: relative;
}
.catalog-category-generated-list-item h2 a {
  border-bottom: 1px #e00117 solid;
  color: #e00117;
  text-decoration: none;
}
.catalog-category-generated-list-item h2 a:hover {
  border: 0;
}
.catalog-category-generated-list-item h2 a span {
  color: #e00117;
  font-size: 60%;
  font-weight: normal;
}
.catalog-category-generated-list-item p.show-all {
  background: url(../images/button4-left.gif) left top no-repeat;
  color: #666;
  float: right;
  height: 30px;
  line-height: 24px;
  font-weight: bold;
  margin: -34px 8px 0 0;
  position: relative;
}
* html .catalog-category-generated-list-item p.show-all {
  margin: -34px 4px 0 0;
}
.catalog-category-generated-list-item p.show-all a {
  background: url(../images/button4-right.gif) right top no-repeat;
  display: block;
  padding: 0 26px 0 9px;
  text-decoration: none;
}
.catalog-category-generated-list-item .cara {
  clear: both;
  margin: 0 8px 10px 0;
  width: 774px;
}
* html .catalog-category-generated-list-item .cara {
  margin: 0 8px 0 0;
}

.catalog-category-generated-list {
  margin: 0 -15px 0 0;
  padding-top: 8px;
  position: relative;
  width: 788px;
}
.catalog-category-list {
  margin: 0 -15px 0 0;
  position: relative;
  width: 788px;
}
.catalog-category-list .cena-puvodni {
  display: none;
}

/* trupik */
#trupik {float:left;background:#fff url(../images/trupik-1-transparent.png) center no-repeat; margin: 0 8px 0 0;}

/* vypis katalogu s botama .bota=neaktivni, .botaActive=aktivni */
.bota *,.botaActive *,.bota15 *,.botaActive * {z-index: 1;}
.inbota {float:left;width:148px;height:171px;margin:0 8px 12px 0;position: relative;}
.bota15,.botaActive15 {margin:0 8px 10px 0px}
.bota,.bota15 {text-align:center}
.botaActive a,.botaActive15 a {background: url(../images/bota-stred.gif) top repeat-y;}
.botaActive .inbota div,.botaActive15 .inbota div,.bota .inbota div,.bota15 .inbota div {vertical-align: middle; height:146px; margin:0 0 0 1px;text-align:center;z-index: -1;}
* html .botaActive .inbota div, * html .botaActive15 .inbota div, * html .bota .inbota div, * html .bota15 .inbota div {height:144px;overflow:hidden;}
.botaActive .inbota div,.botaActive15 .inbota div {background: url(../images/bota-horni.gif) top no-repeat; }
.botaActive .inbota div a, .bota .inbota div a {
  display: block;
  height: 100%;
  margin: 0 0 0 -1px;
  overflow: hidden;
  position: relative;
  top: 1px;
  width: 148px;
}
.botaActive .obl,.botaActive15 .obl {z-index: 9;width: 148px;position:absolute;margin:0 0 -20px -1px;padding:15px 0 10px 0 !important; font-size:100% !important;text-align:left; left: 1px; background: url(../images/bota-horni.gif) left top no-repeat;}
.botaActive .obl a,.botaActive15 .obl a {color:#4281b6;padding:3px 0 3px 35px;background: #fff url(../images/hvezda.gif) 12px 3px no-repeat; width:110px !important;margin: -15px 0 0 2px !important;}
.botaActive .vel,.botaActive15 .vel {background:#fff; position:absolute;width:136px;text-align:left;line-height:150%;padding:0 0 0 10px !important; font-size: 80% !important; left: 1px; bottom: 28px;}
.botaActive span,.botaActive15 span {word-spacing:5pt}
.botaActive .cena,.bota .cena,.botaActive15 .cena,.bota15 .cena {padding: 0 !important; font-size: 100% !important;width:148px;line-height: 27px;height:27px;text-indent: 20px; background:#d9e6f1 url(../images/bota-bottom.gif) bottom no-repeat;position:relative;}
.botaActive .cena em,.bota .cena em,.botaActive15 .cena em,.bota15 .cena em {text-decoration: line-through; font-style: normal; margin: 0 5px 0 0; font-size: 80%;}
.botaActive .cena a,.bota .cena a,.botaActive15 .cena a,.bota15 .cena a {color:#000;text-decoration:none;background:transparent;}
.bota .cena,.bota15 .cena {text-align:left;margin:-0px 0 0 0;background:#fff url(../images/bota-bottom-1.gif) bottom no-repeat}
.bota img,.botaActive img, .botaActive15 img,.bota15 img {position: absolute; top: -8px; left: 15px; z-index: 0; }
.withOld {
  background: transparent !important;
  color: #e00117 !important;
  font-size: 100%;
  font-weight: bold;
}
.bota .vel, .bota .obl {
  display: none;
}
.inbota img.ico {
  left: 104px;
  position: absolute;
  top: 20px !important;
  z-index: 10;
}
.botaActive img.ico {
  top: 0;
}
/*
.obl img {
  margin: 36px 0 0 101px;
  position: absolute;
  z-index: 1;
}
*/

/* oddelovaci cara */
.cara {height:1px;border-top:1px solid #f3f3f3}

/* JEN STATICKY */
.pages #container {
  background: url(../images/bg-katalog-side.gif) left top repeat-y;
}
.pages #in-container {
  background: url(../images/bg-katalog-side-bottom.gif) left bottom no-repeat;
  padding-bottom: 2px;
}

.pages .nowrap {
  white-space: nowrap;
}

#static {
  color: #333;
}
#static-banner img {
  margin-bottom: 6px;
}
#static {
  font-size: 110%;
  line-height: 155%;
}
#static p {
  padding: 20px 40px 0 40px;
}
#static .mnG p {
  clear: both;
}
#static cite {
  padding: 0 39px;
}
#static ul, #static dl {
  padding: 11px 41px 4px 41px;
}
#static .infoBox ul, #static .infoBox dl {
  padding: 0 !important;
}
#static ol {
  padding: 11px 0 4px 60px;
}
#static dl dt {
  font-size: 120%;
  font-weight: bold;
  list-style: none;
  padding: 15px 0 3px 0;
}
#static ul li, #static dl dd {
  background: url(../images/odrazka6.gif) 0 10px no-repeat;
  list-style: none;
  padding: 3px 0 3px 20px;
}
#static ul li p , #static dl dd p {
  padding: 0 20px 0 0;
}
#static li img {
  border: 0;
  float: none;
  margin: 0;
  padding: 0;
}
#static h2 {
  color: #423729;
  font-size: 150%;
  padding: 20px 0 0 23px;
}
#static h3 {
  clear: both;
  color: #786c59;
  font-size: 140%;
  padding: 20px 25px 0 25px;
}
#static h4 {
  color: #786c59;
  font-size: 130%;
  padding: 20px 0 0 25px;
}
#static h5 {
  color: #786c59;
  font-size: 120%;
  padding: 20px 0 0 25px;
}
#static img {
  border: 1px #f3f3f3 solid;
  margin: 0 10px 10px 0;
  padding: 10px;
}
img.left {
  float: left;
  margin: 0 10px 10px 0;
}
img.right {
  float: right;
  margin: 0 0 10px 10px;
}
#static hr {
  background: #FFF;
  border: 0;
  clear: both;
  color: #FFF;
  display: block;
  height: 1px;
  line-height: 0;
  width: 100px;
}
* html #static hr {
  margin: -6px 0 -7px;
}
#static input {
  border-top: 1px #A7A7A7 solid;
  border-right: 1px #DFDFDF solid;
  border-bottom: 1px #CFCFCF solid;
  border-left: 1px #969696 solid;
  float: left;
  height: 17px;
  padding: 1px 0 0 2px;
  margin: 1px 9px 0 0;
  width: 151px;
}
#static p input {
  border: 0;
  width: auto;
}

#static table {
  border-collapse: collapse;
  margin: 25px 0 0 30px;
  width: 710px;
}
#static th {
  background: #e3e3e3 url(../images/bg-step-menu-th-left.gif) -5px 0 no-repeat;
  border-right: 1px #FFF solid;
  color: #575757;
  line-height: 34px;
  min-height: 34px;
  padding: 0 10px;
  text-align: left;
  vertical-align: top;
}
* html #static th {
  height: 34px;
}
#static th.first {
  background: #e3e3e3 url(../images/bg-step-menu-th-left.gif) 0 0 no-repeat;
}
#static th.last {
  background: #e3e3e3 url(../images/bg-step-menu-th-left.gif) right top no-repeat;
}
#static td {
  border-bottom: 3px #d9d9d9 solid;
  border-right: 1px #f4f4f4 solid;
  font-weight: bold;
  padding: 13px 10px;
}
#static td img, #static th img {
  border: 0;
}
#static .center {
  text-align: center;
}
#static td.last {
  border-bottom: 3px #d9d9d9 solid;
  border-right: 0;
}
#static .staticStyle2 table {
  margin-bottom: 30px;
  width: auto;
}
#static .staticStyle2 td {
  border: 1px #f4f4f4 solid;
}
/*
#static .facelift table th, #static .facelift table td {
  background: transparent;
  border: 0;
  border-bottom: 1px #f4f4f4 solid;
  padding: 7px 6px;
}
#static .facelift table input, #static .facelift table select {
  margin: 0 9px 0 0;
}
#static .facelift table td label {
  clear: both;
  float: left;
  margin: 5px 10px 5px 0;
}
#static .facelift table td input {
  float: left;
  margin: 5px 10px 5px 0;
}
#static .facelift div.buttons {
  padding: 0 30px 30px 30px;
}
#static .facelift div.buttons a, #static .facelift div.buttons button {
  clear: none;
  margin: 0 10px 0 0;
}
*/

#static .facelift th {
  background: transparent;
  border-bottom: 3px #d9d9d9 solid;
  border-right: 1px #f4f4f4 solid;
  font-weight: bold;
  padding: 13px 10px;
}

#static blockquote, #static .infoBox, #step-basket .infoBox {
  background: #EEF4FA;
  border: 1px #D9E6F1 solid;
  clear: both;
  color: #333;
  font-size: 120%;
  font-weight: bold;
  margin: 30px 35px 0 25px;
  padding: 15px;
}
#step-basket .infoBox {
  margin: 6px 14px 10px;
}
#step-basket .infoBox h3 {
  font-size: 1em;
}
#static .staticStyle2 .infoBox {
  margin: 30px 0 0 0 !important;
}
* html #static .staticStyle2 .infoBox {
  height: 1px;
}
#static .staticStyle2 .infoBox {
  font-size: 100%;
  font-weight: normal;
}
#static blockquote * {
  margin: 0 !important;
  padding: 0 !important;
}
#static a {
  color: #e00117;
  font-weight: normal;
}

#static .flashnews {
  padding: 20px 40px 0 40px;
}

#static #bataClubLogin {
  background: #EEF4FA;
  border: 1px #D9E6F1 solid;
  float: right;
  font-size: 105%;
  margin: 17px 0 15px 70px;
  padding: 11px 0 15px;
  width: 197px;
  z-index: 99;
  position: relative
}
#static #bataClubLogin br {
  display: none;
}
#static #bataClubLogin p {
  padding: 0;
}
#static #bataClubLogin fieldset {
  border: 0;
  padding: 0 17px;
}
#static #bataClubLogin legend {
  font-weight: bold;
}
* html #static #bataClubLogin legend {
  margin-left: -7px;
}
#static #bataClubLogin label, #static #bataClubLogin input {
  display: block;
  float: none;
}
#static #bataClubLogin label {
  padding: 11px 0 2px;
}
#static #bataClubLogin input {
  height: 21px;
  padding: 4px 0 0 4px;
  width: 156px;
}
#static #bataClubLogin input[type=hidden] {
  display: none;
}
#static #bataClubLogin .inline input {
  border: 0 !important;
  float: left !important;
  height: auto !important;
  margin: 4px 5px 0 0 !important;

  width: auto !important;
}
#static #bataClubLogin button {
  font-size: 85%;
  margin-top: 16px;
}
#static #bataClubLogin p {
  font-size: 85%;
  padding-top: 13px;
}
#static #bataClubLogin p a {
  color: #528cbc;
}

.staticStyle2 {
  width: auto;
}
.staticStyle2 h3 {
  clear: none !important;
  color: #333 !important;
  font-size: 120% !important;
  padding: 20px 0 0 !important;
}
.staticStyle2 p {
  font-size: 105%;
  line-height: 130%;
  padding: 0 0 20px 0 !important;
}
.staticStyle2 .noP {
  padding: 0 !important;
}
.staticStyle2 a {
  color: #528cbc !important;
  font-weight: bold !important;
}
.staticStyle2 .button {
  color: #333 !important;
  font-size: 85% !important;
}
.staticStyle2 ul, .staticStyle2 dl {
  font-size: 90% !important;
  padding: 20px 0 5px 2px !important;
}
.staticStyle2 ul li {
  background: url(../images/li.gif) no-repeat left center !important;
  padding: 4px 0 4px 20px !important;
  position: relative;
}
.staticStyle2 hr {
  background: #dbdbdb !important;
  width: 100% !important;
}
* html .staticStyle2 hr {
  border: 1px #dbdbdb solid !important;
}


/* JAK NAKUPOVAT */
#static .jaknakupovat h2 {
  padding: 0 0 0 23px;
}

/* STATICKA STRANKA - z ceho se sklada bota*/
#shoeParts {
  margin: 30px 0 0 0;
}
#shoeParts ul {
	float: left;
	width: 180px;
	display: block;
	margin: 10px 0 0 15px;
	font-size: 90%;
}
#shoeParts .partDetail {
	float: right;
	margin: 0 25px 0 0;
	padding: 15px 0 0 0;
	position: relative;
	z-index: 3;
	width: 400px;
}
#shoeParts h4 {
	font-size: 120%;
	margin: 8px 0 5px 0;
}
* html #shoeParts h4 {
	margin: 8px 0 5px 20px;
}
#shoeParts p {
	font-size: 100%;
	margin: 5px 0 0 23px;
	width: 350px;
	padding: 0;
}
* html #shoeParts p {
	margin: 5px 0 0 43px
}
#shoeParts .partDetail img {
	display: block;
	position: relative;
	top: 0;
}
#shoeParts li a, #shoeParts li a {
	color: #E00117;
}
#shoeParts li a:active {
	color: red;
}
#shoeParts .hide {
	display: none;
}
#shoeParts .show {
	display: block;
}

/* formular neznam svuj pin */
.neznam-pin {
  margin: 0 0 30px 100px;
}
.neznam-pin label {
  float: left;
}
.neznam-pin input {
  height: 18px !important;
}
* html .neznam-pin input {
  height: 20px !important;
}
.neznam-pin p {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
.neznam-pin p input {
  height: 20px !important;
  margin: -1px 0 0 0 !important;
  width: auto !important;
}
* html .neznam-pin p input {
  margin: 0 !important;
}

/* PRO OBSAH S PRAVYM SLOUPCEM */
.basket #container {
  background: url(../images/bg-rside-bottom.gif) left bottom no-repeat;
  padding-bottom: 1px;
}
.basket #in-container {
  background: url(../images/bg-rside.gif) left top repeat-y;
  padding-bottom: 2px;
  width: 100%;
}

/* INFO HLASKY */
.info {
  margin: 0;
  position: relative;
  width: 710px;
}
.info h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  font-size: 130%;
  margin-bottom: 3px;
  position: relative;
  z-index: 999;
}
.info h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#step-basket .info {
  clear: both;
  padding: 14px;
}
* html #step-basket .info {
  padding: 0 14px 14px 14px;
}

/* JEN VYPIS OBSAHU KOSIKU (KROKOVY MENU) */
#step-basket {
  border: 1px #DBDBDB solid;
  border-bottom: 0;
  float: left;
  margin: 0 0 0 -176px;
  position: relative;
  width: 738px;
}
#in-step-basket {
  background: #fff;
  border-top: 1px #DBDBDB solid;
  margin: -2px 0;
  position: relative;
}
* html #in-step-basket {
  width: 738px;
}
#step-basket p.bata-home {
  padding: 15px 12px 0 12px;
}
#step-basket p.bata-home img {
  float: left;
}
#step-basket p.bata-home a {
  position: relative;
  margin: 0 5px 0 0;
  float: right;
}
p.step-menu {
  clear: both;
  margin: 0 0 12px 14px;
  padding: 12px 0 0 0 !important;
}
* html p.step-menu {
  padding: 6px 0 0 0 !important;
}
p.step-menu em, p.step-menu strong, p.step-menu a {
  background: #FFF url(../images/bg-step-menu.gif) left top no-repeat;
  display: block;
  float: left;
  font-size: 120%;
  font-style: normal;
  height: 31px;
  line-height: 31px;
  margin-right: 3px;
  padding: 0 11px;
  position: relative;
  text-decoration: none;
  width: 153px;
}
p.step-menu em.step1, p.step-menu strong.step1, p.step-menu a.step1 {
  background: #FFF url(../images/bg-step-menu-1.gif) left top no-repeat;
  width: 127px;
}
p.step-menu em.step2, p.step-menu strong.step2, p.step-menu a.step2 {
  background: #FFF url(../images/bg-step-menu-2.gif) left top no-repeat;
  width: 179px;
}
p.step-menu strong {
  background-color: #5B5B5B !important;
  background-position: left bottom !important;
  color: #FFF;
  font-weight: normal;
}
p.step-menu em span, p.step-menu strong span, p.step-menu a span {
  font-weight: bold;
}

#step-basket ul li {
  list-style: none;
  position: relative;
}
#step-basket ul li a {
  background: url(../images/odrazka5.gif) left center no-repeat;
  color: #E00117;
  font-weight: bold;
  padding: 0 10px;
}

#step-basket textarea {
  border-top: 1px #000 solid;
  border-right: 1px #3D3D3D solid;
  border-bottom: 1px #868686 solid;
  border-left: 1px #000 solid;
  height: 100px;
  margin: 0 0 10px 0;
  width: 235px;
}


#step-basket select {
  margin: 0 0 10px 0;
  width: 60px;
}
/*
#step-basket table p input {
  clear: both;
  margin: 5px 0 0 0;
  width: auto !important;
}
*/

/* sedy box se ruzkama */
.grey {
  background: #F3F3F3;
  margin: 0 1px;
  padding: 1px 0;
}
.ingrey {
  background: #F3F3F3;
  margin: 0 -1px;
  padding: 10px;

}

#step-basket table {
  clear: both;
  margin: 12px 12px 0 12px;
  text-align: left;
  width: 714px; 
}
#step-basket table th {
  background: #E1E1E1 url(../images/bg-step-menu-th-left.gif) left top no-repeat;
}
#step-basket table th strong {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#step-basket table td p {
  padding: 0 0 10px 0;
}
#step-basket td .ingrey {
  min-height: 175px;
}
* html #step-basket td .ingrey {
  height: 175px;
}

#step-basket table#udaje {
  margin: 0 0 10px 0;
  width: 330px;
}
#step-basket table#udaje a {
  color: #E00117;
}
#step-basket table#udaje th, #step-basket table#udaje th {
  background: transparent;
  padding: 3px 0;
}

#step-basket table#souhrn {
  border: 1px #616161 solid;
  border-collapse: collapse;
  margin: 0 0 10px 0;
  width: 353px;
}
#step-basket table#souhrn a {
  color: #E00117;
}
#step-basket table#souhrn th, #step-basket table#souhrn td {
  background: transparent;
  font-weight: normal;
  padding: 8px 10px;
}
#step-basket table#souhrn .summaryPrice {
  background: #E4ECF3;
}
* html #step-basket table#souhrn .summaryPrice {
  position: relative; 
}
#step-basket table#souhrn .summaryPrice strong {
  color: #4779A7;
  font-size: 130%;
}

#step-basket a.button {
  margin: -5px 0 0 0;
}
#step-menu-info {
  border-top: 1px #DBDBDB solid;
  padding-top: 15px;
  margin: 10px 12px;
}
#step-basket .price {
  display: inline;
  float: right;
  margin: -5px 0 10px 0;
  position: relative;
  width: 268px;
}
#step-basket .price p {
  clear: both;
  padding: 0;
  margin: 0;
}
#step-basket .inprice {
  background: #E4ECF3 url(../images/bg-step-menu-price.gif) left top no-repeat;
  margin-bottom: 10px;
}
#step-basket .inprice div {
  background: url(../images/bg-step-menu-price-bototm.gif) left bottom no-repeat;
  padding: 13px;
  position: relative;
}
#step-basket .inprice div p {
  font-weight: bold;
  padding-right: 80px;
}
#step-basket .inprice div p strong {
  color: #4779A7;
  font-size: 140%;
  position: absolute;
  right: 12px;
  top: 10px;
}
#step-basket .inprice div em {
  font-style: normal;
}
#step-basket .step-menu-bottom {
  border-top: 1px #DBDBDB solid;
  clear: both;
  margin: 0 12px;
  padding: 10px 0 10px 0;
  position: relative;
}
#step-basket .step-menu-bottom a {
  background: url(../images/odrazka1-left.gif) left center no-repeat;
  color: #E00117;
  padding: 0 0 0 10px;
}

#step-basket .grey .submit {
  margin-left: 10px;
}
* html #step-basket .grey .submit {
  margin-left: 8px;
}
* html #step-basket .submit button {
  margin: 0 0 0 -50px;
}
* html #step4 .submit button {
  margin: 0 0 0 -23px; 
}

#step-basket .tip {
  clear: both;
  padding: 0 0 15px 0;
}
#step-basket .grey .tip {
  margin-left: 10px;
}
#step-basket .tip strong {
  height: 23px;
  float: left;
  margin: 2px 5px 0 0;
  position: relative;
  text-indent: 1px;
  width: 26px;
}
#step-basket .tip strong span {
  height: 23px;
  background: url(../images/nadpis-tip.gif) left top no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
}

/* 2 krok */
#step-basket #step2 {
  float: left;
  width: 100%;
}
#step-basket #step2 h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  clear: both;
  font-size: 130%;
  margin: 14px 14px 3px 14px;
  position: relative;
}
* html #step-basket #step2 h3 {
  height: 1px;
}
#step-basket #step2 h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#step-basket #step2 h3 img {
  position: absolute;
  right: 1px;
  top: 1px;
}
* html #step-basket #step2 h3 img {
  right: 15px;
}
#step-basket .step21 ol {
  color: #fff;
  float: left;
  font-size: 120%;
  font-weight: bold;
  padding: 15px 0 15px 30px;
  width: 290px;
}
#step-basket .step21 ol li {
  background: url(../images/step2-li.gif) no-repeat left top;
  list-style-position: inside;
  margin-bottom: 20px;
  padding: 7px 0 10px 12px;
  position: relative;
}
#step-basket .step21 ol li strong {
  color: #000;
  margin-left: 10px;
  white-space: nowrap;
}
#step-basket .step21 ol li span {
  color: #000;
  font-size: 85%;
  font-weight: normal;
  margin-top: 25px;
  left: 42px;
  position: absolute;
}
* html #step-basket .step21 ol li span {
  left: 10px;
}

#step-basket #step2 fieldset {
  border: 0;
}
#step-basket #step2 form br {
  display: none;
}

#step-basket .step21 .grey {
  display: inline;
  float: right;
  margin: 3px 15px 3px 0;
  width: 375px;
}
#step-basket .step21 .ingrey {
  height: 135px;
}
#step-basket .step21 .grey {
  display: inline;
  float: right;
  margin: 3px 15px 3px 0;
  width: 375px;
}
#step-basket .step21 fieldset {
  padding: 23px 12px;
}
#step-basket .step21 input {
  float: none;
  font-size: 200%;
  height: 30px;
  padding-top: 3px;
  width: 325px;
}
#step-basket .step21 button {
  display: inline;
  float: left;
  margin: 15px 6px 0 0;
}
* html #step-basket .step21 button {
  width: 126px;
}
#step-basket .step21 button span {
  float: right;
}
#step-basket .step21 .grey p {
  clear: both;
  float: left;
  padding: 12px 0 0 12px;
}
#step-basket .step21 .grey p a {
  color: #e00117;
  float: left;
  font-weight: bold;
  margin: -22px 0 22px;
}
#step-basket .step21 .grey p a.back {
  float: right;
  font-weight: normal;
  margin: 0 10px 0 0;
}
#step-basket .step21 fieldset p.skip {
  clear: none !important;
  padding: 18px 13px 0 0 !important;
  width: 185px;
}
#step-basket .step21 fieldset p.skip a {
  float: none !important;
  margin: 0 !important;
}
#step-basket .step21 p.formInfo {
  float: none;
  font-size: 1em;
  margin-top: -10px;
  padding: 0;
  position: relative;
}
#step-basket .step21 p.formInfo strong {
  display: block;
  font-size: 1.3em;
  padding: 5px 0 10px;
}


#step-basket .step22 {
  font-size: 110%;
  overflow: hidden;
}

#step-basket .step22 form h4 {
  clear: both;
  margin: 0;
  padding: 20px 0 0 25px;
  text-align: left;
}

#step-basket .step22 label {
  float: left;
  height: 27px;
  line-height: 27px;
  margin: 10px 15px 0;
  text-align: right;
  width: 141px;
}
#step-basket .step22 input, #step-basket .step22 select {
  float: left;
  height: 21px;
  margin: 10px 230px 0 0;
  padding-top: 5px;
  width: 327px;
}
#step-basket .step22 select {
	padding-top: 2px;
	margin-bottom: 0px;
	width: 331px;
	height: 28px;
}
#step-basket .step22 input.street {
  margin-right: 5px;
  width: 195px;
}
#step-basket .step22 input.street2 {
  margin-right: 5px;
  width: 43px;
}
#step-basket .step22 input.street3 {
  margin-right: 100px;
  width: 43px;
}
#step-basket .step22 label input {
  border: 0;
  height: auto;
  margin: 7px 10px 0 0;
  width: auto;
}
#step-basket .step22 label.checkbox {
  margin-left: 170px;
  margin-right: -3px;
  text-align: left;
  width: 560px;
}
* html #step-basket .step22 label.checkbox input {
  margin-top: 2px;
}

#step-basket .step22 button {
  font-size: 100%;
  margin: 30px 0 15px 167px;
  float: none;
  display: inline;
}

#step-basket .step22 h4 {
  font-size: 120%;
  margin: 25px 15px 5px;
  text-align: right;
  width: 141px;
}

#step-basket .step22 .sep {
  float: left;
  height: 25px;
  line-height: 25px;
  margin: 10px 7px 0 4px;
}
#step-basket .step22 .req {
  color: #e00117;
}
#step-basket .step22 form p {
  clear: both;
  padding: 9px 0 0 170px;
}
#step-basket .step22 form p.small {
  font-size: 90%;
  width: 340px;
}
#step-basket .step22 hr {
  background: #dbdbdb !important;
  border: 0;
  clear: both;
  color: #FFF;
  display: block;
  float: left;
  height: 1px;
  line-height: 0;
  margin: 25px 0 15px 15px;
  width: 708px;
}
* html #step-basket .step22 hr {
  border: 1px #dbdbdb solid !important;
}
*:first-child+html #step-basket .step22 hr {
  border: 1px #dbdbdb solid !important;
}

#step-basket .step22 .left {
  margin-left: 25px;
  padding-top: 10px;
  position: absolute;
  width: 147px;
}
#step-basket .step22 .left h4 {
  font-size: 105% !important;
  margin: 0 !important;
  text-align: left !important;
  width: auto !important;
}
#step-basket .step22 .left h4 strong {
  display: block;
  padding-top: 2px;
  font-size: 155%;
}
#step-basket .step22 .left p {
  font-size: 105%;
  line-height: 160%;
  padding-top: 20px;
}
#step-basket .step22 .left p strong {
  font-size: 105%;
}
#step-basket .step22 .grey {
  background: #e4ecf3;
  font-size: 105%;
  margin: 3px 15px 5px;
}
#step-basket .step22 .ingrey {
  background: #e4ecf3;
  min-height: 116px;
  padding: 12px 21px 12px 163px;
}
* html #step-basket .step22 .ingrey {
  height: 116px;
}

#step-basket .step22 .grey h5 {
  font-weight: normal;
  padding-top: 20px;
  font-size: 100%;
}
#step-basket .step22 .grey label, #step-basket .step22 .grey input {
  display: block;
  float: none;
  height: auto;
  line-height: 100%;
  margin: 6px 0 0 0;
  text-align: left;
  width: auto;
}
#step-basket .step22 .grey label {
  padding-bottom: 2px;
}
#step-basket .step22 .grey input {
  height: 20px;
  margin-left: 1px;
  width: 234px;
}
* html #step-basket .step22 .grey input {
  height: 27px;
}
#step-basket .step22 .grey label.checkbox {
  font-size: 115%;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding: 13px 0;
}
#step-basket .step22 .grey label.inline {
	float: left;
  line-height: 25px;
  margin-right: 20px;
}
#step-basket .step22 .grey label.checkbox input {
  float: left;
  height: auto;
  margin: 6px 15px 0 0;
  width: auto;
}
#step-basket .step22 .grey label.inline input {
  float: left;
  height: auto;
  margin: 6px 6px 0 0;
  width: auto;
}
* html #step-basket .step22 .grey label.checkbox input {
  margin-top: 4px;
}
#step-basket .step22 .grey p {
  padding: 0 0 5px 0;
}
#step-basket .step22 .grey p a {
  color: #e00117;
  font-weight: bold;
}

#step-basket .step22 .form_error {
  float: left;
  margin: 17px 0 0 170px;
  width: 555px;
}

#step-basket .step22 #mybatadiv .form_error {
  float: left;
  margin: 3px 0 5px 1px;
  width: 555px;
}

/* 2 krok */
/*
#step-basket .position {
  float: left;
  display: inline;
  margin: 14px 0 0 14px;
  width: 353px;
}
#step-basket .position h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  font-size: 130%;
  margin-bottom: 3px;
}
#step-basket .position h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#step-basket .position h3 em {
  font-size: 100%;
}
#step-basket .position input {
  width: 150px;
}
#step-basket .position label {
  display: block;
  float: left;
  width: 160px;
}
#step-basket .user-detail-form-mobil label {
  width: 310px !important;
}
*/

/* 2 krok - prvni form */
/*
#step-basket .left p input {
  width: 70px;
  margin: -8px 0 0 -5px;
}
#step-basket .left p {
  clear: both;
  padding: 10px 0;
}
#step-basket .left ul {
  margin: 0;
}
*/

/* 2 krok - druhy form */
/*
#step-basket .right {
  float: right;
  margin: 14px 14px 0 3px;
  overflow: hidden;
}
#step-basket .no-top {
  margin: -1px 14px 0 3px;
  overflow: visible !important;
}
#step-basket .top {
  margin: 16px 14px 0 3px;
}
#step-basket .right h4 {
  float: left;
  font-size: 100%;
  margin: 14px 0 8px 0;
  position: relative;
}
#step-basket .right form p {
  clear: both;
  color: #4779A7;
  padding: 0 0 10px 0;
  position: relative;
}
* html #step-basket .right form p {
  margin-left: 3px;
}
#step-basket .right label {
  width: auto;
}
#step-basket .right input {
  float: none;
  margin-bottom: 5px;
  width: 325px
}
#step-basket .right p label {
  float: left;
  padding: 3px 20px 0 0;
  width: auto;
}
#step-basket .right p input {
  float: left;
  margin-right: 5px;
  width: auto !important;
}
#step-basket .right .souhlas {
  clear: both;
  color: #4779A7;
  display: block;
  padding: 5px 0 35px 0;
}
#step-basket .right .souhlas label {
  clear: both;
  float: left;
  padding-right: 5px;
  width: auto;
}
#step-basket .right .souhlas input {
  border: 0;
  float: left;
  width: auto;
}
* html #step-basket .right .souhlas input {
  margin: 0 0 0 -3px;
}

#step-basket .agreement_name_descrip input {
  position: absolute;
}

#step-basket .right .grey {
  margin-bottom: 15px;
}
*/

/* 3 krok */
#step-basket #step3 {
  float: left;
  overflow: hidden;
  width: 100%;
}
#step-basket #step3 h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  clear: both;
  font-size: 130%;
  margin: 14px 14px 13px 14px;
  position: relative;
}
#step-basket #step3 h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#step-basket #step3 h3 img {
  position: absolute;
  right: 1px;
  top: 1px;
}
* html #step-basket #step3 h3 img {
  right: 15px;
}
#step-basket #step3 p {
  padding-left: 30px;
}
#step-basket #step3 .grey {
  margin: 0 14px;
  position: relative;
}
#step-basket #step3 .ingrey {
  padding-bottom: 0;
  position: relative;
  &width:100%;
  &padding: 10px 0px 15px 0px;
  _padding: 10px 0px 5px 0px;  
}
#step-basket #step3 label {
  float: left;
  font-size: 115%;
  margin: 12px 0 13px;
  position: relative;
}
#step-basket #step3 label strong {
  display: block;
  font-size: 115%;
}
#step-basket #step3 label img {
  left: -85px;
  position: absolute;
  top: -3px;
}
#step-basket #step3 label div.icon {
	left: -85px;
	position: absolute;
	top: -3px;
	width:38px;
	height:24px;
	background-image: url(/images/ico-delivery.png);
	background-repeat: no-repeat;
}
#step-basket #step3 input {
  border: 0;
  float: left;
  height: auto;
  margin: 15px 21px 13px 85px;
  width: auto;
}

#step-basket #step3 ul, #step-basket #step3 h4 {
  clear: both;
  display: inline;
  float: left;
  margin: -10px 0 13px 119px;
}
* html #step-basket #step3 ul, * html #step-basket #step3 h4 {
  margin-left: 113px;
}
#step-basket #step3 ul li em {
  font-size: 85%;
}
#step-basket #step3 ul li a {
  background: transparent;
  padding: 0;
}
#step-basket #step3 button {
  float: right;
  margin: 0 13px 15px 0;
}
* html #step-basket #step3 button {
  margin-right: -20px;
}

#step-basket #step3 ul.default {
  display: block;
  float: none;
  margin: 15px 0 15px 30px;
}
#step-basket #step3 ul.default li {
  list-style: disc;
  margin-left: 15px;
}

#step-basket #step3 .platba label {
  margin: 9px 0 13px;
}
#step-basket #step3 .platba label img {
  top: -5px;
}

#step-basket #step3 .sleva label {
  display: block;
  float: none;
  padding-left: 30px;
}
#step-basket #step3 .sleva input {
  border-top: 1px #A7A7A7 solid;
  border-right: 1px #DFDFDF solid;
  border-bottom: 1px #CFCFCF solid;
  border-left: 1px #969696 solid;
  height: 24px;
  margin: 0 0 0 30px;
  position: relative;
  width: 94px;
}
#step-basket #step3 .sleva button {
  clear: none;
  float: left;
  margin: 2px 0 0 5px;
}
#step-basket #step3 .sleva p {
  clear: both;
  font-size: 110%;
}
#step-basket #step3 .sleva p.dostupneSlevy {
  float: right;
  width: 400px;
  position: relative;
  z-index: 2;
}
#step-basket #step3 .sleva .infoText {
	clear: none;
  background: #EEF4FA;
  border: 1px #D9E6F1 solid;
  color: #333;
  float: left;
  font-size: 120%;
  font-weight: bold;
  margin: -4px 0 0 5px;
  padding: 8px;
  width: auto;
}
#step-basket #step3 .sleva p a {
  color: #E00117;
  font-weight: bold;
}
#step-basket #step3 .sleva ul {
  margin: 30px 0 30px 15px;
}
* html #step-basket #step3 .sleva ul {
  width: 100%;
}
#step-basket #step3 .sleva ul li {
  display: inline;
  float: left;
  font-size: 115%;
  margin-left: 10px;
  position: relative;
}
* html #step-basket #step3 .sleva ul li {
  height: 1px;
}
#step-basket #step3 .sleva ul li a {
  background: url(../images/sleva-kupon-blank.jpg) no-repeat left top;
  display: block;
  height: 95px;
  font-size: 150%;
  line-height: 95px;
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  text-indent: 0px;
  width: 150px;
  overflow: hidden;
  color: #FFF;
  text-decoration: none;
  text-shadow: black 0.1em 0.1em 0.2em;
}
#step-basket #step3 .sleva ul li a:hover {
  background: url(../images/sleva-kupon-blank.jpg) no-repeat left bottom;
  text-indent: 0px;
  line-height: 45px;
}

#step-basket #step3 .sleva .infoBox {
  background: #e4ecf3;
  border: 1px #D9E6F1 solid;
  color: #333;
  float: left;
  font-weight: bold;
  margin: 0 15px 15px;
  padding: 14px 18px;
  width: auto;
}
#step-basket #step3 .sleva .infoBox label {
  display: inline;
  font-weight: normal;
  padding: 0;
}
#step-basket #step3 .sleva .infoBox label strong {
  display: inline;
}
#step-basket #step3 .sleva .infoBox input {
  margin: 15px 0;
}
#step-basket #step3 .sleva .infoBox button {
  margin-top: 17px;
}
#step-basket #step3 .sleva .infoBox .dostupneSlevy {
  width: 300px;
}
#step-basket #step3 .sleva .infoBox .infoText {
  background: transparent;
  border: 0;
  clear: none;
}
#step-basket #step3 .sleva .infoBox .infoText img {
  margin-top: 12px;
}

#step-basket #step3 #coupons p {
	padding-top: 5px;
}

/*
#step-basket #step3 ul {
  padding: 0 0 10px 10px;
}
#step-basket #step3 ul li {
  background: url(../images/odrazka4.gif) left center no-repeat;
  padding: 2px 0 2px 10px;
}
#step-basket #step3 ul li img {
  margin: 0 0 -12px 0;
}
#step-basket #step3 ul li a img {
  margin: 0;
}
#step-basket #step3 ul li a {
  background: transparent;
  font-weight: normal;
  padding: 0;
}
#step-basket #step3 p {
  padding: 0 0 8px 10px;
  &padding: 0 0 18px 10px;
}
#step-basket #step3 input {
  border: 0;
  float: left;
  height: auto;
  margin: 10px 0 0 12px;
  &margin: 10px 0 40px 12px;
  _&margin: 10px 0 0 12px;
  position: relative;
  width: auto;
  z-index: 5;
}
#step-basket #step3 label {
  border: 1px #578FC3 solid;
  float: left;
  margin: 0 0 7px -24px;
  padding: 10px 5px 10px 30px;
  position: relative;
}
#step-basket #step3 label a {
  color: #FF0000;
  display: block;
  position: absolute;
  right: -135px;
  top: 8px;
}
#step-basket #step3 label img {
  position: absolute;
  left: 105%;
  top: 5px;
}
#step-basket #step3 label img.credit-card {
  right: -160px;
}
#step-basket #step3 div.cards label {
  margin: 10px 0 10px -30px;
  padding: 10px 5px 10px 30px;
}
#step-basket #step3 div.cards input {
  margin: 20px 5px 0 15px;
}
#step-basket #step3 h4 {  
  color: #578FC3;
  font-size: 110%;
  margin-left:0px;
  &margin-left:10px;
}
#step-basket #step3 h4.top {  
  margin-top: 7px;
}
#step-basket #step3 h4 span {
  color: #333;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 0 5px;
}
#step-basket #step3 h4 span a {
  color: #E00117;
}
#step-basket #step3 span.popisek {
  position: absolute;
  margin: 0 0 0 55px;
  width: 350px;
}
#step-basket #step3 span.nadpis {
  padding: 15px 0 0 0;
}
#step-basket #step3 .button3 {
  margin: 14px !important;
}
* html #step-basket #step3 .button3 {
  margin: 14px 7px !important;
}
#step-basket #step3 .submit {
  margin: 0 0 -20px -13px;
  &margin: 0 0 -20px -61px;
  _margin: 0 0 -20px -53px;  
}
#step-basket #step3 .tip {
  margin: 0 0 5px 2px;
  padding: 15px 0 0 0px;
}
#step-basket #step3 .tip strong {
  margin: -5px 5px 14px 11px;
}
#step-basket .alert {
  background: url(../images/ico-alert.gif) left center no-repeat;
  clear: both;
  display: block;
  padding: 5px 0 5px 34px !important;
}
*/

/* 4 krok */
#step-basket #step4 .position {
  float: left;
  display: inline;
  margin: 14px 0 0 14px;
  width: 353px;
}
#step-basket #step4 .position h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  font-size: 130%;
  margin-bottom: 3px;
}
#step-basket #step4 .position h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#step-basket #step4 .position h3 em {
  font-size: 100%;
}
#step-basket #step4 .position input {
  width: 150px;
}
#step-basket #step4 .position label {
  display: block;
  float: left;
  width: 160px;
}
#step-basket #step4 .user-detail-form-mobil label {
  width: 310px !important;
}

/* 4 krok - prvni form */
#step-basket #step4 .left p input {
  width: 70px;
  margin: -8px 0 0 -5px;
}
#step-basket #step4 .left p {
  clear: both;
  padding: 10px 0;
}
#step-basket #step4 .left ul {
  margin: 0;
}

/* 4 krok - druhy form */
#step-basket #step4 .right {
  float: right;
  margin: 14px 14px 0 3px;
  overflow: hidden;
}
#step-basket #step4 .no-top {
  margin: 3px 14px 0 3px;
  overflow: visible !important;
}
#step-basket #step4 .top {
  margin: 16px 14px 0 3px;
  overflow: visible !important;
}
#step-basket #step4 .right h4 {
  float: left;
  font-size: 100%;
  margin: 14px 0 8px 0;
  position: relative;
}
#step-basket #step4 .right form p {
  clear: both;
  color: #4779A7;
  padding: 0 0 10px 0;
  position: relative;
}
* html #step-basket #step4 .right form p {
  margin-left: 3px;
}
#step-basket #step4 .right label {
  width: auto;
}
#step-basket #step4 .right input {
  float: none;
  margin-bottom: 5px;
  width: 325px
}
#step-basket #step4 .right p label {
  float: left;
  padding: 3px 20px 0 0;
  width: auto;
}
#step-basket #step4 .right p input {
  float: left;
  margin-right: 5px;
  width: auto !important;
}
#step-basket #step4 .right .souhlas {
  clear: both;
  color: #4779A7;
  display: block;
  padding: 5px 0 35px 0;
}
#step-basket #step4 .right .souhlas label {
  clear: both;
  float: left;
  padding-right: 5px;
  width: auto;
}
#step-basket #step4 .right .souhlas input {
  border: 0;
  float: left;
  width: auto;
}
* html #step-basket #step4 .right .souhlas input {
  margin: 0 0 0 -3px;
}

#step-basket #step4 .agreement_name_descrip input {
  position: absolute;
}

/* final krok */
#final-step {
  float: left;
  width: 100%;
}
#final-step h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  clear: both;
  font-size: 130%;
  margin: 14px 14px 3px 14px;
  position: relative;
}
#final-step h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#final-step p {
  font-size: 120%;
  margin: 7px 0;
}
#final-step ul li {
  background: url(../images/odrazka4.gif) left center no-repeat;
  padding: 2px 0 2px 10px;
}
#final-step .grey {
  margin: 2px 14px 20px 14px;
}
#final-step .ingrey {
  padding: 1px 14px;
}

/* JEN OBLIBENE */
.favorites #container {
  background: url(../images/bg-rside-bottom.gif) left bottom no-repeat;
  padding-bottom: 1px;
}
.favorites #in-container {
  background: url(../images/bg-rside.gif) left top repeat-y;
  padding-bottom: 2px;
  width: 100%;
}
#favorites {
  border: 1px #DBDBDB solid;
  border-bottom: 0;
  float: left;
  margin: 1px 0 0 -176px;
  position: relative;
  width: 738px;
}
#infavorites {
  background: #fff;
  border-top: 1px #DBDBDB solid;
  margin: -3px 0;
  padding: 15px 14px 0 14px;
  position: relative;
}
#favorites .bota img, #favorites .botaActive img {
  top: -15px;
}
.favorites .inbota {
  margin: 0 14px 14px 14px 14px;
}
* html .favorites .inbota {
  margin: 0 11px 11px 14px;
}

#favorites .zprava {
  clear: both;
  padding-top: 10px;
}

#favorites form fieldset {
  border: 0;
  float: left;
  margin: 10px 0 20px 0;
  position: relative;
  width: 355px;
}
#favorites form fieldset label {
  clear: both;
  display: block;
  float: left;
  margin-top: 5px;
  width: auto;
}
#favorites form fieldset input {
  border-top: 1px #000 solid;
  border-right: 1px #3D3D3D solid;
  border-bottom: 1px #868686 solid;
  border-left: 1px #000 solid;
  clear: both;
  display: block;
  margin: 5px 0;
  width: 340px;
}
#favorites form fieldset textarea {
  border-top: 1px #000 solid;
  border-right: 1px #3D3D3D solid;
  border-bottom: 1px #868686 solid;
  border-left: 1px #000 solid;
  clear: both;
  display: block;
  height: 117px;
  margin: 23px 0 0 0;
  width: 350px;
}
* html #favorites form fieldset textarea {
  height: 115px;
  margin: 4px 0 0 0;
}
/*
#favorites form p input {
  border: 0;
  float: right;
  height: 20px;
  margin: 0 3px 0 0;
  width: 70px;
}
*/
#favorites form button {
  float: right;
}
#favorites .favorites {
  margin: 17px 0 0 0;
}

#edit-favorites {
  border-top: 1px #DBDBDB solid;
  border-bottom: 1px #DBDBDB solid;
  clear: both;
  margin: 14px 0;
  padding: 10px 0;
}
* html #edit-favorites {
  width: 100%; 
}
#edit-favorites p {
  margin: 0 14px 0 0;
}

/* JEN STORELOCATOR */
.store #container {
  background: url(../images/bg-katalog-side.gif) left top repeat-y;
}
.store #in-container {
  background: url(../images/bg-katalog-side-bottom.gif) left bottom no-repeat;
  padding-bottom: 2px;
}
#storelocator p {
  clear: both;
  font-size: 120%;
  font-weight: bold;
}
#storelocator p.rychle-odkazy {
  clear: both;
  padding: 10px 0;
}
#storelocator p a {
  border-left: 1px #D3D3D3 solid;
  color: #E00117;
  font-weight: normal;
  padding: 0 6px 0 12px;
}
#storelocator p a.first {
  border: 0;
}
#storelocator form {
  float: right;
  margin: 9px 1px;
}
#storelocator form fieldset {
  border: 0;
  float: right;
}
#storelocator form label {
  float: left;
  font-size: 110%;
  font-weight: bold;
  margin-right: 8px;
  padding-top: 2px;
}
* html #storelocator form label {
  margin-right: 10px;
}
#storelocator form input {
  width: 117px;
}
* html #storelocator form input {
  width: 122px;
}
#storelocator p input {
  width: 56px !important;
}
#storelocator form button {
  clear: none;
  float: left;
}
* html #storelocator form button {
  margin: 0 -14px 0 -10px;
}
#storelocator div#mini-store {
  float: left;
  width: 540px;
}
#storelocator div.storelocator {
  float: left;
  width: 564px;
}
#storelocator #store-search {
  float: right;
  width: 200px;
}
#storelocator #store-search h3.store-search {
  border-top: 1px #f3f3f3 solid;
  color: #423729;
  font-size: 110%;
  font-weight: bold;
  padding: 8px 0;
}
#storelocator #store-search p.store-search {
  border-top: 1px #f3f3f3 solid;
  border-bottom: 1px #f3f3f3 solid;
  margin: 5px 0 0 0;
  padding: 7px 0;
  text-align: center;
  width: 200px;
}
#storelocator #store-search p.store-search a {
  border: 0;
  padding: 0;
}
#storelocator #in-store-search {
  height: 415px;
  overflow: auto;
}
#storelocator #in-store-search div {
  background: #FDFDFD url(../images/bg-storelocator-search.gif) left top no-repeat;
  margin: 0 10px 0 0;
  padding: 5px 0;
}
#storelocator #in-store-search h3 {
  background: url(../images/odrazka1-right.gif) 12px 16px no-repeat;
  font-size: 110%;
  padding: 10px 10px 0 26px;
}
#storelocator #in-store-search h3 a {
  color: #E00117;
}
#storelocator #in-store-search p {
  font-weight: normal;
  padding: 5px 0 10px 26px;
}
#store_help {
  margin: 0;
  padding: 15px 0 0 0;
}
#store_help .show-store-help a {
  background: url(../images/odrazka1-bottom.gif) left center no-repeat;
  border: 0;
  padding-left: 15px;
}
#store_help .hide-store-help a {
  background: url(../images/odrazka1-top.gif) left center no-repeat;
  border: 0;
  padding-left: 15px;
}
#store-help-content {
  margin: 27px 0 0 20px;
}
#store-help-content img {
  clear: right;
  float: right;
  margin: 0 0 10px 10px;
}
#store-help-content h3 {
  color: #786c59;
  font-size: 180%;
  margin: 0 0 20px 0;
  width: 440px;
}
#store-help-content h4 {
  font-size: 110%;
  margin: 25px 0 0 0;
  width: 440px;
}
#store-help-content h4 span {
  font-weight: normal;
}
#store-help-content ul {
  width: 440px;
}
#store-help-content ul li {
  background: url(../images/odrazka6.gif) 7px 5px no-repeat;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0 20px;
  position: relative;
}
#store-help-content li img {
  float: none;
  margin: -5px 0;
  position: relative;
}

/* JEN PRODEJNY */
.prodejna {
  border: 1px #ede9e2 solid;
  clear: both;
  margin: 13px 0 0 0;
  position: relative;
  width: 772px;
}
.inprodejna {
  background: #fff;
  border-top: 1px #ede9e2 solid;
  border-bottom: 1px #ede9e2 solid;
  margin: -2px 0;
  padding: 10px;
  position: relative;
}
* html .inprodejna {
  width: 772px;
}
.inprodejna img {
  float: right;
  margin: -33px -1px 0 0;
  position: relative;
}
.inprodejna h2 {
  color: #423729;
  font-size: 140%;
  padding: 7px 11px;
  position: relative;
}
.inprodejna address {
  color: #333;
  float: left;
  font-size: 110%;
  font-style: normal;
  line-height: 180%;
  padding: 3px 80px 3px 30px;
  position: relative;
}
.inprodejna p {
  color: #999;
  float: left;
  font-size: 110%;
  line-height: 180%;
  padding: 3px 30px;
  position: relative;
}

/* AKTUALITY - NOVINKY */
.newsRow {
  margin: 20px 0 0 20px !important;
}
.newsRow strong {
  padding: 0 !important;
  margin: 0 !important;
}
.newsRow p {
  padding: 0 !important;
  margin: 0 !important;
}
.onpager {
  margin: 0 !important;
  padding: 15px 0 0 0 !important;
  text-align: center;
  width: 100%;
}

/* PRODEJNY - KDE TO KOUPIM */
#out-kde-to-koupim {
  background: #FFF url(../images/bg-rside2.gif) 750px 0 repeat-y;
  margin: 0 0 -1px -176px;
  padding: 0 0 1px 0;
  position: relative;
  width: 950px;
}
#in-kde-to-koupim {
  background: url(../images/bg-rside2-bottom.gif) 751px bottom no-repeat;
  margin: 0 0 -2px 0;
}
* html #in-kde-to-koupim {
  margin: 0 0 14px 0;
}
#kde-to-koupim {
  border-bottom: 0;
  float: left;
  margin: 0 0 -11px 0;
  overflow: hidden;
  padding: 0 0 10px 0;
  position: relative;
  width: 750px;
}
#kde-to-koupim .prodejny {
  background: url(../images/bg-prodejny-left.gif) left top no-repeat;
  float: left;
  margin: 10px 10px 0 0;
  position: relative;
  width: 365px;
}
#kde-to-koupim .inprodejny {
  background: url(../images/bg-prodejny-right.gif) right top no-repeat;
  height: 38px;
  padding: 10px 10px 0 10px;
}
* html #kde-to-koupim .inprodejny {
  height: 38px;
}
#kde-to-koupim .inprodejny .more a {
  color: #EE3222;
  position: absolute;
  right: 10px;
  top: 16px;
}

#kde-to-koupim ul.size {
  clear: both;
}
#kde-to-koupim #shoe-info {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 365px;
}
#kde-to-koupim #shoe-info form select {
  float: left;
  height: 18px !important;
  margin: 0;
  width: 150px;
}
#kde-to-koupim #shoe-info form label {
  float: left;
  height: 18px;
  line-height: 18px;
  margin: 0 10px 0 0;
  position: relative;
}
#kde-to-koupim #shoe-info form p {
  clear: none !important;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}
#kde-to-koupim #shoe-info form button {
  clear: none;
  float: left;
  margin: 0 0 0 10px;
}
* html #kde-to-koupim #shoe-info form button {
  margin: 0 0 10px 0;
}
#kde-to-koupim #shoe-info p {
  clear: both;
  padding: 15px 0 0 0;
}
* html #kde-to-koupim #shoe-info p {
  margin: -15px 0 0 0;
}
#kde-to-koupim #shoe-info table {
  float: left;
  margin: 15px 10px 15px 0;
}

#kde-to-koupim #shoe-box-2 {
  background: transparent;
  border-left: 1px #E9E9E9 solid;
  display: inline;
  float: left;
  margin: 0 0 0 4px;
  padding: 0 0 0 145px;
  position: relative;
  width: 215px;
}
#kde-to-koupim #shoe-box-2 p.size {
  float: left;
  clear: none;
  margin: 10px 0 0 10px;
  padding: 0;
  width: 105px;
}
* html #kde-to-koupim #shoe-box-2 p.size {
  width: 110px;
}
#kde-to-koupim #shoe-box-2 p.image img {
  left: 10px;
  position: absolute;
  top: 0;
}
#kde-to-koupim #shoe-box-2 div {
  float: left;
}
#kde-to-koupim #shoe-box-2 button {
  margin: 0 0 10px -3px;
}
* html #kde-to-koupim #shoe-box-2 button {
  margin: 0 0 10px -33px;
}

/* MOJE KONTO */
#edit-personal h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  font-size: 130%;
  padding: 0;
}
#edit-personal h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
#edit-personal .buttons {
  margin: 0 0 0 15px;
}
#edit-personal button {
  clear: none;
  float: left;
  margin: -1px 0 0 10px;
}
#edit-personal label {
  clear: both;
  float: left;
  margin: 3px 0;
}
#edit-personal input {
  float: left;
  margin: 3px 0 3px 10px;
}

/* NEWSLETTER */
.newsletter2 form {
  margin: 0;
  padding: 0;
}
.newsletter2 form fieldset {
  border: 1px #FFF solid;
  padding: 0 10px 10px 10px;
}
.newsletter2 form label {
  display: block;
  float: left;
  margin: 10px 10px 0 0;
  width: auto;
}
.newsletter2 form input {
  display: block;
  float: left;
  margin: 7px 10px 5px 0;
  width: 150px;
}
.newsletter2 form input.cbx {
  border: 0;
  height: auto;
  margin: 10px 10px 0 0;
  _margin: 5px 10px 0 0;
  width: auto;
}
.newsletter2 p {
  padding: 0 0 10px 0 !important;
}
.newsletter2 form p {
  clear: both;
  padding: 10px 0 0 0 !important;
}
.newsletter2 h2 {
  font-size: 150%;
  padding: 0 0 15px 0;
}
.newsletter2 h3 {
  font-size: 120%;
  padding: 5px 0 20px 0;
}
.newsletter2 ul {
	 margin-bottom: 10px;
}
.newsletter2 ul li {
	list-style-type: none;
}
.newsletter2 ul.list-item-visible li {
	background: url(../images/odrazka6.gif) 0px 8px no-repeat;
	list-style: none;
	padding: 2px 0 2px 20px;
}

/* vyhledavani */
.search #container {
  background: url(../images/bg-katalog-side.gif) left top repeat-y;
}
.search #in-container {
  background: url(../images/bg-katalog-side-bottom.gif) left bottom no-repeat;
  padding: 0 2px 10px 0;
}

.search2 #container {
  background: url(../images/bg-rside-bottom.gif) left bottom no-repeat;
  padding-bottom: 1px;
}
.search2 #in-container {
  background: url(../images/bg-rside.gif) left top repeat-y;
  padding-bottom: 2px;
  width: 100%;
}


.search #catalog-category-pager, .search2 #search-pager {
  border: 1px #DBDBDB solid;
  border-bottom: 0;
  float: left;
  margin: -1px 0 0 -176px;
  padding: 10px;
  position: relative;
  width: 718px;
}
* html .search #catalog-category-pager, * html .search2 #search-pager {
  width: 740px;
}

.search #catalog-category-pager {
  border: 0;
  float: left;
  margin: -1px 0 0 0;
  padding: 0;
  position: relative;
  width: 100%;
}
* html .layout-catalog.search #catalog-category-pager {
  width: 100%;
}
.layout-catalog.search #menu {
  margin: -13px 0 0 0;
}
.search #catalog-category-pager h3, .search2 #search-pager h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  font-size: 130%;
  margin: 10px 0 0 0;
  position: relative;
}
.search #catalog-category-pager h3 span, .search2 #search-pager h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
.search #catalog-category-pager h3 .searchRight, .search2 #search-pager h3 .searchRight {
  background: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 0;
}
.search #navigation-breadcrumbs p, .search2 #navigation-breadcrumbs p {
  font-size: 100% !important;
  padding: 0 !important;
  width: 680px;
}

.search #catalog-category-pager .catalog-category-list, .search2 #catalog-category-pager .catalog-category-list {
  clear: both;
  padding: 10px 0 0 0;
  width: 788px;
}
.search-results dl, #search-pager ul, .search2 #catalog-category-pager ul, .search #content ul {
  clear: both;
  padding: 5px 0 0 0;
  width: 100%;
}
.search-results dt, .search #content dt {
  border-top: 1px #dbdbdb solid;
  font-size: 130%;
  margin: 5px 0 0 0;
  padding: 8px 0 6px 0;
  position: relative;
}
.search-results dd, #search-pager li, .search2 #catalog-category-pager li, .search #content ul li {
  background: url(../images/odrazka4.gif) 7px 5px no-repeat;
  font-size: 110%;
  list-style: none;
  padding: 0 21px 10px 21px;
}
#search-pager p, .search2 #catalog-category-pager p, .search #content p {
  font-size: 110%;
  padding: 10px 0 0 0;
}

/* zpetny odkaz na vyhledavani*/
.search_results_link {
  background: url(../images/button4-left.gif) left top no-repeat;
  border: 0 !important;
  height: 30px;
  line-height: 23px;
  font-weight: bold;
  position: absolute;
  right: 23px;
  top: -2px;
}
.search_results_link span {
  background: url(../images/button4-right.gif) right top no-repeat;
  color: #000 !important;
  display: block;
  padding: 0 19px 0 9px !important;
  text-decoration: none;
}

/* pravy sloupec */
#side-info {
  border: 1px #DBDBDB solid;
  border-bottom: 0;
  display: inline;
  float: right;
  margin: -1px 0 0 0;
  width: 198px;
}
* html #side-info {
  margin: 0;
}
#in-side-info {
  background: #fff;
  border-top: 1px #DBDBDB solid;
  margin: -2px 0 0 0;
  padding: 0 0 10px 0;
  position: relative;
}
#side-info h3 {
  color: #4779A7;
  font-size: 120%;
  padding: 15px 14px 5px 14px;
}
#side-info p {
  padding: 0 14px 3px 14px;
}
#side-info p a {
  color: #E00117;
}

/* vanocni otviracka */
table#chr_open {
  border-collapse: collapse;
  margin: 0 auto;
}
* html table#chr_open {
  margin: 0 0 0 20px; 
}
* html table.chr_open_sk {
  margin: 0 !important; 
}
table#chr_open td, table#chr_open th {
  border: 1px #e0dfd9 solid;
  border-left: 1px #cdccc7 solid;
  border-right: 1px #cdccc7 solid;
}
table#chr_open td {
  font-size: 90%;
  font-weight: normal;
  padding: 0 2px;
  text-align: center;
}
table#chr_open th.side {
  background: #f4f2ec;
  padding: 7px 8px 7px 20px;
  text-align: left;
}
table#chr_open tr#chr_open_first {
  background: #7c2e91 url(../images/chr_open_th.jpg) left top repeat-x !important;
}
table#chr_open {
  background: url(../images/chr_open_th.jpg) left top repeat-x !important;
}
table#chr_open tr#chr_open_first th {
  background: transparent;
  border: 0;
  border-left: 1px #6d2f7e solid;
  border-right: 1px #6d2f7e solid;
  color: #FFF;
  line-height: 110%;
  min-height: 1px;
  padding: 10px 7px 11px 7px;
  text-align: center;
}
table#chr_open tr#chr_open_first th.first {
  font-size: 200%;
  font-weight: normal;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}
table#chr_open tr#chr_open_first th span {
  display: block;
  font-weight: normal;
}
table#chr_open tr#chr_open_first th span.bold {
  font-weight: bold;
}
table#chr_open tr:hover th.side, table#chr_open tr:hover td, table#chr_open tr.hover th.side, table#chr_open tr.hover td {
  background: #f8ebe9;
  border-bottom: 1px #e4d8d6 solid;
  border-top: 1px #e4d8d6 solid;
}
p#chr_open {
  margin: 0;
  padding: 0;
}
p#chr_open a {
  border: 0;
  display: block;
  padding: 15px 0 0 0;
}
p#chr_open img {
  border: 0;
  margin: 20px 30px;
  padding: 0;
}

/* Stranka Bata klubu */
.panel {
  border: 1px #ede9e2 solid;
	clear: both;
	display: none;
}
.panelIn {
  background: #eeeae3 url(../images/panel1-bg.gif) repeat-x left bottom;
  border: 1px #f7f5f1 solid;
  padding: 20px;
  position: relative;
}
* html .panelIn {
  height: 1px;
}
.panelIn p {
  padding: 0 !important;
}
.panelIn2 {
  background: #fff;
  border-top: 1px #ede9e2 solid;
}
* html .panelIn2 {
  height: 480px;
}
.active-tab-body {
	display: block;
}

#static .staticStyle2 .sendLostCart {
  float: right;
  font-size: 90%;
  margin-top: 25px;
  padding: 0 !important;
}
.sendLostCart a {
  background: url(../images/a-right.gif) no-repeat left center;
  padding-left: 15px;
}

.staticStyle2 #tabs {
  float: left;
  font-size: 100% !important;
	height: 35px;
	list-style: none;
	margin: 15px 0 -2px;
	padding: 0 !important;
	position: relative;
	z-index: 2;
}
.staticStyle2 #tabs li {
  background: transparent !important;
	float: left;
	margin-right: 9px;
	padding: 0 !important;
}
.staticStyle2 #tabs a {
  background: url(../images/tabs-noactive.gif) no-repeat left top;
  color: #333 !important;
  cursor: pointer;
	display: inline;
	float: left;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none;
}
.staticStyle2 #tabs a:hover {
	text-decoration: underline;
}
.staticStyle2 #tabs a span {
  background: url(../images/tabs-noactive.gif) no-repeat right bottom;
	display: inline;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.staticStyle2 #tabs a.active-tab {
  background: url(../images/tabs-active.gif) no-repeat left top;
  font-weight: bold !important;
}
.staticStyle2 #tabs a.active-tab span {
  background: url(../images/tabs-active.gif) no-repeat right bottom;
}

#purchaseArticle {
  clear: both;
  font-size: 100% !important;
  margin-left: -25px;
  padding: 0 !important;
  position: relative;
}
* html #purchaseArticle {
  height: 1px;
}
#purchaseArticle li {
  background: #fff !important;
  display: inline;
  float: left;
  height: 185px;
  margin: 13px 0 12px 36px;
  padding: 0 !important;
  position: relative;
  width: 160px;
}
#purchaseArticle li h4, #purchaseArticle li p {
  display: none;
}
#purchaseArticle div.in {
	padding-top: 10px;
}
#purchaseArticle .purchaseImg {
  background: #fff;
  display: block;
  text-align: center;
}
#purchaseArticle .purchasePoints {
  background: #f3f3f3 url(../images/purchase-article.gif) no-repeat left top;
  display: block;
  font-size: 90%;
  height: 27px;
  line-height: 27px;
  margin-left: 5px;
  text-align: center;
  width: 148px;
}
#purchaseArticle .purchasePoints strong {
  font-size: 125%;
  padding-right: 15px;
}

#purchaseArticle li:hover .purchaseImg, #purchaseArticle li.active .purchaseImg {
  margin-top: 8px;
}
#purchaseArticle li:hover .purchasePoints, #purchaseArticle li.active .purchasePoints {
  margin: 8px 0 12px 14px;
}
#purchaseArticle li:hover p, #purchaseArticle li:hover h4, #purchaseArticle li.active p, #purchaseArticle li.active h4 {
  display: block;
}
#purchaseArticle li h4 {
  color: #333 !important;
  font-size: 120%;
  padding: 11px 13px 0 !important;
}
#purchaseArticle li h4.ok {
  color: #e00117 !important;
}
#purchaseArticle li p {
  font-size: 90%;
  padding: 0 13px 9px !important;
}
#purchaseArticle li p.s100 {
  font-size: 100%;
}
#purchaseArticle li span.s100 {
  font-size: 110%;
}
#purchaseArticle li:hover .out, #purchaseArticle li.active .out {
  background: #f4f9fd;
  border-left: 1px #d9e6f1 solid;
  border-right: 1px #d9e6f1 solid;
  bottom: -9px;
  left: 0;
  margin-left: -9px;
  position: absolute;
  width: 176px;
  z-index: 3;
}
#purchaseArticle li:hover .in, #purchaseArticle li.active .in {
  border-top: 1px #d9e6f1 solid;
  border-bottom: 1px #d9e6f1 solid;
  margin: -1px 0;
  padding-bottom: 4px;
  position: relative;
}

#purchaseScroll {
  clear: both;
  height: 200px;
  margin: 0 -5px;
  overflow: hidden;
  position: relative;
  width: 740px;
}
#track {
	background: #eeeae3 url(../images/scroll/scroll_bg.gif) no-repeat center center;
	clear: both;
	float: left;
	height: 5px;
	margin-top: -15px;
	position: relative;
	width: 730px;
}
#handle {
	background: #ebebeb url(../images/scroll/scroller.gif) no-repeat center center;
	cursor: e-resize;
	height: 20px;
	margin-top: -8px;
	position: absolute;
	width: 137px;
}
.scrollShadow {
	background: url(../images/scroll/scroll-left.png) no-repeat center center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scroll/scroll-left.png',sizingMethod='scale');
  height: 165px;
  left: -20px;
  position: absolute;
  top: -175px;
  width: 64px;
}
.scrollShadowRight {
	background-image: url(../images/scroll/scroll-right.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/scroll/scroll-right.png',sizingMethod='scale');
	left: auto;
	right: -20px;
}
* html .scrollShadow {
	background: transparent;
}
#purchaseScroll ul {
  font-size: 100% !important;
  padding: 0 !important;
}
#purchaseScroll ul li {
  background: transparent !important;
  display: inline;
  float: left;
  margin: 0 7px !important;
  padding: 0 !important;
  position: relative;
  vertical-align: bottom;
}
#purchaseScroll ul li strong {
  background: url(../images/a-right.gif) no-repeat right center;
  display: block;
  float: left;
  font-size: 105% !important;
  margin: 10px 7px !important;
  padding-right: 15px;
}
#purchaseScroll ul ul {
  clear: both;
}
#purchaseScroll ul li li strong {
  background: transparent !important;
  bottom: -25px;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  text-align: center;
  width: 54px;
}
#purchaseScroll ul ul div {
  background: #fff;
  border: 1px #dacfbc solid;
  height: 103px;
  width: 52px;
}
#purchaseScroll div li {
  background: #e4ecf3 !important;
  border-top: 1px #cbdbe8 solid;
  bottom: 1px;
  left: 1px;
  margin: 0 !important;
  position: absolute;
  text-align: center;
  width: 52px !important;
}
* html #purchaseScroll div li {
  bottom: 0px;
}
#purchaseScroll div li a {
  display: block;
  font-weight: normal !important;
  text-decoration: none;
}
#purchaseScroll li .actual {
  background: url(../images/purchase-history.gif) no-repeat left top;
  display: block;
  height: 125px;
  left: 0;
  position: absolute;
  top: 0;
  width: 11px;
  z-index: 2;
}

.panel .karty {
  display: inline;
  float: left;
  margin: 0 5px 0 5px;
}
.panel .karty img {
  border: 0 !important;
  margin: 0 18px !important;
  padding: 0 !important;
}
.panel .eshop strong {
  display: block;
  font-size: 110%;
  padding-top: 7px;
}
.panel .points strong {
  display: block;
  color: #e00117;
  font-size: 230%;
  padding-top: 14px;
}
.panel .points strong .point {
  color: #333;
  font-size: 40%;
  padding-right: 10px;
}
.panel .points strong .money {
  font-size: 40%;
}
.panel .purchaseInfo a {
  background: url(../images/a-down.gif) no-repeat left center;
  font-size: 90%;
  padding-left: 15px;
}
.panel #moreInfo {
  background: #e4ecf3;
  border: 1px #b7ccdf solid;
  color: #4779a7;
  left: 0;
  padding: 20px 29px;
  position: absolute;
  z-index: 3;
  width: 714px;
}
.panel #moreInfoArrow {
  background: url(../images/moreinfo-arrow.gif) no-repeat left top;
  left: 367px;
  height: 11px;
  position: absolute;
  top: -11px;
  width: 18px;
}
.panel #moreInfo .close {
  background: transparent;
  position: absolute;
  right: 13px;
  top: 13px;
}
.panel #moreInfo .close img {
  border: 0;
  margin: 0;
  padding: 0;
}
.panel #moreInfo h4 {
  color: #4779a7;
  font-size: 1.08em;
  padding: 10px 0;
}
.panel #moreInfo p {
  padding: 0 !important;
}
.panel #moreInfo .plaDop {
  border-bottom: 1px #b7ccdf solid;
  padding-bottom: 20px;
}
.panel #moreInfo .adresses {
  float: left;
  margin-top: 15px;
  padding-left: 30px;
  width: 315px;
}
.panel #moreInfo .adressFac {
  border-right: 1px #b7ccdf solid;
  padding: 0;
  width: 364px;
}
.panel #moreInfo .adresses table {
  margin: 0;
  width: auto;
}
.panel #moreInfo .adresses table td {
  border: 0;
  font-weight: normal;
  padding: 0 30px 3px 0;
}
.panel .date {
  background: url(../images/date.gif) repeat-x left 18px;
  border: 1px #b7ccdf solid;
  color: #528cbc;
  display: inline;
  float: left;
  font-size: 110%;
  margin: 11px 20px 0 0;
  padding-bottom: 5px !important;
  text-align: center;
  width: 59px;
}
.panel .date strong {
  border-top: 18px #e4ecf3 solid;
  display: block;
  font-size: 110%;
  padding: 6px 0 3px;
}

.panelHead {
  position: relative;
  padding-bottom: 12px;
  width: 100%;
}
.panelHead h3 {
  background: #f7f7f7;
  padding: 11px 0 !important;
  text-align: center;
}
.panelHead p {
  padding: 0 !important;
}
.panelHead p a {
  background: url(../images/a-left.gif) no-repeat left center;
  font-size: 85%;
  left: 19px;
  padding: 0 0 0 17px;
  position: absolute;
  top: 13px;
}
.panelHead p a.next {
  background: url(../images/a-right.gif) no-repeat right center;
  left: auto;
  right: 19px;
  padding: 0 17px 0 0;
}

.panel .purchaseInfo {
  float: left;
  margin: 11px 0 0 7px;
  width: 200px;
}
.panel .infoText {
  background: #EEF4FA;
  border: 1px #D9E6F1 solid;
  color: #333;
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin: 8px 18px 0;
  padding: 15px 15px 5px;
  width: 169px;
}
.panel .infoText h5 {
  color: #333 !important;
  font-size: 100% !important;
  padding: 0 0 5px !important;
}
.panel .infoText h6 {
  color: #333 !important;
  font-size: 90% !important;
  padding: 10px 0 0 !important;
}
.panel .infoText h6 img {
  float: left;
  margin: 0 12px 0 0;
  padding: 0 !important;
}
.panel .infoText h6 a {
  display: block;
  font-size: 90%;
}
.panel .infoText p {
  color: #333 !important;
  font-size: 90% !important;
  font-weight: normal;
  padding: 0 0 5px !important;
}

#static .staticStyle2 .panel .infoBox {
  margin: 18px !important;
  padding: 13px 17px !important;
}
.panel .infoBox h4 {
  color: #333 !important;
  font-size: 120% !important;
  padding: 0 0 5px !important;
}
.panel .infoBox p {
  line-height: 120% !important;
  padding: 0 !important;
}

#purchasePoints {
  border-bottom: 1px #dbdbdb solid;
  margin-bottom: 15px;
  padding: 0 0 15px !important;
}

.myPoints h3 {
  font-size: 105% !important;
  padding: 0 0 15px !important;
}
.myPoints h3 strong {
  color: #e00117;
  font-size: 230%;
}
.myPoints p  {
  line-height: 120%;
}
.myPoints p strong {
  color: #e00117;
}
.myPoints p em {
  font-size: 90%;
}
.myPoints .shopPoints {
  float: right;
  font-size: 90%;
  margin-top: 10px;
  padding: 0 !important;
}
.myPoints .shopPoints {
  background: url(../images/a-right.gif) no-repeat left center;
  padding-left: 15px !important;
}
.myPoints #purchaseHistory {
  padding-bottom: 15px;
  width: 100%;
}
.myPoints #purchaseHistory h4 {
  color: #333;
  float: left;
  font-size: 120%;
  padding: 0;
}
.myPoints #purchaseHistory .hideHistory {
  float: right;
  padding: 0;
}
.myPoints #purchaseHistory .hideHistory {
  float: right;
  font-size: 90%;
  padding: 0 !important;
}
.myPoints #purchaseHistory .hideHistory a {
  background: url(../images/a-top.gif) no-repeat left center;
  padding-left: 15px !important;
}
.myPoints #purchaseHistory .hideHistory a.active {
  background: url(../images/a-down.gif) no-repeat left center;
}

.persoInfo form {
  float: left;
  width: 100%;
}
.persoInfo h3 {
  font-size: 110%;
}
.persoInfo h3 em {
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
}
.persoInfo form {
  padding: 0 20px 20px !important;
}

.persoInfo h4, .persoInfo label {
  clear: both;
  color: #333 !important;
  float: left;
  font-size: 100% !important;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  margin: 16px 25px 0 0;
  padding: 0 !important;
  width: 155px;
}
.persoInfo br {
  display: none;
}
.persoInfo input {
  float: left;
  height: 21px !important;
  margin: 16px 100px 0 0!important;
  padding-top: 4px !important;
  width: 155px !important;
}
.persoInfo select {
  height: 27px !important;
  margin-top: 16px;
  width: 337px !important;
}
.persoInfo input.short {
  width: 63px !important;
}
.persoInfo .inline {
  clear: none;
  display: block;
  font-weight: normal;
  margin-right: 35px;
  width: auto;
}
.persoInfo .inline input {
  border: 0 !important;
  height: auto !important;
  margin: 7px 10px 0 0 !important;
  width: auto !important;
}
.persoInfo .kids {
  overflow: hidden;
  padding-left: 180px;
}
.persoInfo .kids label {
  font-weight: normal;
  width: auto;
}
.persoInfo p {
  clear: both;
  line-height: 120%;
  padding: 10px 0 0 0 !important;
}
* html .persoInfo p {
  height: 1px;
}
.persoInfo p em {
  display: block;
  font-size: 90%;
}
.persoInfo .button3 {
  float: left;
  font-size: 100%;
  margin: 20px 0 0 180px !important;
}
* html .persoInfo .button3 {
  margin: 20px 0 0 74px !important;
}

/* slidery */
.persoInfo .slider {
  float: left;
  margin: 20px 15px 0;
  position: relative;
}

#track1 {
}
#track2 {
}
#specialSlideClear {
	*display: block;
	*margin: r0px 0px 30px 0px !important;
	*height: 15px;
}

#persons {
	display: none;
	*margin: 10px 0px 10px 0px !important;
	*padding: 10px 0px 10px 0px !important;

}	
#children {
	display: none;
	*margin: 10px 0px 10px 0px !important;
}	

.persoInfo .slider img {
  border: 0 !important;
  margin: 0 0 0 13px !important;
  padding: 0 !important;
}
.persoInfo .slider strong {
  display: block;
  left: 1px;
  position: absolute;
  text-align: center;
  top: -17px;
  width: 15px;
}
.persoInfo .selected {
  cursor: e-resize !important;
  margin-top: -2px;
}
.persoInfo .min, .persoInfo .max {
  left: -17px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 15px;
}
.persoInfo .max {
  left: auto;
  right: -17px;
}

/* persoinfo form */
form.persoInfo fieldset {
  border: 0;
}
form.persoInfo fieldset {
  margin: 20px;
}
form.persoInfo h3 {
  background: url(../images/bg-step-menu-th-left.gif) left top no-repeat;
  clear: both;
  float: left;
  font-size: 130%;
  margin: 14px 0 0;
  padding: 0 !important;
  position: relative;
  width: 100%;
}
form.persoInfo h3 span {
  background: url(../images/bg-step-menu-th-right.gif) right top no-repeat;
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
}
form.persoInfo input {
  width: 333px !important;
}
form.persoInfo .street {
  margin-right: 9px !important;
  width: 149px !important;
}
form.persoInfo .street2, form.persoInfo .street3 {
  margin-right: 9px !important;
  width: 60px !important;
}
form.persoInfo #birthdate, form #birthdate {
  margin-right: 7px !important;
  width: 299px !important;
}
form.persoInfo .sep {
  float: left;
  height: 25px;
  line-height: 25px;
  margin: 17px 12px 0 4px;
}
form.persoInfo img.tcalIcon {
  float: left;
}
form.persoInfo #kids {
  overflow: hidden;
}
form.persoInfo .form_error {
  float: left;
  margin: 17px 0 0 180px;
  width: 555px;
}

#static .lp180, #preKids {
  padding-left: 180px !important;
}
#static .bp20 {
  padding-bottom: 20px !important;
}


/* kalendar */
/* calendar icon */
img.tcalIcon {
  border: 0 !important;
	cursor: pointer;
	margin: 16px 0 0 !important;
	padding: 0 !important;
	vertical-align: middle;
}

/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	padding: 2px 0 0 0;
}
div#tcal table {
  background: #fff;
	border: 1px #b7ccdf solid;
	border-collapse: collapse;
}
div#tcal table th, div#tcal table td {
	border: 1px #b7ccdf solid;
	padding: 6px 0;
}
div#tcal table td:hover {
  background: #F7F7F7;
}
div#tcal th, div#tcal table td {
  width: 30px;
}
div#tcal table th, div#tcal table .selected {
  background: #e4ecf3;
  font-weight: bold;
}
div#tcal table td, div#tcal table img {
  cursor: pointer;
}
div#tcal .ctrl th {
  background: #fff;
  width: 90px;
}
div#tcal .ctrl td {
  background: #f7f7f7;
}

.emailSend h3 {
  clear: both !important;
  padding-bottom: 20px !important;
}
.emailSend form {
  padding: 0 45px 20px;
}
.emailSend form br {
  display: none;
}
.emailSend label {
  clear: both;
  float: left;
  padding-bottom: 5px;
}
.emailSend .inline {
  padding: 5px 20px 5px 0;
}
.emailSend input {
  border: 0 !important;
  margin-top: 3px;
  height: auto !important;
  width: auto !important;
}
.emailSend select {
  clear: both;
  display: block;
  height: 27px !important;
  float: none;
  margin-bottom: 16px;
  width: 160px !important;
}
.emailSend select.boyGirl {
  clear: none;
  float: left;
}
.emailSend button {
  float: left;
  font-size: 100% !important;
  margin: 20px 0 !important;
}
* html .emailSend button {
  display: inline;
  margin-left: -15px;
}
* html .emailSend button span {
  float: left;
}
.emailSend #checkNews {
  font-size: 110%;
  padding: 20px 20px 0;
}

.tabComments {
  width: 100%;
}
.tabComments img {
  border: 0 !important;
  float: left;
  margin: 10px 0 0 25px !important;
}
#static .tabCommentsHead, #static .tabCommentsBody, #static .tabCommentsFooter {
  background: #f7f7f7;
  float: right;
  margin: 10px 10px 0 0;
  padding: 20px 15px 0 !important;
  position: relative;
  width: 540px;
}
#static .tabCommentsHead p {
  padding: 0 !important;
}
#static .tabCommentsHead p em {
  color: #8d8d8d;
  margin: -10px 0 0 45px;
  position: absolute;
  text-transform: lowercase;
}
#static .tabCommentsHead p em span {
  color: #000;
  float: left;
  font-size: 85%;
  font-style: normal;
  margin-left: 30px;
  text-transform: none;
}
#static .tabCommentsHead p em img {
  border: 0;
  display: block;
  float: none;
  margin: 4px 0 0 -2px !important;
  padding: 0;
}
#static .tabCommentsFooter {
  background: #fff;
  margin-top: 0;
  padding: 10px !important;
  width: 550px;
}
#static .tabCommentsBody {
  background: #efefef;
  margin-top: 0;
  margin-bottom: 1px;
  padding-bottom: 10px !important;
}
#static .tabCommentsBody p {
  padding: 0 0 10px !important;
}
#static .tabCommentsBody p em.feedback-rating {
  color: #333;
  padding-top: 10px;
  text-transform: lowercase;
}
#static .tabCommentsBody p em span {
  color: #000;
  float: left;
  font-size: 85%;
  font-style: normal;
  margin-right: 30px;
  text-transform: none;
}
#static .tabCommentsBody p em img {
  border: 0;
  display: block;
  float: none;
  margin: 4px 0 0 -2px !important;
  padding: 0;
}
#static .tabCommentsBg {
  background: url(../images/tabcommentsbg.gif) no-repeat left top;
  bottom: -60px;
  display: block;
  height: 20px;
  left: -28px;
  position: relative;
  width: 13px;
}
#static .tabComments .pager {
  padding: 0 13px 13px !important;
}
#static .tabComments .pager a {
  color: #333 !important;
  font-size: 90% !important;
  font-weight: normal !important;

}

#lightbox {
  text-align: center;
}
div.lightbox {
  background: #fff;
  font-size: 115%;
  margin: 0 auto;
  text-align: left;
  width: 570px;
}
div.lightbox {
  width: 570px;
}
.lightbox h3 {
  font-size: 120%;
  padding-bottom: 9px;
}
.lightbox h4 {
  font-size: 100%;
}
.lightbox p {
  clear: both;
  line-height: 125%;
  padding-bottom: 20px;
}
.lightbox form p {
  margin-left: 164px;
  padding: 5px 0;
}
.lightbox .link {
  clear: none;
  float: left;
  margin-left: 15px;
}
.lightbox .linkB {
  margin-top: 16px;
}
.lightbox p a {
  color: #528cbc;
  font-size: 85%;
}
.lightbox form p em {
  font-size: 85%;
}
.lightbox ul {
  padding-bottom: 20px;
}
.lightbox ul li {
  background: url(../images/square.jpg) no-repeat left center;
  list-style: none;
  padding: 3px 0 3px 15px;
}
.lightbox img {
  border: 1px #dedede solid;
}
.lightbox form br {
  display: none;
}
.lightbox form hr {
  background: #dbdbdb;
  border: 0;
  clear: both;
  color: #FFF;
  float: left;
  display: block;
  height: 1px;
  line-height: 0;
  margin: 10px 0 0;
  width: 100%;
}

.lightbox .sep {
  float: left;
  height: 25px;
  line-height: 25px;
  margin: 11px 12px 0 4px;
}
.lightbox label, .lightbox .inlines h4 {
  clear: both;
  float: left;
  height: 27px;
  line-height: 27px;
  margin: 10px 14px 0 0;
  text-align: right;
  width: 150px;
}
.lightbox .inline {
  float: none;
  display: block;
  margin-left: 164px;
  padding-top: 5px;
  text-align: left;
  width: auto;
}
.lightbox .inlines label, .lightbox .inlines h4 {
  clear: both;
  float: left;
  font-weight: normal;
  width: auto;
}
.lightbox .inlines label {
  clear: none;
  margin-left: 0;
  padding: 0;
}
.lightbox .inlines h4 {
  width: 150px;
}
.lightbox label.streetNum, .lightbox label.orientNum {
  clear: none;
  margin-right: 8px !important;
  width: auto;
}
.lightbox input {
  height: 22px;
  font-size: 110%;
  margin-top: 10px;
  padding: 3px 0 0 3px;
  width: 285px;
}
* html .lightbox input {
  height: 25px;
  width: 288px;
}
.lightbox .street {
  width: 143px;
}
.lightbox input.streetNum, .lightbox input.orientNum {
  float: left;
  width: 37px;
}
.lightbox .inline input {
  border: 0;
  height: auto;
  margin: 7px 10px 0 0;
  width: auto;
}
.lightbox form select {
  height: 27px;
  padding: 4px;
  width: 313px;
}

.lightbox button {
  float: left;
  margin: 15px 0 0 164px !important;
}
.lightbox button.button3 {
  font-size: 90%;
}
.lightbox button.button6 {
  margin-left: 161px !important;
}
.lightbox .block button.button6 {
  font-size: 85%;
  margin-left: -3px !important;
}

.lightbox .block label {
  float: none;
}
.lightbox .block input {
  float: none;
  margin-right: 0;
}
.lightbox .block button {
  margin-left: 0 !important;
}

.lightbox .sleva {
  position: relative;
}
.lightbox .sleva h3 {
  clear: both;
  padding: 10px 0 0;
}
.lightbox .sleva label {
  clear: none;
  display: inline;
  float: left;
  height: auto;
  line-height: 120%;
  margin-left: 39px;
  padding-left: 20px;
  position: relative;
  text-align: 20px;
  width: 130px;
}
.lightbox .sleva label.first {
  margin-left: 0;
}
.lightbox .sleva label span {
  background: url(../images/sleva-kupon-blank.jpg) no-repeat left top;
  display: block;
  height: 95px;
  margin: 0 0 5px -20px;
  width: 150px;
  font-size: 150%;
  line-height: 95px;
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  text-indent: 0px;
  overflow: hidden;
  color: #FFF;
  text-decoration: none;
  text-shadow: black 0.1em 0.1em 0.2em;
}
.lightbox .sleva label input {
  left: 0;
  position: absolute;
  top: 99px;
}
.lightbox .sleva button {
  margin-left: 0 !important;
}

.lightbox .forgottenDetails .inline {
  margin-left: 0;
}
.lightbox .forgWhat {
  float: left;
  width: 245px;
  padding-top: 13px;
}
.lightbox .forgCheck {
  float: right;
  width: 305px;
}
.lightbox .forgCheck label {
  height: auto;
  line-height: 130%;
  text-align: left;
  width: 305px;
}
.lightbox .forgCheck p {
  margin-left: 0;
  width: 305px;
}
.lightbox .forgCheck button {
  margin: 15px 0 5px -2px !important;
}
* html .lightbox .forgCheck button {
  margin-left: 0 !important;
}
.lightbox .forgCheck button span {
  float: left;
}

.lightbox .form_error {
  clear: both;
  padding: 10px 0 0 157px;
}
.lightbox .block .form_error {
  clear: none;
  padding: 0;
}
.lightbox .forgCheck .form_error {
  padding: 10px 0 0 0;
}

.lightbox .uctenka {
  float: left;
  margin: 10px 53px 0 0;
}

/* Stranka Bata klubu - akce */
.klub-akce {	
	position: relative;
	width: 525px;
	max-width: 485px;
	height: 240px;
	margin: 40px 0 0 100px;
	max-height: 180px;
	padding: 20px;
	border-top: 20px solid #F7F9F9;
	background-color: #fff;
}
#p .klub-akce h4 {
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	color: #E05980;
}
#p .klub-akce p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	font-size: 12px;
}
.klub-akce span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	width: 525px;
	height: 220px;
}
* html .klub-akce a span {
	cursor: hand;
}
/* obrazky pro jednotlive akce Bata klubu */
.akce-2x-vice span {
	background-image: url(../images/akce/06-11-2x-vice.jpg);
}
.akce-2x-vice-bodu span {
	background-image: url(../images/akce/13-04-2x-vice-bodu.jpg);
}

/* preloader */
#preloader {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
  background: #FFF url(../images/preloader.gif) center center no-repeat;
  bottom: 0;
  display: none;
  height: 100%;
  _height: 3000px;
  position: absolute;
  right: 0;
  width: 780px;
  z-index: 10;
}
#info { /* prednacteni preloaderu */
  background: url(../images/preloader.gif) -999em 999em no-repeat;
}

.highlighted {
color: #589AC3 !important;
color: #528CBC !important;
}
p.attention{
background:url(../images/vykricnik.gif) 0 0 no-repeat;
padding:2px 0 16px 26px !important;
margin:-5px 0 0 0 !important;
width:140px !important;
}



.last-step-wrapper{
float: left;
margin-left: 10px; 
height: 185px; 
width: 725px;
display:inline;
}
.last-step-obal-left{
padding:0px;
width: 342px;
height: 172px;
padding:5px;
float: left;
border: 4px solid #E2E2E2; 
}
.last-step-obal-right{
margin-left: 2px;
padding: 0px;
width: 342px;
height: 172px;
padding:5px 3px;
float: left;
border: 4px solid #E2E2E2; 
}
#last-step-top{
width: 342px;
height: 62px;
}
.last-step-wrapper-cz #last-step-top{
background:url(../images/last-step-top.jpg) top left no-repeat;
}
.last-step-wrapper-sk #last-step-top{
background:url(../images/last-step-top-sk.gif) top left no-repeat;
}
.last-step-wrapper-pl #last-step-top{
background:url(../images/last-step-top-pl.gif) top left no-repeat;
}
#last-step-headline{
width: 342px;
height: 25px;
}
.last-step-wrapper-cz #last-step-headline{
background:url(../images/last-step-headline.jpg) top left no-repeat;
}
.last-step-wrapper-sk #last-step-headline{
background:url(../images/last-step-headline-sk.gif) top left no-repeat;
}
.last-step-wrapper-pl #last-step-headline{
background:url(../images/last-step-headline-pl.gif) top left no-repeat;
}
#last-step-benefit{
width: 185px;
height: 87px;
float: left;
}
.last-step-wrapper-cz #last-step-benefit{
background:url(../images/last-step-benefits.jpg) top left no-repeat;
}  
.last-step-wrapper-sk #last-step-benefit{
background:url(../images/last-step-benefits-sk.gif) top left no-repeat;
}
.last-step-wrapper-pl #last-step-benefit{
background:url(../images/last-step-benefits-pl.gif) top left no-repeat;
}    
#last-step-mail-input-obal{
width: 157px;
height: 87px;
float: right;
background:url(../images/last-step-mail.gif) top left no-repeat;
}
 #last-step-label{
 width:132px;
height:33px;
display:block;
margin:4px 0 1px;
 }
.last-step-wrapper-cz #last-step-label{
background:url(../images/last-step-label-cz.gif) no-repeat;  
}
.last-step-wrapper-sk #last-step-label{
background:url(../images/last-step-label-sk.gif) no-repeat;
}
.last-step-wrapper-pl #last-step-label{
background:url(../images/last-step-label-pl.gif) no-repeat;
}
.last-step-input{
border:0;
width:135px;
}
.last-step-wrapper-cz .last-step-btn{
width:47px;
height:20px;
border:0;
margin:4px 20px 0 0;
float:right;
}
.last-step-wrapper-sk .last-step-btn{
width:45px;
height:20px;
border:0;
margin:4px 20px 0 0;
float:right;
}    
.last-step-wrapper-pl .last-step-btn{
width:68px;
height:20px;
border:0;
margin:4px 20px 0 0;
float:right;
}    

/* Trends */
.trends #content {
  float: none;
}
#trendFlash {
  margin: 0 -10px 10px;
  position: relative;
  width: 100%;
}
#trendList {
  float: left; 
  width: 780px;
}
#trendDescription {
  float: right;
  width: 160px;
}
#trendDescription p {
  padding-bottom: 10px;
}



#kialaUserInput {
	width: auto;
	margin-left: 25px;
	margin-top: 10px;
  	float: left;
}

#step-basket #step3 #changeKiala button {
	margin: 5px 0px 0px -3px;
	float: none;
}

#kialaInfo {
	width: 200px;
}

#kialaUserInput label {
	width: 80px;
	float: right;
	padding-right: 10px;
}  

#step-basket #step3 #kialaUserInput input {
  border: 1px solid;
  float: left;
  height: auto;
  margin: 10px 0px 0px 0px;
  width: auto;
}

#step-basket #step3 #kialaUserInput button {
  float: left;
  width: auto;
  clear: none;
  margin: -10px 0px 0px 30px;
}

.discountImageTextRemove {
	display: none;
}

.gmap {
	color: #333333;
    font-family: arial,verdana,sans-serif;
    font-size: 100%;
	text-align: left;
}
.gmap h2 {
    font-size: 110%;
}
.gmap b {
	font-size: 105%;
}
td.gmapText {
	max-width: 300px;
}
.gmapImg {
	padding-left: 10px;
}

#regAgree2 {
	width: 500px;
	text-align: center;
	margin-left: 0px;
	margin-right: auto;
}
#regAgree2 .about{
	float: none;
	text-align: left;
	width: 100%;
	min-height: 20px;
	max-height: 80px;
	overflow: auto;
	border: 1px #D9D9D9 solid;
	margin: 20px 0px 10px 10px;
}
#regAgree2 p {
	font-weight: normal;
	padding: 5px 0 0 5px !important;
}

#regAgree .checkboxSpace {
	height: 0px;
	*height: 5px;
}

#regAgree {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#regAgree .about {
	float: none;
	text-align: left;
	width: 100%;
	min-height: 20px;
	max-height: 80px;
	overflow: auto;
	border: 1px #D9D9D9 solid;
	margin: 20px auto 10px auto;
}
#regAgree .aboutCheckout {
	float: none;
	text-align: center;
	width: 80%;
	min-height: 20px;
	max-height: 80px;
	overflow: auto;
	border: 1px #D9D9D9 solid;
	margin: 20px 0px 10px 0px;
}

#regAgree input {
	margin: 8px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	float: left;
	width: 14px !important;
	height: 14px !important;
	*width: 15px !important;
	*height: 15px !important;
}

#regAgree label {
	float: left;
	clear: none;
	width: auto !important; 
	margin: 0px 0px 0px 10px !important;
	padding: 0px 0px 0px 0px !important;
}

.validation-advice {
	float: left;
	clear: both;
	margin: 4px 0 0 180px;
	width: 555px;
	color: #E00117;
	font-weight: bold;
}

.clear-last-radio {
	#width: 200px;
	#display: block;
	#float: left;
}
#reg-form-radio input {
	width: 17px !important;
	margin: 0px 4px 0px 0px;
   padding: 0px 0px 0px 0px;
	clear: none;
}
.interestCheckboxes input {
   width: 17px !important;
   margin: 0px 4px 0px 0px !important;
   padding: 0px 0px 0px 0px !important;
   clear: none !important;
}


#reg-form-radio .validation-advice {
	margin: -26px 0px 0px 0px;
    	padding: 0px 0px 0px 100px;
	display: block;
	width: 100%;
	float: left;
	clear: none;
	color: #E00117;
	font-weight: bold;
}
#radioReachError {
	clear: both !important;
	float: none !important;
	margin: 0px 0px 0px 180px !important;
	padding: 0px !important;
	display: none;
}	
.conditionsWithRoller {
	height: 150px; overflow: auto; border: 1px #D9D9D9 solid;
}

.colorboxInline {
	text-align: left;
	padding: 10px;
}
.colorboxInline h3 {
	text-align: left;
}
.colorboxInline ul li {
  background: url(../images/odrazka6.gif) 0 10px no-repeat;
  list-style: none;
  padding: 3px 0 3px 20px;
}

#cboxLoadedContent {
	padding: 5px;
	text-align: left;
}

/* mybata index page */
.mybataIndexPage .left {
	width: 340px;
	margin: 0px;
}
.mybataIndexPage .middle {
	margin-top: 40px;
}
.mybataIndexPage .middle img {
	border-width: 0px;
	border: 0px solid #F3F3F3 !important;
}
.mybataIndexPage .right {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 90% !important;
	padding-top: 10px !important;
}
.mybataIndexPageSubmit {
	margin-top: 20px;
	font-size: 80% !important;
}
.mybataIndexPageSubmit div {
	margin: 10px 0px 0px 0px;
}

/* content topbox */
.contentTopBox {
	font-weight: normal !important;
	clear: both !important;
	float: none !important;
	font-size: 120%;
}

.contentTopBox h3 {
	font-size: 140%;
}
.contentTopBox .left {
	vertical-align: top;
	float: left;
}
.contentTopBox .middle {
	vertical-align: top;
	float: left;
}
.contentTopBox .right {
	vertical-align: top;
	float: right;
}
.contentTopBox a {
	font-weight: normal !important;
}
.contentTopBox h3 {
	padding: 0px !important;
	margin: 0px !important;
}
.contentTopBox ul li {
	list-style: none outside none;
	padding: 0px 0px 0px 10px !important;
	margin: 0px !important;
	background: url("../images/li.gif") no-repeat scroll left center transparent !important;
	padding: 4px 0 4px 20px !important;
	position: relative;
}
.bataMail2 {
	padding: 0px 10px 0px 20px;
}
.bataMail2 .infoBox {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px !important;
}

.bataMail2 h1 {
	margin: 10px 0px 10px 0px !important;
	font-size: 160% !important;
}
.bataMail2 h4 {
	padding: 5px 0px 5px 0px !important;
}
.bataMail2 .infoBox {
	font-weight: normal !important;
	padding: 5px !important;
	font-size: 100% !important;
}
.bataMail2 table {
	margin: 0px !important;
}

.bataMail2 td {
	border: 0px solid #D9D9D9 !important;
	padding: 10px 0px 0px 0px !important;
	font-weight: normal !important;
}

.bataMail2 .label {
	width: 150px;
	font-weight: bold !important;
}

.bataMail2 textarea {
	width: 100%;
	text-align: left;
}
.interestCheckboxes {
	border: 1px solid #D9D9D9 !important;
	float: left;
	padding: 5px;
}

.interestCheckboxes label {
	display: block;
	float: left;
	width: 185px;
	padding-right: 10px;
	clear: none;
	padding-bottom: 0px;
}
#unsubscribeDialog {
	font-size: 120%;
}
#unsubscribeDialog a {
	font-size: 130%;
	margin: 0px 15px 0px 0px;
	border: 2px solid #000 !important;
	padding: 4px;
	text-decoration: none;
}
#unsubscribeDialog h1 {
	margin-bottom: 0px;
	font-size: 150%;
}

/* iphone like checkbox switch */
.js .checkbox{
	display:none;
}
.iphoneSwitchToggle {
	background:url("/img/toggle.png") bottom left;
	display:block;
	width:70px;
	height:22px;
}
.iphoneSwitchToggle.checked {
	background-position:top left;
}
table.contactInfo td {
	margin: 0px !important;
	padding: 0px !important;
}
table.contactInfo td.country {
	width: 130px !important;
}

.