/*  Ondrej Uhyrek, ondra.uhyrek@email.cz  */
/*  (c) Inexes 2007  */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ****************  zakladni definice  **************** */
.noScreen {
	display: none;
}
.debugIE {
	display: block;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
address {
	font-style: normal;
}
.cleaner {
	clear: both;
	overflow: hidden;
	display: block;
	height: 1px;
	margin-top: -1px;
	_margin-top: 0;
}

.boxError {
	clear: both;
	float: left;
	width: 92%;
	margin: 15px 0 10px 0;
	padding: 5px 10px;
	border: 2px solid #CA3544;
	color: #CA3544;
}

a {
	color: #CA3544;
}
a:hover {

}
h1 {
	margin-bottom: 2px;
	font-size: 18px;
	color: #666666;
	line-height: 20px;
}
h2 {
	margin: 0 0 2px 0;
	font-size: 14px;
	color: #CA3544;
}
h3 {
	margin-bottom: 3px;
	font-size: 12px;
	color: #84B110;
}
h4 {
}

input.text, textarea {
	padding: 2px;
	width: 130px;
	border: 1px solid #C8C8C8;
	border-top: 1px solid #666666;
	background: white;
	font-size: 11px;
	overflow: hidden;
	font-family: 'helvetica ce', Tahoma, Arial, Verdana, Helvetica, sans-serif;	
}
input.text-focus, textarea.text-focus {
	border: 1px solid #888888;
	border-top: 1px solid black;
	background: #F8F8F8;
}
input.radio, span.radio input {
	position: relative;
	top: 2px;
	left: 0;
	margin-right: 5px;
}
input.submit {
	font-size: 11px;
	color: #87B311;
	text-decoration: underline;
	font-weight: bold;
	background: none;
	cursor: pointer;
}
select {
	position: relative;
	top: -1px;
	width: 130px;
	height: 17px;
	padding-left: 2px;
	border: 1px solid #C8C8C8;
	border-top: 1px solid #666666;
	font-size: 91.66%;
	background: white;
}
select.multi {
    height: 70px;    
}
tr.topSpace th, tr.topSpace td {
	padding-top: 10px;
}

span.action, span.Akce {
	color: #B12525;
}
span.new, span.Novinka {
	color: #84B110;
}
span.tip, span.Tip {
	color: #0099FF;
}



/* ****************  rozlozeni stranky  **************** */

body {
	font-family: 'helvetica ce', Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	color: #404040;
	overflow-y: scroll;
	text-align: center;
	background: white url(BodyBG.gif) repeat-x;
}
#page {
	position: relative;
	margin: 0 auto 10px auto;
	width: 900px;
	text-align: left;
	overflow: visible;
	background: url(ContentBG.gif) 2px 0;
}


/* ****************  hlavicka  **************** */

#headerBox {
	height: 160px;
	padding: 50px 0 0 0;
	background: white url(BodyBG.gif) repeat-x;
}
#headerBox .logo {
	position: absolute;
	top: 50px;
	left: 20px;
	width: 175px;
	height: 45px;
	z-index: 50;
	cursor: pointer;
}

/* ***  hlavni menu  *** */
#mainMenuBox {
	position: absolute;
	top: 0;
	left: 195px;
	padding: 5px 0 4px 0;
	line-height: 13px;
	width: 705px;
	line-height: 13px;
	text-align: right;
}
span.fixMainMenu {
	display: block;
	position: absolute;
	top: 4px;
	right: -2px;
	width: 4px;
	height: 15px;
	background: #F0F0F0;
	z-index: 10;
}
ul#menuList-h1 {
	float: right;
	position: relative;
	margin: 0 -1px 0 0;
	height: 13px;
	line-height: 13px;	
	z-index: 10;
}
ul#menuList-h1 li {
	float: left;
	position: relative;
	width: auto;
	list-style: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	color: #666666;	
	border-right: 1px solid #666666;	
}
ul#menuList-h1 li a, ul#menuList-h1 li span {
	display: inline;
	padding: 0 12px;
	text-decoration: none;
	color: #666666;
}
ul#menuList-h1 li a:hover, ul#menuList-h1 li a.selected {
	color: #87B311;
}
ul#menuList-h1 ul {
	position: absolute;
	top: 13px;
	right: 0;
	padding: 4px 0 0 0;
	width: auto;
	border: none;
}
ul#menuList-h1 ul li {
	clear: left;
	width: auto;
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	color: white;
	text-align: left;
	border: none;
}
ul#menuList-h1 ul li a, ul#menuList-h1 ul li span {
	display: block;
	padding: 0 12px;
	width: 125px;
	height: 19px;
	text-decoration: none;
	color: white;
	border-bottom: 1px solid #F0F0F0;
	background: #87B311;
	text-align: left;
}
ul#menuList-h1 ul li a:hover {
	color: white;
	background: #404040;
}

