body {}
img {border: none;}
a {color: rgb(20,59,138);}
a:hover {color: rgb(199,16,6);}

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-size: 100%;}

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.clearLeft {clear: left; font-size: 1px; line-height: 1px; height: 1px;}
.clearRight {clear: right; font-size: 1px; line-height: 1px; height: 1px;}
.layout {border-collapse: collapse;}
.displayNone {display: none;}
.errorLabel {display: block; color: Red; padding: 10px 0px 10px 0px;}

/********************* forms **********************/
.label {display: block; margin-top: 5px; font-size: 90%; color: Gray;}
.inputItem {width: 400px; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%;}
.numericTextBox {text-align: right;}


/********************* article detail ********************/

#articleDetail .back {font-weight: bold; margin: 20px 0px 0px 0px;}
#articleDetail .back a {}

#articleDetail .pictureList .itemPicture {padding: 20px; width: 230px; text-align: center; vertical-align: top;}

#articleDetail .sectionPath {padding: 10px 10px 10px 0px; font-size: 120%;}
#articleDetail .sectionPath a {text-decoration: none; font-weight: bold;}

#articleDetail .articleImage {margin: 0px 15px 15px 15px; float: right; padding-left: 6px;}
#articleDetail .articleTitle {font-size: 120%; text-align: left;}
#articleDetail .publishDate {text-align: right; font-size: 80%; color: Gray;}
#articleDetail .subtitle {display: block;}
#articleDetail .articleText {margin: 0px; padding: 0px; text-align: justify;}
#articleDetail .stock {display: none; margin: 10px 0px 0px 0px; text-align: right;}
#articleDetail .priceBlock {font-weight: bold; margin: 0px 0px 0px 0px; float: right;}
#articleDetail .priceBlock .priceLabel {font-weight: normal; padding-right: 0.5em; display: inline; font-size: 100%;}
#articleDetail .priceBlock .priceUsual, #articleDetail .priceBlock .priceShop, #articleDetail .priceBlock .priceDiscount {display: block;}
#articleDetail .priceBlock .priceUsual {color:red; font-size: 80%;}
#articleDetail .priceBlock .priceDiscount {color: #FF0000;}
#articleDetail .addToBasket {width: 80px;}
#articleDetail .addToBasket .basket {display: block; text-decoration: none; margin-left: 5px; float: right; background-color: #ee2629; color: White; padding: 2px 10px 2px 10px;}
#articleDetail .addToBasket .amount {color: Black; font-size: 80%; width: 10px; height: 10px; border: solid 1px gray; font-weight: bold; text-align: center; padding: 4px; float: right; margin-left: 10px;}
#articleDetail p {padding-top: 10px;}

.navigationArticleSkip {float: right; margin-right: 10px; font-size: 80%; padding-top: 3px;}
.navigationArticleSkip .previous {text-decoration: none; margin-right: 15px;}
.navigationArticleSkip .next {text-decoration: none;}

/********************* section **********************/

.sectionPerex {}
.sectionPerex .sectionPerexImage {float: right; padding-left: 10px;}

