body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font-family: "Times New Roman", Times, serif; font-size: 12pt;  }
div.clear, span.clear {display: block; clear: both; font-size: 0px; height: 0px; line-height: 0px; border: 0px; margin: 0px; padding: 0px; }
a {color: #663066;}
a.image_inside span {display: none;}
a:hover {text-decoration: none;}
a.go_back {display: block; width: 50px; font-weight: bold; padding: 5px 0 5px 0; text-align: center; text-transform: lowercase; margin: 15px auto 0 auto;}

#flash_gift {position: absolute; top: -158px; right: 20px;}

/* LAYOUT */
body {background: #f0f0ad url('img/body_bkg.gif') repeat-x; color: #3e4605;}
#page {position: absolute; left: 50%; top: 0; margin: 0 0 0 -420px; width: 986px; background: url('img/page_bkg.jpg') no-repeat; min-height: 800px;}
h1 {display: block; position: absolute; top: 10px; left: 70px;}
h1 a {display: block; width: 390px; height: 110px;}
h1 a span {display: none;}

#left_box {width:220px; position:absolute; top:430px; left:-137px; background-color: #fbfed3; border: 1px solid #d3dd8a;}
#left_box div.novinka {padding: 0 10px 0 10px; margin-top: 10px;}
#left_box div.novinka h3 {margin: 7px 0 0 5px;}
#left_box div.novinka p {margin-left: 5px;}
#left_box div.novinka img {display: block; margin: 0 auto 0 auto;}

/* MENU */
#menu {list-style: none; position: absolute; top: 134px; left: 84px;}
#menu li {float: left; display: block; margin-right: 40px;}
#menu li a {display: block; width: 221px; height: 271px; text-decoration: none; text-align: center; border: 1px solid #D3DD8A;}
#menu li a span {text-transform:uppercase; font-weight: bold; display: block; width: 221px; position: relative; top: 224px; color: #b75a00;}
#menu li a:hover {border: 1px solid #b5c91c;}
#menu li a:hover span {color: #d96b00;}

#menu.catalog li a.home {background: url('img/menu/catalog_1.jpg') no-repeat 9px 9px;}
#menu.catalog li a.vinari {background: url('img/menu/catalog_2.jpg') no-repeat 9px 9px;}
#menu.catalog li a.eshop {background: url('img/menu/catalog_3.jpg') no-repeat 9px 9px;}

#menu.contact li a.home {background: url('img/menu/contact_1.jpg') no-repeat 9px 9px;}
#menu.contact li a.vinari {background: url('img/menu/contact_2.jpg') no-repeat 9px 9px;}
#menu.contact li a.eshop {background: url('img/menu/contact_3.jpg') no-repeat 9px 9px;}

#menu ul li ul {margin: 0 0 0 4px; background-color: #F9FCD9; width: 215px; padding-top: 5px;}
#menu ul li ul li {float: left; display: block; margin: 0; background-color: #F9FCD9; border: 0;}
#menu ul li ul li a {border: 0; float: left; width: 195px; height: auto; text-align: center; text-decoration: none; margin: 0 10px 0 10px; background: none !important;}
#menu ul li ul li a span {width: 195px; display: block; padding-bottom: 4px; position: static; font-weight: normal; font-size: 10pt; color: #b75a00; border-bottom: 1px solid #d3dd89; margin-bottom: 5px;}
#menu ul li ul li a:hover {border: 0;}
#menu ul li ul li a:hover span {color: #d96b00;}

#menu ul ul ul {position: absolute; top: auto; margin: -6px 0 0 214px;}

#msg {position: absolute; right: 10px; top: -20px;}
#msg.warn {color: #f00000;}

/* PLAYGROUND */
#playground {width: 715px; position: relative; top: 503px; left: 100px;}

/* FOOTER */
#footer {border-top: 1px solid #D3DD89; }
#footer span {display: block; float: left; margin-top: 10px; width: 300px; text-align: center;}
#footer span.address {margin-left: 40px;}

#actions {border-top: 1px solid #D3DD89; margin-top: 20px; padding: 8px; padding-left: 100px;}
#actions a {display: block; margin-left: 20px; float: left;}
#actions a.facebook {padding-left: 19px; background: url('img/fb.jpg') no-repeat 0 2px;}

/* COPYRIGHT */
#author {text-align: center; margin-top: 20px;}
#author a {text-decoration: none; color: #3e4605;}

/* CONTENT */
#content h2 {margin: 0 0 20px 5px; color: #663066; font-size: 14pt; text-align: center;}
#content h2.home {/*margin-top: 75px;*/}
#content h3 {margin: 0 0 20px 5px; font-size: 13pt;}
#content p {margin: 0 0 20px 5px; text-align: justify;}
#content ul {margin: 0 0 20px 30px;}
#content ol {margin: 0 0 20px 30px;}
#content strong {color: #b75a00; font-weight: normal;}

#content .kontakt {text-align: center;}
#content .kontakt p {text-align: center;}

#content div.home_body {margin-top: 50px;}
#content div.home_body h3 {margin: 0 0 20px 5px; color: #663066; font-size: 14pt; text-align: center;}
#content div.home_body strong {display: block; text-align: center;}

#news div {padding-bottom: 10px;}
#news div img {float: left; margin: 0 10px 10px 0;}
#news h3 {margin-bottom: 5px;}
#news h3 a {margin-left: 10px;}
#news h3 span {font-weight: normal; font-style: italic;}

#video {text-align: center;}

#youtube {padding: 8px; margin: 0 auto; margin-bottom: 20px; text-align: center; width: 400px;}
#youtube h3 {margin: 0 0 10px 0;}
#youtube .thumbnail span {display: block; color: #663066; font-weight: bold; cursor: pointer; margin-top: 5px;}
#youtube .thumbnail img {cursor: pointer; position: relative; left: 4px;}

div.ladder {border-bottom: 1px solid #D3DD89; padding-bottom: 5px; position: relative; top: -10px;}

table {border-collapse: collapse; margin-bottom: 20px; font-size: 11pt;}
table th {text-align: left; border-bottom: 1px solid #D3DD89; padding: 2px; vertical-align: bottom; line-height: 16px;}
table td {border-bottom: 1px solid #D3DD89; padding: 5px; line-height: 16px;}
table tr {}
td.r, th.r {text-align: right !important;}

div.images {}
div.images a {display: block; width: 172px; height: 165px; background-color: #D3DD8A; float: left; margin: 0 0 5px 5px; text-align: center;}
div.images a img {border: 2px solid #D3DD8A;}
div.images a:hover img {border: 2px solid #b5c91c;}

/* CATALOG */
#products {margin-left: 5px;}
#products a {font-size: 11pt; display: block; width: 207px; border: 1px solid #D3DD89; float: left; text-decoration: none; text-align: center; margin: 0 7px 7px 0; padding: 10px;}
#products a:hover {border: 1px solid #663066;}
#products a img {margin-bottom: 10px;}
#products a strong {display: block; color: #663066; font-weight: bold;}
#products a .perex strong {color: #3e4605;}
#products a span {color: #3e4605; font-size: 11pt; display: block;}

#product_detail {}
#product_detail div.box {border: 2px solid #d96b00; padding: 8px; margin-bottom: 20px; background-color: #e09334;}
#product_detail div.box p {margin: 0;}
#product_detail p {margin-left: 0;}
#product_detail .right {width: 520px; float: left; margin-bottom: 15px;}
#product_detail .price {font-size: 16pt; margin-top: 10px; width: 300px; float: left;}
#product_detail h2 {margin-left: 0; text-align: left;}
#product_detail h2 span {display: block; font-weight: normal;}
#product_detail .main_image {float: left; width: 190px; text-align: center;}
#product_detail img.gift {position: relative; left: -15px;}
#product_detail a.recommend_wine {float: right;}

#product_detail .catalog_images {text-align: center;}
#product_detail .catalog_images img {border: 1px solid #D3DD89;}

#product_detail div.attrs {margin: 10px 0 20px 0;}

/* USER PANEL */
#user_info {text-align: center; margin-top: 10px;}
#facebook {padding: 10px; margin-top: 10px;}

/* CART INFO */
#cart_info {position: absolute; top: -1px; right: 152px;}
#cart_info .cart_info {width: 270px; padding: 0 12px 0 12px; background-color: #fbfede; text-align: center; border: 1px solid #D3DD89;}
#cart_info #cart_summary {text-decoration: none; display: block; padding: 3px 0 1px 0;}
#cart_info #cart_summary img {margin-right: 5px;}
#cart_info #cart_summary span {font-weight: bold; color: #899352; margin-bottom: 5px; position: relative; top: -5px;}

#cart_content {border-top: 1px solid #D3DD89; display: none;}
#cart_content a.proccess_order {display: block; font-weight: bold; margin: 10px;}
#cart_content table {width: 100%; margin: 10px 0 0 0;}
#cart_content table th {padding: 3px; border: 0; font-size: 9pt;}
#cart_content table td {padding: 3px; text-align: left; border: 0; font-size: 9pt;}

/* DATAGRID */
div.fps_info {background: #C4ECEA; color: #1C56B4; float: right; padding: 5px; border: 1px solid #fff; border-width: 0 1px 1px;}
div.fps_paging {text-align: center; margin-top: 10px;}
div.fps_paging a, div.fps_paging strong {margin: 3px; text-decoration: none;}
div.fps_paging a:hover {}
span.fipaso_sorting a {padding: 2px; background: #fff; text-decoration: none; color: #830000;}
span.fipaso_sorting a:hover {background: #830000; color: #fff;}

/* ORDER STEPPER */
#order_stepper {margin-bottom: -20px;}
#order_stepper table {border: 0; width: 100%; border-collapse: collapse; border: 0;}
#order_stepper table td {width: 33%; text-align: center; font-size: 11pt; padding: 5px; color: #5f6c00;}
#order_stepper table td.active {color: #663066; font-weight: bold;}
#order_stepper span {display: block; padding: 5px 10px;}


/* FORM */
form {width: 400px; margin-left: 50px;}
form h3 {margin: 0 0 20px -45px; color: #663066; font-size: 14pt;;}
form div.row {padding: 0; margin-left: 25px;}
form label {float: left; line-height: 29px; width: 150px; display: block; text-align: right; margin-right: 5px;}
form h4 {margin: 20px 0 5px; color: /*#b75a00*/#663066; font-size: 11pt; border-bottom: 1px solid #D3DD89;}
form p.pretext {display: block; padding-left: 5px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form p.form_error {color: #f00000; float: left;}

form input.checkbox {float: left; margin: 7px;}
form label.radio {float: right; line-height: 26px; margin-right: 15px; width: 220px; text-align: right;}
form input.radio {border: 0; width: 15px; height: 15px; margin-top: 7px; clear: right;}

form input, form select, form textarea {border: 1px solid #D4DE8B; margin: 2px; float: right; padding: 2px; width: 200px; background-color: #FBFFDD; color: #656E27; }
form textarea {width: 320px;}
form input.submit {width: auto !important; margin: 2px 10px 10px 5px; line-height: 17px; font-weight: bold; background: #663066; float: right; border: 0; color: #fff; text-decoration: underline;}
form input.hover {text-decoration: none; cursor: pointer;}

div.add_to_cart {width: 180px; float: right; margin-top: 5px;}
div.add_to_cart form {width: 180px; float: left; margin: 0;}
div.add_to_cart form input {width: 20px; float: left;}

#user_cart_login {border: 1px solid #D3DD89; width: 320px; float: left; margin-top: 15px; border-right: 0; }
#user_cart_login h3 {margin: 8px 0 5px 15px; text-align: center;}
#user_cart_login form {margin: 0; width: 290px;}
#user_cart_login form label {width: 50px;}

#user_cart_reg {border: 1px solid #D3DD89; width: 392px; float: left; margin-top: 15px;}
#user_cart_reg h3 {margin: 8px 0 0 15px; text-align: center;}
#user_cart_reg h3 a {color: #3e4605;}
#user_cart_reg h3.purple {margin: -10px 0 15px 15px; text-align: center;}
#user_cart_reg h3.purple a {color: #663066;}
#user_cart_reg p {margin: 10px; font-size: 11pt;}
#user_cart_reg li,  #user_cart_reg li a{font-size: 11pt;}

#site_mail_form {width: 510px;}
#site_mail_form input {float: left;}
#site_mail_form input.submit {float: right;}
#site_mail_form textarea {height: 150px;}
#site_mail_form div.multiselect input {width: 16px; border: 0; background: none;}
#site_mail_form div.multiselect label {width: 350px; margin-left: 100px;}


#set_shipping {width: 550px;}
#order_confirm {margin: 0;}
#order_confirm div.row {margin: 0;}
#order_confirm textarea {float: none;}
#order_confirm label {text-align: left;}
#order_confirm div.multiselect label {width: 270px;}

/* CART */
#cart_list {border-collapse: collapse; margin: 0; width: 715px; font-size: 12pt;}
#cart_list th {border-bottom: 1px solid #D3DD89; text-align: left; padding: 0; line-height: 20px;}
#cart_list td {border-bottom: 1px solid #D3DD89; padding: 0; vertical-align: middle; line-height: 20px;}
#cart_list .title {width: 300px;}
#cart_list .count {width: 100px;}
#cart_list .price {text-align: right; padding-right: 25px;}
#cart_list a.delete {display: block; width: 50px;}
#cart_list a.delete span {font-weight: bold;}
#cart_list form {position: relative; top: 3px; width: 135px; margin-left: -30px;}
#cart_list #data_count {width: 20px; float: left;}
#cart_list label {display: none;}

#cart_buttons {margin: 10px 0 15px 0; text-align: center;}
#cart_buttons a {font-weight: bold; margin-left: 10px; display: block; float: right; border: 2px solid #D3DD89; padding: 15px; text-decoration: none;}
#cart_buttons a:hover {border-color: #663066;}

/* COLORBOX */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


#cboxOverlay{background:#fff;}

#colorbox{}
#cboxContent{margin-top:32px;}
#cboxContent{background:#f0f0ad; padding:35px;}
#cboxLoadingGraphic{background:url('img/colorbox/loading.gif') center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; bottom:5px; left:5px;  color:#000; font-size: 10pt;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url('img/colorbox/controls.png') 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}