ul#menuList-h1 ul ul {
	top: -4px;
	right: 149px;
	_right: 148px;
}
ul#menuList-h1 ul ul li {
}
ul#menuList-h1 ul ul li a, ul#menuList-h1 ul ul li span {
	border-right: 1px solid white;
}
ul#menuList-h1 ul ul li a:hover {
}

/* ----- ovladani menu ----- */
ul#menuList-h1 ul {
	display: none;
}
ul#menuList-h1 li:hover ul, ul#menuList-h1 li.hover ul {
	display: block;
}
ul#menuList-h1 li:hover li ul, ul#menuList-h1 li.hover li ul {
	display: none;
}
ul#menuList-h1 li:hover li:hover ul, ul#menuList-h1 li.hover li.hover ul {
	display: block;
}


/* ****************  hlavni obsah  ***************** */

#mainBox {
	float: left;
	padding-bottom: 15px;
	width: 735px;
	overflow: hidden;
	background: white;
}
#mainBox.withoutInfoZone {
	float: none;
	width: 900px;
}
#mainContentBox {
	float: right;
	margin: 13px 0 0 0;
	width: 540px;
	overflow: hidden;
}
#mainBox.withoutInfoZone #mainContentBox {
	width: 705px;
	background: white;
}

table {
	border-collapse: collapse;
}
table th, table td {
	font-size: 11px;
	padding: 3px 10px;
}
table.styled thead th, table.content thead th, table.styled thead td, table.content thead td {
	background: #404040;
	color: white;
	border-bottom: 1px solid white;
}
table.styled td, table.content td {
	background: #E4E4E3;
}
table.styled tr.hl td, table.styled tr.hl th, table.content tr.hl td, table.content tr.hl th {
	background: white;
}
table.steps th, table.steps td {
	padding: 0 40px 0 195px;
	color: white;
	font-size: 14px;
}
table.steps .hl1 {
	color: #65c1ff;
}
table.steps a {
	color: white;
}
p.perex {
	color: black;
	font-weight: bold;
}
.spacer15 {
	height: 15px;
}
span.hl1 {
	color: #0099FF;
	font-weight: bold;
}
img.bordered {
	border: 6px solid #E4E4E3;
}
.article {
	margin: 18px 0 0 0;
}
p.dateAuthor, p#dateAuthor {
	margin: 1px 0 0 0;
	font-size: 91.66%;
	color: #6E8C20;
}
.htmlEditorContent {
	margin: 10px 0 0 0;
}
.article ul, ol {
	margin-top: 5px;
}
.article ul li {
	margin-bottom: 2px;
	font-size: 12px;
	margin-left: 26px;
	padding-left: 4px;
	list-style-type: square;
}
ol li {	
	margin-left: 30px;
	margin-bottom: 2px;
	font-size: 12px;	
	list-style-type: decimal;
}


/* ***  galerie  *** */
.gallery {
	clear: both;
	width: 550px;
	margin-top: 18px;
	overflow: hidden;
}
#mainBox.withoutInfoZone .gallery {
	width: 705px;
}
.gallery .gallerySortBy {
	margin-top: 5px;
	font-size: 91.66%;
	font-weight: bold;
}
.gallery .gallerySortBy select {
	margin-left: 10px;
	width: 90px;
}
.gallery .galleryItem {
	float: left;
	margin: 15px 10px 0 0;
	width: 265px;
	height: 115px;
	overflow: hidden;
}
#mainBox.withoutInfoZone .galleryItem {
	width: 320px;	
	margin: 15px 30px 0 0;	
}
.gallery .galleryItem .image {
	float: left;
	padding: 5px;
	width: 147px;
	height: 99px;
	overflow: hidden;
	background: url(GalleryItemBG.gif);
	text-align: center;
}
.gallery .galleryItem .image a {
	display: table-cell;
	height: 99px;
	width: 147px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.gallery .galleryItem h3 {
	margin: 4px 0 10px 3px;
	padding: 0 0 0 7px;
	min-height: 43px;
	height: auto;
	overflow: hidden;
	background: url(GalleryItemLine.gif) 0 2px no-repeat;
	font-size: 12px;
	line-height: 14px;
}
.gallery .galleryItem h3 a {
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
.gallery .galleryItem p {
	margin: 0 0 3px 3px;
	padding: 0 0 0 7px;
	height: 14px;
	overflow: hidden;
	background: url(GalleryItemLine.gif) 0 2px no-repeat;
	color: #404040;
	font-size: 12px;
	line-height: 14px;
}
.gallery .galleryPagging {
	clear: left;
	float: right;
	margin: 15px 10px 0 0;
}

/* ***  seznam  *** */
.list {
	clear: both;
	margin-top: 18px;
	width: 570px;
	overflow: hidden;
}
#mainBox.withoutInfoZone .list {
	width: 705px;
}
.list p.categories {
	display: block;
	margin-top: 13px;
	font-size: 11px;
}
.list p.categories a {
	float: none;
	display: inline;
}
.list .listItem {
	float: left;
	clear: left;
	margin: 15px 30px 0 0;
	width: 540px;
	overflow: hidden;
}
#mainBox.withoutInfoZone .listItem {
	margin: 5px 93px 0 0;
}
.list .listItem h3 {
	height: 14px;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}