.articleList {width: 99%; border-collapse: collapse;}
.articleList .sectionItem {border-bottom: solid 1px silver; padding-bottom: 5px; margin-bottom: 5px; clear: left;}
.articleList .sectionItem .perexImage {display: block; float: left; width: 150px; height: 150px; text-align: center; padding: 5px; margin-right: 10px; border: solid 1px silver;}
.articleList .sectionItem .articlePerex {}
.articleList .sectionItem .articleTitle {margin: 0px; padding: 0px;}
.articleList .sectionItem .addToBasket {float: right; background-color: #ee2629; color: White; padding: 2px 10px 2px 10px; text-decoration: none;}
.articleList .sectionItem .stock {display: block;}
.articleList .sectionItem .price {display: block; font-size: 120%; font-weight: bold;}

/********************* section tiles *******************/

.articleListTiles {border-collapse: collapse; table-layout: fixed; width: 100%;}
.articleListTiles td {vertical-align: top; text-align: center; padding: 4px; width: 25%; border: solid 1px  rgb(164,164,164);}
.articleListTiles td table td {border: none;}
.articleListTiles .sectionItem {margin: 0px; padding: 0px; text-align: left;}
.articleListTiles .sectionItem .perexImage {display: block; text-align: left; margin: 0px 10px 0px 0px;}
.articleListTiles .sectionItem .articlePerex {padding: 0px; text-align: left; text-decoration: none;}
.articleListTiles .sectionItem .articleTitle {display: block; margin: 0px 0px 10px 0px; padding: 0px; text-align: left; text-decoration: none; font-weight: bold; font-size: 100%;}
.articleListTiles .sectionItem .articleTitle a {}
.articleListTiles .sectionItem .articleTitle a:hover {}

.articleListTiles .sectionItem .addToBasket {display: block; width: 21px; height: 16px; margin: 2px 0px 0px 0px; background-image: url('/images/basket.gif'); background-position: left center; background-repeat: no-repeat; text-decoration: none; float: left;}
.articleListTiles .sectionItem .priceBlock {color: Black; font-size: 80%; font-weight: bold; text-align: left;}
.articleListTiles .sectionItem .priceBlock .t, .articleListTiles .sectionItem .priceBlock .priceShop, .articleListTiles .sectionItem  .priceBlock .priceDiscount {display: block;}
.articleListTiles .sectionItem .priceBlock .priceUsual {color:red; font-size: 80%;}
.articleListTiles .sectionItem .priceBlock .priceShop {font-size: 120%;}
.articleListTiles .sectionItem .priceBlock .priceLabel {font-weight: normal; padding-right: 0.5em; display: inline; font-size: 100%;}
.articleListTiles .sectionItem .priceBlock .priceDiscount {color: #FF0000;}
.articleListTiles .sectionItem .priceBlock .value {}
.articleListTiles .sectionItem .basketBlock {font-weight: bold; float: right; text-align: right;}
.articleListTiles .sectionItem .amount {float: left; font-size: 100%; width: 10px; height: 10px; border: solid 1px gray; font-weight: bold; text-align: center; padding: 4px; margin-right: 5px;}

/********************* shop section *******************/

.shopList {border-collapse: collapse; table-layout: fixed; width: 100%;}
.shopList td {vertical-align: top; text-align: center; padding: 4px; width: 25%; border-bottom: dotted 1px  rgb(164,164,164);}
.shopList td table td {border: none;}
.shopList .sectionItem {margin: 0px; padding: 0px; text-align: left;}
.shopList .sectionItem:hover {background-color: #EFEFEF;}
.shopList .sectionItem .perexImage {display: block; text-align: left; margin: 0px 10px 0px 0px;}
.shopList .sectionItem .articlePerex .type {font-size: 90%; color: Gray;}
.shopList .sectionItem .articlePerex {padding: 0px; text-align: left; text-decoration: none;}
.shopList .sectionItem .articleTitle {display: block; margin: 5px 0px 0px 0px; padding: 0px; text-align: left; text-decoration: none; font-weight: bold; font-size: 100%;}
.shopList .sectionItem .articleTitle a {}
.shopList .sectionItem .articleTitle a:hover {color: Black;}

.shopList .sectionItem .addToBasket {display: block; background-color: #ee2629; color: White; padding: 2px 10px 2px 10px; text-decoration: none; float: left;}
.shopList .sectionItem .priceBlock {float: right; color: Black; font-size: 80%; font-weight: bold; text-align: left;}
.shopList .sectionItem .priceBlock .t, .articleListTiles .sectionItem .priceBlock .priceShop, .articleListTiles .sectionItem  .priceBlock .priceDiscount {display: block;}
.shopList .sectionItem .priceBlock .priceUsual {display: none; color:red; font-size: 80%;}
.shopList .sectionItem .priceBlock .priceShop {display: none; font-size: 120%;}
.shopList .sectionItem .priceBlock .priceLabel {display: none; font-weight: normal; padding-right: 0.5em; display: inline; font-size: 100%;}
.shopList .sectionItem .priceBlock .priceDiscount {color: #FF0000;}
.shopList .sectionItem .priceBlock .value {}
.shopList .sectionItem .basketBlock {font-weight: bold; float: right; text-align: right;}
.shopList .sectionItem .amount {float: left; font-size: 100%; width: 10px; height: 10px; border: solid 1px gray; font-weight: bold; text-align: center; padding: 4px; margin-right: 5px;}

.attributes td {text-align: left;}
.searchResult {display: block; margin-top: 15px; padding: 5px; background-color: #EEEEEE;}
.shopSearch .button {background-color: #ee2629; color: black; padding: 1px 10px 1px 10px; border: none;}
.shopSearch .comment {color: Gray;}
.highlight {background-color: Yellow;}

/************************** basket *************************/

#orderForm {width: 100%;}
#orderForm .articleTitle {font-size: 100%;}
#orderForm .basketList {width: 99%; border-collapse: collapse;}
#orderForm .basketList td {padding: 2px 4px 2px 4px;}
#orderForm .basketList .header {background-color: gray; color: White;}
#orderForm .basketList .header th {padding: 2px 4px 2px 4px; text-align: center;}
#orderForm .basketTotalSum {width: 99%; border-collapse: collapse; background-color: silver;}
#orderForm .basketTotalSum td {text-align: right; font-weight: bold; padding: 2px 4px 2px 4px;}
#orderForm .basketButtons {padding: 20px; text-align: center;}
#orderForm .basketButtons .button {width: 120px; cursor: pointer; padding: 5px 0px 5px 0px;}
#orderForm .basketButtons .pay {background-color: #ee2629; color: White; font-weight: bold; width: 150px;}
#orderForm .basketButtons .back {background-color: #20602F; color: White; font-weight: bold; width: 150px;}
#orderForm .paying .basketList .selected, #orderForm .shipping .basketList .selected {font-weight: bold;}
#orderForm .paying .basketList .header, #orderForm .shipping .basketList .header {background-color: rgb(198, 217, 236); color: black;}
#orderForm .paying .basketList .sum td, #orderForm .shipping .basketList .sum td {border-top: solid 1px silver;}
#orderForm .paying .basketList .description, #orderForm .shipping .basketList .description {margin-left: 20px; padding-top: 2px; font-size: 80%;}

#basketNavigation {margin: 20px 0px 20px 0px;}
#basketNavigation .step1, #basketNavigation .step2 {padding-right: 0px;}

.basketShowBack {text-align: center; border-bottom: solid 1px silver; margin-bottom: 10px; padding-bottom: 10px;}
.basketShowBack a {display: block; width: 200px; background-color: #336699; color: #FFFFFF; font-weight: bold; margin: auto; padding: 5px;}

/*********************** order form ************************/

#orderForm .termsOfTrade {margin: 20px 0px 20px 0px;}
#orderForm .buttons {margin: 20px 0px 0px 0px; padding: 5px; border-top: silver 1px solid; border-bottom: silver 1px solid; text-align: center; background-color: #DDDEDA;}
#orderForm .buttons .button {width: 180px;}
#orderForm .buttons .continue {background-color: #20602F; color: White; font-weight: bold;}
#orderForm .rbAccount {cursor: pointer;}
#orderForm .rbAccountSelected {font-weight: bold;}
#orderForm .description {margin-left: 20px; padding-top: 2px; font-size: 80%;}
#orderForm .loginDialog {margin-left: 250px;}
#orderForm .loginDialog .inputItem {width: 135px;}
#orderForm .loginDialog .button {font-size: 90%; margin-right: 10px;}
#orderForm fieldset {width: 500px; padding-top: 10px;}
#orderForm fieldset .inside {padding: 0px 10px 10px 10px;}
#orderForm .formContent {margin-left: 20px;}
#orderForm .formLogin {margin-left: 20px;}
#orderForm .formLogin fieldset {width: 300px;}

#customerAccountNew {margin: 5px 0px 0px 15px;}
#customerAccountLogin {margin: 5px 0px 0px 15px;}

/********************* login box *************************/

#loginBox {}
#loginBox .userName {display: block; font-weight: bold;}
#loginBox .changeSettings {font-size: 80%;}
#loginBox .logout {font-size: 80%; font-weight: bold;}
#loginBox .loginDialog .inputItem {width: 135px;}
#loginBox .loginDialog .button {font-size: 90%; margin-right: 10px;}


.rightContent .basketBox {width: 188px; background-color: #ee2629; margin: 0px 0px 10px 15px; padding: 10px;}
.rightContent .basketBox .title {font-weight: bold; border-bottom: solid 1px black;}
.rightContent .basketBox .pay {display: block; text-align: center; margin: 5px; font-weight: bold;}
.rightContent .basketBox .pay:hover {color: Black;}

/********************* footer ****************************/

#footer {clear:both; text-align: center; margin: auto; width: 900px; color: rgb(79,79,79); padding: 5px 0px 5px 0px; font-size: 100%; border-top: 1px solid silver;}
#footer a {text-decoration: none; color: rgb(79,79,79);}
#footer a:hover {text-decoration: underline;}

#copyright {text-align: center; margin: auto; width: 900px; color: rgb(79,79,79); padding: 5px 0px 5px 0px; font-size: 80%;}
#copyright a {text-decoration: none; color: rgb(79,79,79);}
#copyright a:hover {text-decoration: underline;}

/****** navigace - strankovani *****/

.navigation {text-align: center; font-size: 100%; padding-top: 3px;}
.pageCounterNavigation {}
.navigationPageNumber {}
.navigationSelectedPage {padding: 1px; font-weight: bold;}
.navigationDisabled {text-decoration: none; color: #000000; padding-left: 5px;}
.navigationEnabled {padding-left: 5px;}