body
{ margin: 0px; padding: 0px; font-size: 10pt; font-family: Arial; text-align: center; background: url('img/background.gif') 0px 0px repeat-x #663300; padding-bottom: 50px }
input,select,textarea
{ font-size: 10pt; font-family: Arial; vertical-align: middle }
a
{ text-decoration: none }
a:hover
{ text-decoration: underline }
a img
{ border: none }
img
{ vertical-align: middle }

#page
{ text-align: left; margin: 0px auto; width: 998px; padding-top: 10px }
#document
{ padding: 10px; background-color: #fff }
#head1
{ background: #e6cc99; text-align: right; padding: 10px 15px }
#head1 .basket
{ background: url('img/cart.gif') 0px center no-repeat; padding-left: 20px }
#head1 a
{ color: #f60 }
#head1 span
{ font-size: 8pt }
#head1 strong
{ color: #f60 }
#siteLogo
{ padding: 10px 0px 1px 0px }
#head2
{ background: url('img/menu2-background.gif') left center repeat-x #630 }
#head2 a
{ display: block; color: #fff; float: left; padding: 10px 15px }
#head2 a:hover, #head2 a.selected
{ background: url('img/li0s.gif') center bottom no-repeat; text-decoration: none  }
#column
{ width: 250px; float: left; padding: 10px 0px }
#content
{ width: 708px; float: right; padding: 10px 0px }
#content h3
{ font-size: 12pt; font-weight: bold; padding: 10px 0px 3px 0px; color: #f00; margin: 0px 0px 4px 0px; border-bottom: 1px dotted #e6cc99 }
#content p
{ margin: 2px 0px; padding: 0px }

#footer
{ font-size: 8pt; text-align: right; border-top: 3px solid #963 }
#footer a
{ color: #000 }

.menu-head
{ background: url('img/menu-head.png') center center repeat-x; font-size: 12pt; font-weight: bold; padding: 10px 15px; color: #fff; margin-bottom: 4px }
#menu3 ul
{ list-style: none; background: #e6cc99; padding: 5px 10px; margin: 0px }
#menu3 ul ul
{ margin: 5px 10px; padding: 0px }
#menu3 ul li
{ margin: 2px 0px; padding: 0px }
#menu3 a
{ color: #000; padding-left: 15px }
#menu3 li a
{ background: url('img/li1.gif') 2px 3px no-repeat }
#menu3 li li a
{ background: url('img/li2.gif') 2px 4px no-repeat }
#menu3 a.selected
{ text-decoration: underline }

#menu5 p
{ margin: 0px; padding: 10px 15px; background: #e6cc99 }

#searchForm
{ background: #e6cc99; margin: 10px 0px; padding: 5px 10px }
.input, .textarea
{ border: 1px solid #963 }
.submit
{ border: 1px solid #999; background: #ddd }

.subPagesList
{ padding: 10px 15px; background: #e6cc99; margin: 4px 0px }
.subPageItem
{ float: left; width: 33% }
.subPageItem a
{ color: #000; padding-left: 15px; background: url('img/li2.gif') 2px 4px no-repeat }

.strankovani
{ text-align: right; font-size: 8pt; padding: 5px 0px; float: right; width: 50% }
.strankovani a
{ color: #000 }
.productCount
{ width: 50%; float: left; font-size: 8pt; padding: 5px 0px }

.productsList
{ float: left; width: 236px; position: relative; overflow: hidden; border-bottom: 1px dotted #e6cc99; }
.productsListItem
{ height: 236px }
.productsListItemThird
{ border-right: 1px dotted #e6cc99; border-left: 1px dotted #e6cc99 }
.productsList h4
{ font-size: 10pt; font-weight: bold; margin: 0px; padding: 5px }
.productsList h4 a
{ color: #000 }
.productImage
{ text-align: center; padding-top: 10px }
.productPrice
{ text-align: left; font-size: 10pt; position: absolute; bottom: 25px; left: 5px }
.productAddBasket
{ text-align: right; position: absolute; bottom: 5px; right: 5px }
.productAddBasket a
{ color: #f60; font-weight: bold; background: url('img/cart.gif') 0px center no-repeat; padding-left: 20px  }

.clear
{ clear: both }

.breadcrumbs
{ font-size: 8pt; padding-bottom: 10px }
.breadcrumbs a
{ color: #000 }
.breadcrumbs em
{ padding: 0px 5px }
.productItemImage
{ width: 250px; float: left; text-align: center }

.productItemInfo
{ width: 350px; height: 250px; float: right; text-align: center }
.productItemAddBasket
{ margin: 0px 50px; background: #eee; padding-bottom: 30px; padding-top: 10px }
.productItemAvailable
{ margin: 0px 50px; background: #eee }
.productItemPrice
{ margin: 0px 50px; background: #eee; padding-top: 30px; font-size: 12pt; margin-top: 60px }
.productItemNoPrice
{ margin: 0px 50px; background: #eee; padding-top: 30px; font-size: 12pt; margin-top: 60px }
.productFiles
{}
.productFileItem a
{ color: #000 }
.productGallery
{}
.productGalleryItem
{ float: left }

.message
{ padding: 15px; border-width: 1px; border-style: solid; font-weight: bold; font-size: 10pt; width: 30%; margin: 15px auto; text-align: center }
.error
{ border-color: rgb(255,0,0); color: rgb(255,0,0); background-color: rgb(255,204,204) }
.warning
{ border-color: rgb(255,102,0); background-color: rgb(255,210,160); color: rgb(255,102,0) }
.notice
{ border-color: rgb(32,144,0); background-color: #b1ff91; color: rgb(32,144,0) }

.formBasket, .productTable
{ padding-top: 15px }
.formBasket table, .productTable table
{ width: 708px }
.formBasket thead th, .productTable thead th
{ border-bottom: 1px solid #630 }
.formBasket tfoot td, .formBasket tfoot th
{ border-top: 1px solid #630; font-weight: bold }
tfoot .sumProducts td
{ border-top: 1px solid #630 }
.sumOrder
{ font-weight: bold }
.formBasket a, .productTable a
{ color: #000 }
.formBasket tbody td, .productTable tbody td
{ padding: 2px 0px }
.basketButtons
{ padding-top: 15px; text-align: right }
.basketButtons input
{ margin: 0px 2px }

.orderForm h4
{ margin: 5px 0px; padding: 0px; color: #630 }
 
table .name
{}
table .price
{ text-align: right; width: 90px }
table .quantity
{ text-align: center; width: 40px }
table .quantity input
{ width: 25px; text-align: right }
table .summary
{ text-align: right; width: 100px }
table .options
{ width: 25px }
table .del
{ text-align: right }

.nextStep td
{ padding-top: 10px }

label span
{ font-size: 6pt; color: #f00; vertical-align: top }