.list .listItem h3 a {
	color: #404040;
	text-decoration: none;
}
.list .listItem p.dateAuthor {
	margin-top: -1px;
}
.list .listItem .image {
	float: left;
	margin: 0 10px 15px 0;
	width: 100px;
	height: 75px;
	overflow: hidden;
	border: 6px solid #E4E4E3;		
}
.list .listItem .image a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	width: 100px;
	height: 75px;
}
.list .listItem .introText {
	margin: 2px 0 4px 0;
	font-size: 11px;
	overflow: hidden;
}
.list a {
}

#upBack {
	clear: both;
	margin: 25px 0 0 0;
}
#upBack a {
	float: right;
	margin: 0 0 0 35px;
}


/* ***  banner  *** */
div.banner {
	margin-top: 15px;
}
.banner h2 {
	margin: 0 0 1px 2px;
	font-size: 75%;
	color: #404040;
}


/* ***  katalog, tabulka  *** */
p.category {
	margin-top: 1px;
	font-size: 11px;
	color: #6E8C20;
}
p.category a {
	color: #6E8C20;
}

ul.categories {
	margin: 15px 0 0 0;
}
ul.categories li {
	float: left;
	padding: 0 15px 0 20px;
	width: 145px;
	height: 30px;
	list-style: none;
	color: #CA3544;
	background: url(ListBG.gif) 2px 5px no-repeat;
	overflow: hidden;
}
ul.categories li a {
	color: #CA3544;
}

#marks {
	clear: both;
	color: #CA3544;
}
#marks span {
	float: left;
}
#marks p {
	float: left;
	width: 540px;
	padding-top: 15px;
	margin: 0 0 5px 0;
	color: #404040;
}

ul.sortBy {
	float: left;
	margin: 15px 0 0 0;
	width: 540px;
	height: 20px;
	background: #E4E4E3;
}
ul.sortBy li {
	float: left;
	height: 20px;
	padding: 0 25px;
	line-height: 21px;
	font-size: 11px;
	list-style: none;
	color: black;
	background: url(SortByBG.gif) right 5px no-repeat;
}
ul.sortBy li.noBorder {
	position: relative;
	background: none;
}
ul.sortBy li select {
	margin-top: 2px;
	height: 14px;
	font-size: 11px;
	background: #E4E4E3;
	border: 1px solid #404040;
}
ul.sortBy li select.itemsCount {
	width: 50px;
}
ul.sortBy li select.itemsSort {
	width: 80px;
}
ul.sortBy li a.asc {
	display: block;
	position: absolute;
	top: 5px;
	left: 190px;
	height: 11px;
	width: 7px;
	background: url(ArrowUpOnGrey.gif);
}
ul.sortBy li a.desc {
	display: block;
	position: absolute;
	top: 5px;
	left: 210px;
	height: 11px;
	width: 7px;
	background: url(ArrowDownOnGrey.gif);
}
div.pagging {
	clear: left;
	padding-top: 7px;
	text-align: right;
	color: black;
}
div.pagging a {
	color: black;
	text-decoration: none;
}
div.pagging a:hover {
	color: #CA3544;
}
div.pagging span {
	color: #CA3544;
	font-weight: bold;
}

#items-catalog {
	width: 546px;
}
#items-catalog .itemBox {
	float: left;
	margin: 6px 6px 0 0;
	padding: 6px;
	width: 253px;
	height: 155px;
	border: 1px solid #E4E4E3;
	font-size: 11px;
}
#items-catalog .itemBox h2 {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #CA3544;
	height: 14px;
	overflow: hidden;
}
#items-catalog .itemBox h2 a {
	text-decoration: underline;
}
#items-catalog .itemBox .itemImage {
	float: left;
	width: 80px;
	height: 100px;
	overflow: hidden;
	text-align: center;
}
#items-catalog .itemBox .description {
	float: right;	
	width: 167px;
	font-size: 11px;
}
#items-catalog .itemBox .description .descText {
	height: 80px;
	overflow: hidden;
}
#items-catalog .itemBox .price {
	height: 20px;
	overflow: hidden;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #CA3544;
	line-height: 20px;
}
#items-catalog .itemBox .price span {
	float: left;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #87B311;
	line-height: 20px;
	background: url(CrossPriceBG.gif) 0 9px repeat-x;
}
#items-catalog .itemBox .action {
	position: relative;
	padding-top: 5px;
	clear: both;
	height: 26px;
	overflow: hidden;
}
#items-catalog .itemBox .action span {
	position: absolute;
	font-weight: bold;
}
#items-catalog .itemBox .action span.action {
	top: -2px;
	left: 5px;
}
#items-catalog .itemBox .action span.tip {
	top: 3px;
	left: 45px;
}
#items-catalog .itemBox .action span.new {
	top: 18px;
	left: 12px;
}
#items-catalog .itemBox .action a {
	position: absolute;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: black;
}
#items-catalog .itemBox a.basket {
	top: 6px;
	left: 85px;
	padding: 0 0 0 23px;
	background: url(ButtonBuyIt.gif) no-repeat;
}
#items-catalog .itemBox .action a.compare {
	top: 6px;
	left: 175px;
	padding: 0 0 0 23px;
	background: url(ButtonCompare.gif) 0 3px no-repeat;
}
.items-list .itemBox .description a.basket, .items-list .itemBox .description a.basket span {
	font-weight: normal;
  line-height: 1.3;
}
/* ***  tabulka  *** */
#items-table {
	margin-top: 10px;
	width: 540px;
}
#items-table thead th {
	padding: 5px;
	background: #404040;
	font-size: 11px;
	color: white;
	border-bottom: 3px solid white;
}
#items-table thead th a {
	display: inline;
	color: white;
	text-decoration: none;
}
#items-table thead th a.up {
	padding: 0 13px 0 0;
	background: url(ArrowUpWhite.gif) right 1px no-repeat;
}
#items-table thead th a.down {
	padding: 0 13px 0 0;
	background: url(ArrowDownWhite.gif) right 1px no-repeat;
}
#items-table tbody td {
	padding: 5px;
	font-size: 11px;
	background: #E4E4E3;
}
#items-table tbody tr.hl td {
	background: white;
}
#items-table tbody td .itemImage {
	float: left;
	margin-right: 8px;
	height: 45px;
	width: 55px;
	text-align: center;
}
#items-table tbody td .title {
	height: 14px;
	overflow: hidden;
}
#items-table tbody td .title a {
	color: #404040;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
#items-table tbody td .title span {
	margin-left: 8px;
	font-weight: bold;
}
#items-table tbody td .title span.new {
	color: #84B110;
}
#items-table tbody td .title span.action {
	color: #CA3544;
}
#items-table tbody td .title span.tip {
	color: #0099FF;
}
#items-table tbody td .price {
	clear: right;
	padding-top: 5px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #CA3544;
	text-align: right;
	white-space: nowrap;
}
#items-table tbody td .oldPrice {
	float: right;
	margin-right: 20px;
	font-size: 12px;
	background: url(CrossPriceBG2.gif) 0 8px repeat-x;
	text-align: right;	
	white-space: nowrap;
}
#items-table tbody td.action {
	width: 60px;
	line-height: 20px;
	text-align: left;
}

/* ***  porovnani  *** */
#compareList {
	width: 100%;
}
#compareList th, #compareList td {
	padding: 5px 7px;
}
#compareList td {
	text-align: center;
}
#compareList thead th {
	background: #404040;
	color: white;
	border-bottom: 3px solid white;
}
#compareList thead th a {
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
}
#compareList thead tr td {
	vertical-align: bottom;
}
#compareList thead tr td p {
	height: 32px;
}
#compareList thead tr td a {
	line-height: 16px;
}
#compareList thead tr td a.blue {
	color: #0099FF;
}
#compareList tbody th, #compareList tbody td {
	font-weight: normal;
	background: #E4E4E3;
}
#compareList tbody tr.hl th, #compareList tbody tr.hl td {
	background: white;
}
#compareList tbody tr.same th, #compareList tbody tr.same td {
	color: #888888;
}
#compareList tfoot th, #compareList tfoot td {
	padding: 8px 7px 5px 7px;
	border-top: 3px solid white;
	background: url(CompareBG.gif) repeat-x;
	vertical-align: top;
}
#compareList tfoot td strong {
	display: block;
}
#compareList tfoot td span {
	color: #888888;
	background: url(CrossPriceBG2.gif) 0 7px repeat-x;
}
#compareList .col1 {
	width: 140px;
}

/* ***  nakupni kosik  *** */
#basketList {
	margin: 15px 0 0 0;
	width: 705px;
}
#basketList th, #basketList td {
	padding: 3px 7px 5px 7px;
	font-size: 11px;
	line-height: 1.3;
}
#basketList thead th {
	background: #404040;
	color: white;
	border-bottom: 3px solid white;
}
#basketList thead th.center {
	text-align: center;
}
#basketList td, #basketList th {
	background: #E4E4E3;
	border-bottom: 1px solid white;
}
#basketList td span, #basketList th span {
	font-size: 10px;
	font-weight: normal;
}
#basketList tr.hl td, #basketList tr.hl th {
	background: white;
}
#basketList td.right, #basketList th.right {
	text-align: right;
}
#basketList td.blue {
	color: #0099FF;
}
#basketList td.green {
	color: #84B110;
	font-size: 12px;
	font-weight: bold;
}
#basketList td.bold {
	font-weight: bold;
}
#basketList td.action {
	text-align: center;
}
#basketList td.taxHeader {
	font-weight: bold;
	background: #606060;
	color: white;
	border-top: 3px solid white;
}
#basketList .col1 {
	width: 100px;
}
#basketList .col3 {
	width: 40px;
}
#basketList .col4 {
	width: 130px;
}
#basketList .col5 {
	width: 130px;
}
#basketList .col6 {
	width: 109px;
}
#basketList input {
	width: 20px;
	padding: 2px 3px;
	border-top: 2px solid #C8C8C8;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;		
	font-size: 11px;
	background: #F0F0F0;		
}

/* ***  upback  *** */
#upBack {
	margin: 20px 10px 0 0;
	height: 25px;
}

/* ***  seznam zbozi  *** */
.items-list {
	margin-top: 18px; 
	width: 585px;
	overflow: hidden;
}
#mainBox.withoutInfoZone .items-list {
	width: 740px;
}
.items-list .itemBox {
	float: left;
	margin: 9px 45px 0 0;
	padding: 6px 0;
	width: 150px;
	height: 142px;
	overflow: hidden;
	border-bottom: 1px solid #888888;
}
#mainBox.withoutInfoZone .itemBox {
	margin: 9px 35px 0 0;
}
.items-list .itemBox .itemImage {
	float: left;
	width: 95px;
	height: 95px;
	overflow: hidden;
	text-align: center;
}
.items-list .itemBox .description {
	float: left;
	margin: 5px 0 0 10px;
	width: 45px;
	overflow: hidden;
}
.items-list .itemBox .description span {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
}
.items-list .itemBox h3 {
	clear: left;
	padding-top: 2px;
	height: 14px;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
}
.items-list .itemBox h3 a {
	color: #666666;
	text-decoration: none;
}
.items-list .itemBox .price {
	font-size: 14px;
	color: #CA3544;
}
.items-list .itemBox .price span {
	font-size: 11px;
	color: #84B110;
	font-weight: bold;
	background: url(CrossPriceBG.gif) 0 7px repeat-x;
}

/* ***  vyhledavani  *** */
#searchBoxExt h1 {
	margin-bottom: 20px;
}
#searchBoxExt h3 {
	margin-top: 10px;
}
#searchBoxExt p.pages {
	margin: 15px 0 15px 0;
}
#searchBoxExt p.results {
	margin: 7px 0 20px 0;
}

.detailSearch {
	line-height: 1.6;
	margin: 15px 0 25px 0;
}
.detailSearch table {
	margin: 10px 0;
}
.detailSearch table th, .detailSearch table td {
	line-height: 1.6;
	padding: 5px 0;
	vertical-align: baseline;
}
.detailSearch table .col1 {
	width: 150px;
}
.detailSearch .bordered {
	margin: 10px 0 10px 0;
	padding: 10px 0;
	border-top: solid #a0a0a0 3px;
	border-bottom: solid #a0a0a0 3px;
}
.detailSearch .leftSpace {
	margin-left: 10px;
}
.detailSearch span.line {
	display: block;
	height: 3px;
	overflow: hidden;
	margin: 20px 0 -10px 0;
	background: #a0a0a0;
}
.detailSearch a.ordering {
	float: left;	
}
a#ctl00_mainContent_hlShowSearch {
	display: none;
	float: left;	
	margin: 13px 0 0 0;
}

/* ***  search box  *** */
#searchBox {
	position: absolute;
	top: 195px;
	left: 0;
	padding-top: 2px;
	height: 60px;
	width: 180px;
	border-bottom: 3px solid #A0A0A0;
	overflow: hidden;
}
#searchBox h2 {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
#searchBox input.text {
	float: left;
	margin-top: 4px;
	padding: 1px 4px;
	height: 14px;
	width: 127px;
	border: none;
	background: url(SearchBoxBG.gif) no-repeat;
	font-size: 11px;
	color: #666666;
}
#searchBox input.submit {
	float: left; 
	margin: 5px 0 0 10px;
	height: 14px;
	width: 17px;
	background: url(ArrowRight.gif) 2px 2px no-repeat;
	cursor: pointer;
}
#searchBox a {
	clear: both;
	display: block;
	padding-top: 3px;
	font-size: 11px;
}

/* ***  tlacitka  *** */
a.up {
	display: block;
	padding: 0 0 0 15px;
	height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #87B311;
	line-height: 13px;
	background: url(ArrowUp.gif) 0 1px no-repeat;
	text-decoration: none;
}
a.back {
	display: block;
	padding: 0 0 0 18px;
	height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #87B311;
	line-height: 13px;
	background: url(ArrowLeft.gif) 0 4px no-repeat;
	text-decoration: none;
}
a.print {
	display: block;
	padding: 0 0 0 15px;
	height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #87B311;
	line-height: 13px;
	background: url(ButtonPrintSmall.gif) 0 3px no-repeat;
	text-decoration: none;
}
a.ordering, a.follow {
	display: block;
	padding: 0 18px 0 0;
	height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #87B311;
	line-height: 13px;
	background: url(ArrowRightSmall.gif) right 3px no-repeat;
	text-decoration: none;
}
a.buyIt {
	margin: 0 0 0 3px;
	padding: 0 0 0 25px;
	background: url(ButtonBuyIt.gif) no-repeat;
}
div.links {
	margin: 20px 0 0 0;
}
div.links a {
	float: right;
	margin-left: 35px;
	height: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #87B311;
	line-height: 13px;
}

/* ***  submenu  *** */
#subMenuBox {
	float: left;
	margin: 60px 0 0 0;
	width: 180px;
	overflow: hidden;
}

div#switchBox {
	position: absolute;
	top: 75px;
	left: -10px;
	height: 135px;
	width: 920px;
	background: url(SwitchBG.jpg) 0 49px repeat-x;
	overflow: visible;
}
div#switch {
	float: left;
	margin: 0 0 0 160px;
	padding: 0 0 0 30px;
	height: 135px;
	background: url(SwitchLeft.gif) 0 91px no-repeat;
}
div#switch ul.switch {
	float: left; 
	margin: 0;
	padding: 0 30px 0 0;
	height: 135px;
	overflow: visible;
	background: url(SwitchRight.gif) right 91px no-repeat;
}
div#switch ul.switch li {
	float: left;
	height: 135px;
	list-style: none;
	color: white;
	background: url(SwitchBG.gif) 0 91px repeat-x;
}
div#switch ul.switch li a, div#switch ul.switch li span {
	float: left;
	height: 35px;
	padding: 100px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}
div#switch ul.switch li a:hover, div#switch ul.switch li a.selected {
	color: #CA3544;
}
div#switch ul.switch li a.BG1, div#switch ul.switch li span.BG1 {
	background: url(SwitchBG1.jpg) center 14px no-repeat;
	padding: 100px 8px 0 8px;
}
div#switch ul.switch li a.BG2, div#switch ul.switch li span.BG2 {
	background: url(SwitchBG2.jpg) center 24px no-repeat;
	padding: 100px 25px 0 25px;	
}
div#switch ul.switch li a.BG3, div#switch ul.switch li span.BG3 {
	background: url(SwitchBG3.jpg) center 18px no-repeat;
	padding: 100px 30px 0 30px;	
}
div#switch ul.switch li a.BG4, div#switch ul.switch li span.BG4 {
	background: url(SwitchBG4.jpg) center 9px no-repeat;
	padding: 100px 13px 0 13px;	
}
div#switch ul.switch li a.BG5, div#switch ul.switch li span.BG5 {
	background: url(SwitchBG5.jpg) center 18px no-repeat;
	padding: 100px 20px 0 20px;	
}
div#switch ul.switch li a.BG6, div#switch ul.switch li span.BG6 {
	background: url(SwitchBG6.jpg) center 12px no-repeat;
	padding: 100px 20px 0 20px;	
	}

#currency {
	position: absolute;
	right: 30px;
	top: 140px;
	color: White;
}
#currency select {
	width: 70px;
}
#subMenu 
{
	margin-bottom:25px;
}
#subMenu ul {
	margin: 15px 0 0 0;
}
#subMenu ul li {
	display: block;
	list-style: none;
}
#subMenu ul li a {
	display: block;
	width: 155px;
	padding: 2px 0 2px 25px;
	background: url(ArrowRightSmall.gif) 3px 6px no-repeat;
	line-height: 15px;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}
#subMenu ul li.SMitem2 a {
	background: url(ArrowRightSmallBlue.gif) 3px 6px no-repeat;
	color: #0099FF;
}
#subMenu ul li.SMitem3 a {
	background: url(ArrowRightSmallGreen.gif) 3px 6px no-repeat;
	color: #84B110;
}
#subMenu ul li a:hover, #subMenu ul li a.selected {
	text-decoration: underline;
}
#subMenu ul ul {
	margin: 10px 0 10px 10px;
}
#subMenu ul ul li {
	height: auto;
}
#subMenu ul ul li a {
	display: block;
	width: 145px;
	padding: 2px 0 2px 25px;
	background: url(ArrowRightSmall.gif) 3px 6px no-repeat;
	line-height: 13px;
	color: #333333;
	text-decoration: none;
	overflow: hidden;	
}
#subMenu ul li.SMitem2 ul li a {
	background: url(ArrowRightSmallBlue.gif) 3px 6px no-repeat;	
	color: #333333;
}
#subMenu ul li.SMitem3 ul li a {
	background: url(ArrowRightSmallGreen.gif) 3px 6px no-repeat;
	color: #333333;	
}
#subMenu ul ul li a:hover, #subMenu ul ul li a.selected {
	text-decoration: underline;
}
#subMenu ul ul ul {
	margin: 6px 0 6px 10px;
}
#subMenu ul ul ul li {
	height: 150px;
	height: auto;
	overflow: hidden;
}
#subMenu ul ul ul li a {
	display: block;
	width: 135px;	
	padding: 1px 0 1px 25px;
	line-height: 13px;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	background: none;
	white-space: normal;
	overflow: hidden;	
}
#subMenu ul li.SMitem2 ul ul li a {
	background: none;
}
#subMenu ul li.SMitem3 ul ul li a {
	background: none;
}
#subMenu ul ul ul ul li a {
	width: 125px;	
	overflow: hidden;	
}

/* ***  dostupnost  *** */
body.checkAvail {
	text-align: left;
	padding: 25px;
}

table.checkAvailTable td {
	padding-left: 0;
}
table.checkAvailTable .submit {
	padding: 0 15px 0 0;
	background: url(ArrowRightSmall.gif) right 5px no-repeat;
}

.checkAvail p {
	margin-top: 5px;
	color: #84B110;	
	font-weight: bold;
}
.checkAvail .okBox {
	margin-top: 10px;
	color: #84B110;
	font-weight: bold;
}
.checkAvail .errorBox {
	margin-top: 10px;
	padding: 5px;
	border: 2px solid #CA3544;
	color: #CA3544;	
}

/* ***  formular  *** */
.form1 {
	margin: 18px 0 0 0;
}
.form1 .submit {
	padding: 0 15px 0 0;
	background: url(ArrowRightSmall.gif) right 5px no-repeat;	
}
.form1 input.text, .form1 textarea {
	width: 250px;
}
.form1 table th, .form1 table td {
	padding-left: 0;
}
.form1 table .top {
	vertical-align: top;
}
.form1 .okBox {
	margin: 10px 0 15px 0;
	color: #84B110;
	font-weight: bold;
}
.form1 .errorBox {
	margin: 10px 0 15px 0;
	padding: 5px 10px;
	border: 2px solid #CA3544;
	color: #CA3544;	
}


/* ****************  infozona  **************** */

#infoContentBox {
	margin: 0 0 15px 0;
	padding: 2px 0 0 10px;
	float: right;
	width: 150px;
	overflow: hidden;
	border-top: solid white 23px;
}

/* ***  kosik v infozone  *** */
#basketInfo {
	padding: 0 1px 6px 1px;
	font-size: 11px;
	border-bottom: 3px solid #A0A0A0;
}
#basketInfo h2 {
	margin: 0 0 4px 0;
	font-size: 12px;
	color: #84B110;
}
#basketInfo h2 a {
	color: #84B110;
}
#basketInfo h3 {
	margin: 0;
	height: 13px;
	font-weight: normal;
	overflow: hidden;
}
#basketInfo h3 a {
	display: block;
	font-size: 11px;
	color: #CA3544;
}
#basketInfo .price {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #A0A0A0;
	font-weight: bold;
	text-align: right;
}
#basketInfo .price span {
	float: left;
	font-weight: normal;
}
#basketInfo .goToOrder {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #A0A0A0;
	font-weight: bold;
	text-align: left;	
}
span.topcount, span.topcompare {
	position: absolute;
	top: 68px;
	right: 10px;
	color: black;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
span.topcompare {
	top: 88px;
}
span.topcount a, span.topcompare a {
	color: #CA3544;
}

#compareInfo {
	margin: 12px 0 0 0;
	padding: 0 1px 6px 1px;	
	font-size: 11px;
	border-bottom: 3px solid #A0A0A0;	
}
#compareInfo h2 {
	margin: 0 0 4px 0;
	font-size: 12px;
	color: #CA3544;	
}
#compareInfo h2 a {
	color: #CA3544;
	height: 14px;
}
#compareInfo a {
	margin: 0;
	color: #0099FF;
	overflow: hidden;
}
#compareInfo .total {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #A0A0A0;
	font-weight: bold;
	text-align: right;
}
#compareInfo .total span {
	float: left;
	font-weight: normal;
}




/* ****************  paticka  **************** */

#footerBox {
	clear: both;
	padding: 10px 0 0 0;
	height: 38px;
	line-height: 38px;
	background: white url(FooterBG.gif) 0 10px repeat-x;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}
#footerBox .leftBG {
	float: left;
	height: 38px;
	width: 10px;
	background: url(FooterLeftBG.gif) no-repeat;
}
#footerBox-copy {
	float: right;
	padding: 0 20px 0 0;
	height: 38px;
	width: 870px;
	background: url(FooterRightBG.gif) right top no-repeat;
}
#footerBox-copy a {
	color: white;
}
#partnersBottomTrans {
	clear: both;
	padding: 10px 20px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.1;
	color: #999999;
}
#partnersBottomTrans a {
	color: #999999;
}
.panelSteps {
margin: 15px 0px 10px 0px;
}
.panelSteps a, .panelSteps span {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-right: 50px;
}
.panelSteps a:hover, .panelSteps span.active {
	background-position: 0 -60px;
}
.panelSteps a#ctl00_mainContent_lbStep0ShopingCart,
.panelSteps span#ctl00_mainContent_lblStep0ShopingCart {
	background-image: url(../Modules/Shop/Design/OrderStepCart.jpg);
}
.panelSteps a#ctl00_mainContent_lbStep1Address,
.panelSteps span#ctl00_mainContent_lblStep1Address {
	background-image: url(../Modules/Shop/Design/OrderStepCustomer.jpg);
}
.panelSteps a#ctl00_mainContent_lbStep2DeliveryPaymentMethods,
.panelSteps span#ctl00_mainContent_lblStep2DeliveryPaymentMethods {
	background-image: url(../Modules/Shop/Design/OrderStepPayment.jpg);
}
.panelSteps a#ctl00_mainContent_lbStep3Recapitulation,
.panelSteps span#ctl00_mainContent_lblStep3Recapitulation {
	background-image: url(../Modules/Shop/Design/OrderStepRecap.jpg);
}
.panelSteps span#ctl00_mainContent_lblStep4OrderCompleted {
	background-image: url(../Modules/Shop/Design/OrderStepComplete.jpg);
	margin-right: 0;
}