@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px !important; }
a:active { outline: none !important; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #3E0D06; background: #FFFFFF url(/images/header-bg.png) no-repeat center top; }
a { color: #AB0004; }
a:hover { color: #CC3333; }
ul li { list-style: none; }
address { margin-bottom: 10px; }

fieldset { border: none; }
input, select, textarea, button { font-family: Georgia, "Times New Roman", Times, serif; }

button { cursor: pointer; }
input[type=submit],
input[type=image] { cursor: pointer; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {}

#body { width: 1000px; margin: 0 auto; }
#body:after { content: '.'; display: block; height: 0px; visibility: hidden; clear: both; }

#left-column { width: 220px; float: right; }
#main-content { width: 780px; float: right; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { width: 1000px; margin: 0px auto; height: 152px; position: relative; }

#logo { padding: 16px 0px 0px 0px; }
#logo.en { padding-top: 10px; }

#toolbar { font-size: 10px; text-transform: uppercase; color: #7A1216; text-align: left; word-spacing: 17px; position: absolute; top: 12px; right: 20px; }
#toolbar li { display: inline; padding: 2px 0px; }
#toolbar a { color: #7A1216; text-decoration: underline; word-spacing: normal; padding: 0px 0px 0px 14px; background-position: left center; background-repeat: no-repeat; }
#toolbar a:hover { text-decoration: underline; }
#toolbar .sign-in { }
#toolbar .sign-in a { background-image: url(/images/ico-user.png); }
#toolbar .sign-up a { background-image: url(/images/ico-pencil.png); }
#toolbar .sign-out a { background-image: url(/images/ico-logout.png); }
#toolbar .en a { background-image: url(/images/flag-gb.png); padding-left: 43px; background-position: 17px center; }
#toolbar .cs a { background-image: url(/images/flag-cz.png); padding-left: 43px; background-position: 17px center; }

/* logged in */
#toolbar.logged-in { left: auto; right: 20px; width: auto; }
#toolbar .user-info { background-image: url(/images/ico-user.png); background-position: left 1px; word-spacing: normal; padding-left: 14px; }
#toolbar .user-info a { font-size: 12px; color: #87827A; text-transform: none; text-decoration: underline; padding: 1px 22px 2px 7px; background: url(/images/user-menu-selector.png) no-repeat right top;  }

/*************/
/* USER MENU */
/*************/
#user-menu { width: 180px; background: url(/images/user-menu-bg.png) no-repeat left bottom; padding: 0px 0px 16px 0px; position: absolute; top: 30px; z-index: 10; font-size: 12px; display: none; }
#user-menu h2 { font-size: 12px; color: #8B8782; font-weight: normal; line-height: 18px; float: left; background: #FFFFFF; border: 1px solid #746544; border-bottom: none; padding: 5px 27px 4px 7px; position: absolute; top: -26px; left: 6px; line-height: 20px; }
#user-menu-content { border: 1px solid #746544; border-bottom: none; background-color: #FFFFFF; position: relative; padding: 6px 10px 0px 16px; }
#user-menu-content ul { clear: both; }
#user-menu-content li { padding-bottom: 6px; }
#user-menu-content ul a { color: #170F05; background: url(/images/user-menu-item-bg.png) no-repeat left -18px; padding-left: 10px; }
#user-menu-content ul a:hover { color: #AB0004; background-position: left 6px; }
#user-menu-content p.sign-out { height: 25px; line-height: 25px; padding: 5px 0px 3px 3px; margin: 0px; }
#user-menu-content p.sign-out a { color: #FFFFFF; background-color: #746544; padding: 4px 10px 5px 10px; }


#basket { position: absolute; top: 52px; right: 38px; width: 235px; height: 64px; background: url(/images/basket-bg.png) no-repeat left top; }
#basket-highlight { position: absolute; top: 0px; left: 0px; width: 235px; height: 64px; background: url(/images/basket-bg-highlight.png) no-repeat left top; visibility: hidden; }
#basket h2 { text-transform: uppercase; font-size: 15px; font-weight: normal; color: #FFFFFF; height: 20px; line-height: 20px; position: absolute; left: 17px; top: 30px; }
#basket .more { position: absolute; top: 31px; left: 191px; }
#basket .more a { display: block; width: 22px; height: 23px; text-indent: -100px; overflow: hidden; background: url(/images/basket-go.png) no-repeat left top; }
#basket p.price { font-size: 25px; color: #FFFFFF; position: absolute; top: 25px; left: 80px; letter-spacing: -1px; text-align: center; width: 100px;  }

#breadcrumb { font-size: 10px; text-transform: uppercase; color: #B3B3B3; position: absolute; top: 106px; left: 57px; color: #887F65; }
#breadcrumb strong { font-weight: normal; padding-right: 3px; }
#breadcrumb a { color: #887F65; }
#breadcrumb a:hover { color: #CC3333; }
#breadcrumb a.homepage,
#breadcrumb span.homepage { padding-left: 16px; background: url(/images/ico-home.png) no-repeat left center; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(/images/footer-bg-top.png) no-repeat center top; padding: 50px 0px 0px 0px; }

#footer .footer-content { width: 1000px; margin: 0 auto; }
#footer .footer-content:after { content: '.'; display: block; height: 0px; width: 0px; visibility: hidden; clear: both; }

#footer-links { background: url(/images/footer-bg-middle.png) repeat-y center top; font-size: 11px; color: #CC3333; line-height: 19px; overflow: hidden; padding: 0px 0px 10px 0px; }
#footer-links h2 { font-size: 12px; font-weight: bold; margin: 0px; padding: 0px 0px 6px 0px; color: #CC3333; }
#footer-links h3 { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px 0px 6px 0px; color: #CC3333; }
#footer-links a { color: #7F554E; text-decoration: none; }
#footer-links a:hover { text-decoration: underline; }

.block-footer-links { float: left; }
.block-footer-links.main { font-weight: bold; padding-left: 20px; }
.block-footer-links.main { width: 220px; padding-right: 10px; }
.block-footer-links.block-01 { width: 150px; padding-right: 10px; }
.block-footer-links.block-02 { width: 150px; padding-right: 10px; }
.block-footer-links.block-03 { width: 195px; padding-right: 10px; }
.block-footer-links.block-04 { width: 200px; }

.top-types ul { width: 140px; float: left; }
.top-types ul.first { width: 180px; margin-right: 25px; }

#footer-info { font-size: 11px; color: #C3C3C3; padding: 65px 0px 40px 0px; background: url(/images/footer-bg-bottom.png) no-repeat center top; }
#footer-info a { color: #C3C3C3; text-decoration: none; }
#footer-info a:hover { text-decoration: underline; }

#footer-info .footer-content { padding: 0px 10px 0px 35px; width: 955px; color: #605431; }
#footer-info .footer-content a { color: #605431; }
#giant { float: right; }
#giant img { vertical-align: middle; }


/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { color: #7A1216; font-size: 15px; text-transform: lowercase; position: absolute; top: 40px; left: 300px; white-space: nowrap; z-index: 0; }
#menu li { display: inline; padding: 5px 5px 5px 8px; position: relative; z-index: 10000; }
#menu li.first { background: none; padding-left: 0px; }
#menu a { color: #7A1216; text-decoration: none; padding: 4px 10px; }
#menu a:hover { color: #CC3333; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column {}

/**********************/
/* SECTION: LEFT MENU */
/**********************/
#section-left-menu { width: 296px; margin: 0px 0px 0px -76px; background: url(/images/left-menu-bg.png) no-repeat left top; }
#section-left-menu .overlay { background: url(/images/left-menu-overlay.png) no-repeat left bottom; width: 220px; padding: 30px 0px 60px 76px; }
#section-left-menu .overlay-bg { display: none; }

#section-left-menu h2 { font-size: 16px; color: #7A1216; font-weight: normal; padding: 0px 0px 8px 10px; }

/* LEFT MENU */
.left-menu { margin: 0px 0px 19px -4px; }
.left-menu li { padding: 0px; display: block; }
.left-menu a { color: #39090B; text-decoration: none; display: inline-block; cursor: pointer; }
.left-menu a:hover { color: #CC3333; }
.left-menu a span { display: inline-block; height: 20px; line-height: 20px; margin: 0px -10px 0px 0px; padding: 0px 20px 1px 14px; min-width: 75px;  }
.left-menu .open > a { font-weight: bold; color: #CC3333; }

.left-menu .active > a { color: #CC3333; background: url(/images/left-menu-item-bg.png) no-repeat left top; font-weight: bold; }
.left-menu .active > a span { background: url(/images/left-menu-arrow-bg.png) no-repeat right top; }

/* SUBMENU */
.left-menu ul { color: #75534C; }
.left-menu ul a { color: #75534C; }
.left-menu ul span { padding-left: 26px; }
.left-menu ul .active a { font-weight: normal; }

.left-menu.highlight { margin-left: 0px; width: 160px; font-weight: bold; padding: 0px 0px 0px 7px; }
.left-menu.highlight li + li { border-top: 2px solid #FFFFFF; }
.left-menu.highlight a { display: block; padding: 5px 4px 5px 4px; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content {}

.checkbox,
.radio { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: 0px 8px 0px 0px; }
.checkbox.ready,
.radio.ready { background: url(/images/checkbox.png) no-repeat left top; }
.checkbox.ready input,
.radio.ready input { display: none; }
.checkbox.checked,
.radio.checked { background-position: left -22px; }
.radio.ready { background-image: url(/images/radio.png); }

input[type=text],
input[type=password],
input[type=file],
select,
textarea,
button { font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #746544; padding: 4px 5px; }

div.slide { position: relative; overflow: hidden; }

div.banner { text-align: center; margin-bottom: 20px; line-height: 0px; }
div.banner img { padding: 10px; background-color: #F3F1E9; }

div.error { color: #AB0004; padding: 8px 10px; margin: 10px 0px 0px 0px; border: 1px solid #AB0004; max-width: 634px;  }
div.error a { color: #170F05; }

span.error-help { display: inline-block; width: 11px; height: 16px; vertical-align: middle; margin: 0px -11px 0px 0px; visibility: hidden; background: url(/images/error-mark.png) no-repeat left top; position: relative; cursor: help; }
span.error-mark { font-size: 11px; line-height: 14px; color: #AB0004; position: absolute; bottom: 14px; left: 14px; border: 2px solid #AB0004; border-radius: 5px; -moz-border-radius: 5px; padding: 4px; display: none; white-space: nowrap; background-color: #FFFFFF; z-index: 1000; }
span.error-help:hover span.error-mark { display: block; }
.error input[type=text],
.error textarea { border-color: #AB0004; }
.error span.error-help { visibility: visible; }

canvas { z-index: 0; }

/**********/
/* PAGING */
/**********/
.paging { font-size: 12px; text-align: center; padding: 4px 0px 0px 0px; }
.paging .prev { display: inline-block; width: 26px; height: 26px; vertical-align: middle; background: #F5F3EC url(/images/button-prev.png) no-repeat left top; text-indent: -100px; overflow: hidden; margin-right: 9px; }
.paging .next { display: inline-block; height: 26px; background: #F5F3EC url(/images/button-next.png) no-repeat right top; padding: 0px 30px 0px 10px; text-transform: uppercase; vertical-align: middle; line-height: 27px; color: #3E0D06; text-decoration: none; margin-left: 9px; text-decoration: none; }
.paging .next:hover,
.paging .next:active { color: #AB0004; }
.paging .prev:hover,
.paging .next:hover,
.paging .prev:active,
.paging .next:active { background-position: right bottom; }
.paging .disabled { visibility: hidden; }

/********/
/* TABS */
/********/
.tabs {}
.tabs h2 { font-size: 15px; font-weight: normal; float: left; height: 40px; line-height: 40px; padding: 0px 0px 0px 43px; }
.tabs .tab-anchors { font-size: 15px; color: #CC3333; border-bottom: 1px solid #DDDDDD; display: block; margin: 0px 30px 0px 15px; height: 40px; line-height: 38px; }
.tabs .tab-anchors li { display: inline; padding: 0px 0px 0px 10px; }
.tabs .tab-anchors a { text-decoration: underline; }
.tabs .tab-anchors .active { font-size: 20px; }
.tabs .tab-anchors .active a { text-decoration: none; border: 1px solid #DDDDDD; border-bottom: none; background-color: #FFFFFF; padding: 0 12px; display: inline-block; height: 40px; line-height: 40px; }
.tabs .tab-panel h3 { display: none; }


/***************/
/* LOGIN LAYER */
/***************/
#login-layer { background: #FFFFFF url(/images/form-login-bottom.png) no-repeat left bottom; width: 300px; border-top: 1px solid #746544; padding: 0px 0px 16px 0px; position: absolute; top: 30px; left: 629px; font-size: 10px; color: #746544; display: none; z-index: 1000; }
#login-layer h2 { font-size: 10px; text-transform: uppercase; color: #7A1216; font-weight: normal; background: url(/images/ico-user.png) no-repeat 6px 9px; border: 1px solid #746544; border-bottom: none; width: 73px; padding: 0px 0px 0px 20px; height: 28px; line-height: 28px; position: absolute; top: -25px; left: 108px; background-color: #FFFFFF; }
#login-layer form { border-left: 1px solid #746544; border-right: 1px solid #746544; padding: 7px 8px 0px 8px; }
#login-layer label { float: left; }
#login-layer label input { display: block; font-size: 10px; color: #746544; border-color: #B9B2A1; padding: 4px; width: 102px; }

/**************/
/* FORM LOGIN */
/**************/
#form-login { display: none; }
#form-login-email-label { margin-right: 38px; }
#form-login a.new-password { display: block; float: right; color: #746544; font-weight: normal; padding-right: 13px; height: 20px; line-height: 20px; margin-top: 6px; }
#form-login span.error { height: 26px; display: inline-block; overflow: hidden; }
#form-login span.error strong { display: inline-block; height: 20px; line-height: 20px; color: #FFFFFF; background-color: #CC3333; padding: 0px 5px; margin-top: 6px; font-weight: normal; }
#form-login input[type=image] { margin-top: 8px; }

/*****************/
/* FORM PASSWORD */
/*****************/
#login-layer #form-password { padding-bottom: 10px; }
#form-password input[type=image] { margin-top: 12px; margin-left: 20px; }


/****************/
/* PRODUCT LIST */
/****************/
ul.product-list { background: url(/images/product-list-bg.png) repeat left top; overflow: hidden; padding: 0px 0px 0px 15px; }
ul.product-list li { width: 215px; padding: 0px 15px; display: block; height: 350px; text-align: center; float: left; position: relative; cursor: pointer; }
ul.product-list a { font-size: 14px; text-decoration: none; color: #AB0004; font-weight: bold; }
ul.product-list a:hover,
ul.product-list li:hover a { text-decoration: underline; }
ul.product-list p { padding: 0px; margin: 0px; }
ul.product-list .img { height: 210px; text-align: center; padding: 9px 0px 13px 0px; overflow: hidden; }
ul.product-list .img div { display: block; margin: 0 auto; }
ul.product-list .info { font-size: 12px; color: #605431; white-space: nowrap; }
ul.product-list .price { font-size: 18px; color: #820002; position: absolute; right: 16px; bottom: 24px; }
ul.product-list .price em { font-size: 10px; display: block; text-align: right; }
ul.product-list .desc { min-height: 54px; text-align: left; }
ul.product-list .price-label { display: block; background: url(/images/price-label-bg.png) no-repeat left top; height: 16px; line-height: 16px; position: absolute; left: 16px; bottom: 41px; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 0px 0px 0px 10px; color: #554D2F; }
ul.product-list .price-label .arrow { display: block; height: 16px; background: url(/images/price-label-bg.png) no-repeat right top; padding: 0px 13px 0px 0px; margin-right: -13px; }

ul.product-list .price-label.discount { background-image: url(/images/discount-bg.png); color: #FFFFFF; }
ul.product-list .price-label.discount .arrow { background-image: url(/images/discount-bg.png); }

/* TOP PRODUCTS */
div.top-products { background: url(/images/hr.png) no-repeat center bottom; padding: 0px 0px 40px 0px; margin-bottom: 20px; }
div.top-products h2 { font-size: 15px; color: #AB0004; font-weight: normal; text-transform: uppercase; padding: 0px 0px 4px 6px; }
div.top-products ul.product-list {}
div.top-products ul.product-list li { width: 190px; padding: 0px 20px; }
div.top-products ul.product-list li + li { margin-left: 25px; }
div.top-products ul.product-list .info { font-weight: bold; }
div.top-products ul.product-list a { font-size: 16px; }
div.top-products ul.product-list .price { right: 30px; bottom: 20px; font-size: 26px; }
div.top-products ul.product-list .more { left: 20px; bottom: 19px; }

/* PACK LIST */
ul.pack-list li { width: 215px; padding: 0px 15px; }
ul.pack-list a { font-size: 16px; font-weight: normal; }
ul.pack-list .price { font-size: 26px; right: 25px; }
ul.pack-list .more { left: 21px; }


/******************/
/* BLOCK VOUCHERS */
/******************/
#block-vouchers { background: url(/images/block-search-bg.png) no-repeat left top; padding: 13px 0px 40px 25px; margin-left: -30px; min-height: 165px; }
#block-vouchers h2 { width: 169px; height: 37px; padding: 20px 0px 0px 14px; background: url(/images/block-search-title-bg.png) no-repeat left top; font-size: 16px; color: #FFFFFF; font-weight: normal; line-height: 17px; }
#block-vouchers h2 a { color: #FFFFFF; text-decoration: none; }
#block-vouchers p { padding: 12px 0px 0px 14px; width: 175px; }

/* BLOCK CARDS */
#block-cards { text-align: center; font-size: 11px; color: #918F8F; padding: 50px 60px 30px 0px; line-height: 13px; }
#block-cards img { padding-bottom: 10px; }

/******************************/
/* FORM: PRODUCT LIST OPTIONS */
/******************************/
#form-product-list-options { text-align: right; color: #666666; padding: 12px 20px 19px 8px; margin-bottom: 5px; background: url(/images/form-product-list-options-bg.png) no-repeat 4px bottom; }
#form-product-list-options p { font-size: 16px; color: #820002; font-weight: bold; float: left; text-align: left; }
#form-product-list-options p strong { color: #AB0004; }
#form-product-list-options select { color: #666666; font-size: 12px; }
#form-product-list-options label { padding-left: 15px; }
#form-product-list-options label.hidden-text { padding-left: 0px; }
#form-product-list-options label.hidden-text span { display: none; }

/***********************/
/* FORM: PRODUCT FILTER */
/***********************/
#form-product-filter { padding: 0px 0px 35px 5px; background: url(/images/form-product-filter-bg.png) no-repeat left bottom; font-size: 11px; }
#form-product-filter button { background: none; border: none; margin: 6px 0px 0px 10px; }
#form-product-filter button span.bg { display: block; width: 107px; height: 29px; text-align: center; line-height: 29px; background: url(/images/product-filter-button-bg.png) no-repeat left top; font-size: 15px; color: #FFFFFF; text-transform: uppercase; padding: 0px 10px 0px 0px; }
#form-product-filter p.center { clear: both; }
#form-product-filter h2 { background: url(/images/product-filter-title-bg.png) no-repeat left top; width: 90px; height: 34px; padding: 3px 0px 0px 0px; font-size: 15px; color: #AB0004; font-weight: normal; line-height: 34px; text-transform: uppercase; float: left; text-align: center; margin: 4px 32px 0px 0px; }
#form-product-filter label { display: block; float: left; width: 170px; }
#form-product-filter select { width: 152px; font-size: 12px; padding: 3px; }

/* PRICE RANGE */
#price-range { float: left; padding: 0px 0px 0px 0px; }
#price-range .knob-max,
#price-range .knob-min { display: block; position: absolute; top: -6px; left: 0px; height: 24px; line-height: 23px; padding: 0px; background: url(/images/knob.png) no-repeat left top; font-weight: bold; font-size: 11px; cursor: e-resize; width: 11px; height: 17px; }
#price-range .knob-max:hover,
#price-range .knob-min:hover { background-position: left -17px; }
#price-range .knob-max span,
#price-range .knob-min span { position: absolute; top: 20px; font-weight: normal; white-space: nowrap; }
#price-range .knob-max span { left: -10px; }
#price-range .knob-min span { right: -10px; }
#price-range .range { width: 149px; height: 6px; background: url(/images/slider.png) no-repeat left top; position: relative; top: 8px; display: block; }
#price-range label { display: none; }
#price-range.disabled .knob-max,
#price-range.disabled .knob-min { cursor: default; }
#price-range.disabled .knob-max:hover,
#price-range.disabled .knob-min:hover { background-position: left top; }
#price-range.disabled .knob-max { left: auto; right: 0px; }

#filter-toggle { display: block; width: 346px; height: 37px; line-height: 37px; padding-left: 15px; background-image: url(/images/filter-toggle-bg.png); font-size: 16px; color: #AB0004; font-weight: bold; margin-bottom: 15px; cursor: pointer; }
#filter-toggle strong { font-weight: bold; text-decoration: underline; }

#form-product-filter.advanced { border: 2px solid #F0EEE4; padding: 15px; background: none; position: relative; }
#form-product-filter.advanced .close { position: absolute; top: 19px; right: 20px; font-size: 11px; text-transform: uppercase; font-weight: bold; color:#AB0004; padding-left: 18px; background: url(/images/button-close-filter.png) no-repeat left center; text-decoration: none; cursor: pointer; }
#form-product-filter.advanced h2 { float: none; }
#form-product-filter.advanced #form-product-filter-group-selects { padding-top: 21px; padding-bottom: 5px; }
#form-product-filter.advanced #form-product-filter-country-label { padding-left: 30px; }
#form-product-filter.advanced #filter-parameters { padding-top: 10px; }
#form-product-filter.advanced h3,
#form-product-filter.advanced #price-range .price { font-size: 11px; color: #5A0005; font-weight: bold; padding-bottom: 3px; }
#form-product-filter.advanced #price-range .price { float: left; }
#form-product-filter.advanced #price-range { padding-top: 10px; padding-bottom: 20px; }
#form-product-filter.advanced #price-range .range { margin-left: 150px; }
#form-product-filter.advanced .checkbox { width: 16px; height: 16px; background-image: url(/images/checkbox-small.png); }
#form-product-filter.advanced .checkbox.checked { background-position: left -16px; }
#form-product-filter.advanced li { width: 120px; float: left; padding-bottom: 5px; }
#form-product-filter.advanced button { position: absolute; right: 20px; bottom: 20px; }
#form-product-filter-wrapper { padding-top: 10px; padding-bottom: 15px; }

/*************/
/* FORM: BUY */
/*************/
#form-buy { padding: 0px 0px 40px 0px; color: #330000; position: relative; }
#form-buy.pack-form { margin-right: -30px; }
#form-buy h2 { font-size: 20px; color: #AB0004; position: relative; top: 3px; margin-bottom: 15px; margin-left: 0px; }
#form-buy label { height: 33px; display: block; background-position: 41px center; background-repeat: no-repeat; margin-bottom: 15px; }
#form-buy label.pack { background-image: url(/images/bottle-pack.png); }
#form-buy label.selected { font-weight: bold; }
#form-buy label.pack.selected { background-image: url(/images/bottle-pack-selected.png); }
#form-buy label.set { background-image: url(/images/bottle-pack-selected.png); background-position: left center; padding-left: 35px; font-weight: bold; margin-right: -50px; }
#form-buy label.one { background-image: url(/images/bottle-one.png); }
#form-buy label.one.selected { background-image: url(/images/bottle-one-selected.png); }
#form-buy label span.radio { margin-right: 48px; margin-left: 7px; }
#form-buy select { font-size: 22px; color: #999999; text-align: center; width: 45px; padding: 0px 0px; margin: 0px 5px 1px 5px; vertical-align: middle; }
#form-buy label.selected input.input { color: #AB0004; }
#form-buy input.button { cursor: pointer; }
#form-buy label em { display: inline-block; vertical-align: middle; font-style: normal; }
#form-buy-confirm,
span.form-buy-confirm { visibility: hidden; position: absolute; bottom: 50px; left: 10px; background:#F2F0E8  url(/images/ok.png) no-repeat 0px center; padding: 0px 0px 0px 20px; color: #AB0004; font-weight: bold; }

#form-buy span.discount { color: #AB0004; font-weight: bold; }
#form-buy span.discount strong { font-weight: normal; color: #FFFFFF; background-color: #AB0004; padding: 2px 3px 1px 3px; font-size: 10px; text-transform: uppercase; }

/******************/
/* PAGE: CATEGORY */
/******************/
.page-category { padding: 7px 0px 10px 15px; }
.page-category h1 { font-size: 25px; font-weight: normal; padding: 0px 0px 0px 5px; margin-bottom: 15px; }
.page-category h1 em { color: #AB0004; font-style: normal; }
.page-category h1 strong { font-size: 45px; font-weight: normal; color: #5C0005; padding-right: 9px; }

#search-results h1 { font-size: 45px; }
#search-results h1 strong { color: #AB0004; }
#search-results .no-results { padding: 15px; background-color: #F3F2EA; margin: 10px 25px 0px 10px; font-size: 14px; }

/****************/
/* PAGE: DETAIL */
/****************/
div.page-detail { background: url(/images/product-detail-bg.png) no-repeat 15px -20px; padding: 0px 0px 0px 0px; position: relative; }
div.page-detail div.product-image { width: 250px; float: right; margin: 0px 0px 0px 0px; position: relative;  }
div.page-detail div.product-information { width: 430px; padding: 7px 0px 0px 45px; }

div.page-detail h1 { font-size: 45px; font-weight: normal; color: #5C0005; line-height: 40px; padding: 0px 0px 7px 0px; margin: 0px 0px -4px -25px; font-family: Georgia, "Times New Roman", Times, serif; }
div.page-detail h2.subtitle { font-size: 25px; font-weight: normal; color: #5C0005; line-height: 25px; padding: 0px; margin: 0px 0px 0px -25px; font-family: Georgia, "Times New Roman", Times, serif; }
div.page-detail h2.subtitle span.year { font-size: 18px; color: #AB0004; vertical-align: middle; }

div.page-detail ul.product-list { background: none; }

div.product-description { height: 268px; z-index: 1; position: relative; font-family: Verdana, Helvetica, sans-serif; }
div.product-description div.content-wrapper { line-height: 20px; margin-top: 22px; height: 100px; overflow: hidden; position: relative; }
div.product-description div.content-wrapper:hover,
div.product-description div.content-wrapper.hover { overflow: visible; z-index: 0px; }
div.product-description div.content { position: absolute; top: 0px; left: 0px; }
div.product-description div.content-wrapper:hover div.content,
div.product-description div.content-wrapper.hover div.content{ border: 1px solid #EEEBDF; padding: 5px; background-color: #FBFBF9; margin: -6px; }

div.product-image img { position: relative; }
div.product-image div.price { font-size: 55px; color: #FFFFFF; width: 145px; height: 145px; padding: 0px; position: absolute; top: 255px; right: 45px; }
div.product-image div.price-bg { position: absolute; top: 0px; left: 0px; background: url(/images/price-bg.png) no-repeat left 10px; width: 145px; height: 145px;  }
div.product-image div.expensive { width: 175px; }
div.product-image div.expensive div.price-bg { width: 175px; }
div.product-image div.ready div.price-bg { background:  none; }
div.product-image div.price-content { width: 129px; height: 83px; padding: 48px 0px 0px 16px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
div.product-image div.expensive div.price-content { width: 167px; padding-left: 8px; }
div.product-image cufontext { visibility: hidden; }
div.product-image div.price p { padding: 0px; text-align: center; letter-spacing: -1px; }
div.product-image div.price p.old { color: #D2BFBF; font-size: 25px; padding: 0px 20px 0px 0px; text-align: right; margin-top: -5px; }
div.product-image div.price p.old span.line-through { background: url(/images/line-through.png) no-repeat right 12px; }
div.product-image .inc-vat-label { position: absolute; top: 395px; right: 92px; color: #AB0005; font-style: normal; }

div.product-information table.params { font-size: 13px; margin-bottom: 60px; }
div.product-information td { padding: 0px 0px 8px 0px; }
div.product-information th { font-weight: bold; text-align: left; padding: 0px 0px 8px 0px; min-width: 141px;  }
div.product-information div.not-for-sale { height: 140px; }
div.product-information div.not-for-sale p { font-size: 14px; padding-right: 100px; padding-top: 10px; line-height: 20px; }
div.product-information div.not-for-sale ul { color: #AB0004; line-height: 22px; font-size: 14px; margin-left: 2em;  }
div.product-information div.not-for-sale li { list-style-type: square; }

/* TABS */
div.page-detail .tab-panel { padding-top: 23px; position: relative; }
div.page-detail .position { height: 350px; overflow: hidden; background: url(/images/product-list-bg.png) repeat-x left top; position: relative; }
div.page-detail .product-list li { width: 225px; }
div.page-detail .tab-panel .tools { position: absolute; top: -33px; right: 33px; }
div.page-detail .tools { color: #1B0053; font-size: 12px; visibility: hidden; }
div.page-detail .tools span {}
div.page-detail .tools span.status { padding-left: 5px; padding-right: 5px; }
div.page-detail .tools .button-prev,
div.page-detail .tools .button-next { display: inline-block; width: 26px; height: 26px; background: url(/images/button-prev.png) no-repeat left top; vertical-align: middle; cursor: pointer; }
div.page-detail .tools .button-prev:hover,
div.page-detail .tools .button-next:hover { background-position: left bottom; }
div.page-detail .tools .button-prev.disabled,
div.page-detail .tools .button-next.disabled { cursor: default; background-position: left top; }
div.page-detail .tools .button-next { background-image: url(/images/button-next.png); }

/* SET CONTENT */
div.set-detail {}
div.set-detail div.product-information { width: 381px; }
div.set-detail div.product-image { width: 350px; margin-top: 0px; padding-top: 20px;  }
div.set-detail div.product-image div.price { top: 180px; right: 10px; }
div.set-detail div.product-image .inc-vat-label { top: 276px; right: 108px; color: #FFFFFF; }
div.set-detail #send-to-friend { top: 360px; }

div.set-content { padding-top: 0px; }
div.set-content h2 { padding: 0px 0px 10px 44px; font-weight: normal; color: #AB0004; }
div.set-content .price { display: none; }
div.set-content ul.product-list { background: url(/images/product-list-bg.transparent.png) repeat left top; padding-left: 0px; margin-left: 15px; }

/* BUY SET */
#buy-set { background: url(/images/buy-set-bg-sprite.png) no-repeat left top; margin-top: -20px; margin-right: -280px; margin-bottom: 40px; padding: 4px 0px 1px 0px; width: 673px; position: relative; line-height: 21px; clear: both; }
#buy-set-content { background-color: #FFFFFF; }
#buy-set h2 { font-size: 12px; font-weight: bold; color: #FFFFFF; float: left; padding: 0px; background: url(/images/buy-set-bg-sprite.png) no-repeat left top; width: 166px; height: 29px; text-align: center; line-height: 29px; margin-top: -4px; position: relative; z-index: 1;}
#buy-set p { margin-left: 177px; }
#buy-set a { font-weight: bold; }
#buy-set-bottom { height: 8px; background: url(/images/buy-set-bg-sprite.png) no-repeat left bottom; position: absolute; bottom: -8px; left: 0px; width: 673px; z-index: 0; }

/******************/
/* RECOMMEND WINE */
/******************/
#recommend-wine { font-size: 14px; position: absolute; right: 0px; width: 280px; margin-top: 1px; }
#recommend-wine h2 { font-size: 14px; color: #3E0D06; padding-bottom: 9px; margin: 0px; }
#recommend-wine iframe { margin-bottom: -3px;  }
#recommend-wine dt { display: block; width: 80px; padding-left: 5px; float: left; }
#recommend-wine dd { margin-right: 85px; margin-bottom: 9px; }

#recommend-wine.inline { height: 49px; background: url(/images/recommend-bg.png) no-repeat left top; line-height: 47px; position: static; width: auto; padding-bottom: 30px; padding-left: 10px; margin-top: 0px; margin-left: 30px; clear: both; }
#recommend-wine.inline h2,
#recommend-wine.inline dl,
#recommend-wine.inline dt,
#recommend-wine.inline dd { display: inline; margin: 0px; padding: 0px; float: none; width: auto; }
#recommend-wine.inline iframe { margin-bottom: 0px; position: relative; top: 7px; }
#recommend-wine.inline h2 { padding-right: 25px; }
#recommend-wine.inline dt { padding-right: 5px; }
#recommend-wine.inline dd { position: relative; }
#recommend-wine.inline #send-to-friend { position: absolute; top: 0px; left: 0px; }

/******************/
/* SEND TO FRIEND */
/******************/
#send-to-friend { }
#send-to-friend a.open { width: 16px; height: 16px; overflow: hidden; display: block; text-indent: -1000px; background: url(/images/envelope.png) no-repeat left top; }
#send-to-friend-layer { display: none; z-index: 100; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; }
#send-to-friend-layer-bg { background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
#send-to-friend-layer a.close { display: block; width: 41px; height: 39px; background: url(/images/send-to-friend-close-btn.png) no-repeat left top; overflow: hidden; position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 1000; }
#send-to-friend-layer a.close:hover { background-position: left -39px; }

#send-to-friend-content { width: 497px; padding: 21px 0px 0px 33px; height: 388px; background: url(/images/form-send-to-friend-bg.png) no-repeat left top; position: absolute; top: 50%; left: 50%; margin: -204px 0px 0px -265px; }
#send-to-friend-content h2 { color: #FFFFFF; font-size: 20px; text-transform: uppercase; margin-bottom: 16px; height: 22px; line-height: 22px; width: 280px; position: relative;  }
#send-to-friend-content h2 span { position: absolute; top: 0px; left: 0px; height: 22px; width: 280px; background: url(/images/send-to-friend-title.cs.png) no-repeat left top; }
#send-to-friend-layer.en h2 span { background-image: url(/images/send-to-friend-title.en.png); }

#send-to-friend-content .message { height: 313px; width: 465px; background: #FFFFFF; line-height: 313px; font-size: 14px; text-align: center; }

/* FORM SEND TO FRIEND */
#form-send-to-friend { padding: 0px 0px 0px 0px; height: 313px; width: 465px; background: #FFFFFF; }
#form-send-to-friend fieldset { padding: 17px 0px 5px 26px; }
#form-send-to-friend label { display: block; color: #170F05; padding-bottom: 3px; }
#form-send-to-friend input.input { width: 170px; padding: 5px; margin-bottom: 10px; }
#form-send-to-friend p.col.first { float: left; margin-right: 33px; }
#form-send-to-friend textarea { width: 385px; height: 80px; vertical-align: middle; }
#form-send-to-friend p { padding: 5px 0px 0px 0px; }
#form-send-to-friend p.float { float: left; }
#form-send-to-friend p.button { text-align: center; }


/**********************/
/* PAGE: CONFIRMATION */
/**********************/
div.page-confirmation  { padding: 0px; }
div.page-confirmation h1,
#wide div.page-confirmation h1 { font-size: 35px; font-weight: normal; color: #AB0004; line-height: 45px; padding: 0px 0px 7px 0px; }
div.page-confirmation h2 { font-size: 14px; color: #3E0D06; font-weight: normal; margin-bottom: 15px; font-weight: normal; }

div.product-info { font-size: 16px; color: #5C0005; position: relative; background: url(/images/form-product-filter-bg.png) no-repeat 5px bottom; padding-top: 10px; padding-bottom: 30px; margin-bottom: 40px; padding-right: 200px;  }
div.product-info h2 { font-size: 20px; color: #5C0005; }
div.product-info div.img { float: left; padding: 0px 40px 0px 16px; }
div.product-info a.order { position: absolute; top: 20px; right: 40px; }
div.product-info div.bonus { margin-top: 26px; margin-bottom: 10px; height: 44px; background: #F3F2EA url(/images/bonus-bg.png) no-repeat left top; margin-right: -200px; width: 742px; padding: 2px 0px 0px 24px; position: relative; overflow: hidden; }
div.product-info div.bonus h2 { float: left; padding-top: 11px; line-height: 21px; }
div.product-info div.bonus p { line-height: 46px; }
div.product-info div.bonus h2 { padding-right: 10px; color: #AB0004; }
div.product-info div.bonus p { font-size: 13px; }
div.product-info p.cart-added { font-weight: bold; padding-bottom: 17px; }
div.product-info p.cart-total { font-weight: normal; }

/**************/
/* FORM USER */
/**************/
#form-user { font-size: 12px; padding: 40px 0px 20px 5px; }
#form-user p { padding-bottom: 10px; }
#form-user p.float { float: left; margin-right: 15px; }
#form-user p.center { width: 580px; }
#form-user.registration p.center { width: 669px; }
#form-user fieldset { border: none; padding-bottom: 35px; }
#form-user legend { font-size: 16px; font-weight: bold; color: #AB0004; font-style: normal; padding-bottom: 12px; }
#form-user div.section { padding: 0px 0px 0px 0px; position: relative; margin: 0px 0px 0px 0px; }
#form-user div.aside { width: 250px; border-left: 2px solid #F2F2EE; padding: 0px 20px 10px 20px; font-style: normal; font-size: 11px; line-height: 16px; color: #918F8F; position: absolute; top: -5px; right: 0px; }
#form-user div.aside p { padding-bottom: 0px; }
#form-user label { width: 70px; display: inline-block; }
#form-user label.inline { width: auto; }
#form-user label.long { width: 130px; text-align: right; padding-right: 3px; }
#form-user label.required { font-weight: bold; }
#form-user input[type=text],
#form-user input[type=password] { padding: 5px 5px; width: 150px; }
#form-user input[type=text].short { width: 40px; }
#form-user-group-invoice div.section + div.section { margin-top: 0px; }

#form-user-invoice-slide { min-height: 50px; }
#form-user textarea { width: 480px; border-color: #999999; padding: 5px 5px; }

#form-user-group-agreement { background: url(/images/agreement-bg.png) no-repeat left top; padding: 10px 37px 0px 20px; width: 611px; height: 72px; position: relative; left: -20px; }
#form-user-group-agreement p { padding: 8px 0px 0px 30px; margin: 0px; }
#form-user-group-agreement label { text-indent: -30px; }
#form-user-group-agreement p span.checkbox { text-indent: 0px; }

#form-user-group-delivery + p.center { padding-top: 20px; }

/*******************/
/* FORM USER LOGIN */
/*******************/
#form-user-login {}
#form-user-login label { width: 120px; display: inline-block; }
#form-user-login p { padding-bottom: 5px; }
#form-user-login input.button { margin-left: 120px; }

/*******************/
/* FORM USER RESET */
/*******************/
#form-user-reset {}
#form-user-reset label { width: 120px; display: inline-block; }
#form-user-reset p { padding-bottom: 5px; }
#form-user-reset input.button { margin-left: 120px; }

/*******************/
/* FORM NEWSLETTER */
/*******************/
#form-newsletter {}
#form-newsletter input { vertical-align: middle; margin-left: 5px; }

/****************/
/* FORM CONTACT */
/****************/
#form-contact { width: 500px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; }
#form-contact label { display: block; width: 70px; float: left; line-height: 28px; height: 26px;  }
#form-contact .required { font-weight: bold; }
#form-contact fieldset { padding-bottom: 10px; }
#form-contact input { width: 150px; }
#form-contact textarea { width: 482px; vertical-align: middle; }
#form-contact p { padding: 5px 0px 0px 0px; margin: 0px; height: 30px; }
#form-contact p.float { float: left; margin-right: 30px; }
#form-contact p.message { height:  auto; padding-top: 5px; }
#form-contact p.center { height: auto; }
#form-contact p.center input { width: auto; }

/****************/
/* FORM: SEARCH */
/****************/
#form-search { padding-left: 11px; }
#form-search h2 { padding-left: 0px; padding-bottom: 7px; }
#form-search input { vertical-align: middle; }
#form-search input[type=text] { width: 118px; border: 1px solid #978D74; margin-right: 7px; background-color: #FFF; }


/****************/
/* PAGE: STATIC */
/****************/
div.page-static  { padding: 5px 38px 40px 20px; }
div.page-static.narrow { padding-right: 300px; }
div.page-static.narrow img.right { margin-right: -300px; margin-left: 0px; }
div.page-static h1 { font-size: 45px; font-weight: normal; color: #5C0005; line-height: 45px; padding: 0px 0px 7px 0px; margin-right: -285px; width: 720px; overflow: hidden; }
div.page-static h2 { font-size: 20px; color: #AB0004; font-weight: normal; margin-bottom: 5px; padding-top: 18px; }
div.page-static p,
div.page-static address { margin-bottom: 1em; font-family: Verdana, Helvetica, sans-serif; line-height: 21px; }
div.page-static ul { margin-left: 2.2em; font-family: Verdana, Helvetica, sans-serif; line-height: 21px; }
div.page-static ul li { list-style-type: disc; }
div.page-static ol { margin-bottom: 18px; font-family: Verdana, Helvetica, sans-serif; line-height: 21px; }
div.page-static ol li { list-style-type: decimal; margin-left: 2.2em; }
div.page-static img.right { margin: 0px 0px 20px 20px; }
div.page-static ul + p { margin-top: 1em; }

div.page-static img { border: 5px solid #D0CBC0; }

div.page-static p.next-chapter { text-align: right; font-weight: bold; height: 26px; padding-top: 20px; }
div.page-static p.next-chapter a { background: url(/images/button-next.png) no-repeat right top; color: #3E0D06; display: block; height: 26px; float: right; line-height: 25px; padding: 0px 50px 0px 0px; }
div.page-static p.next-chapter a:hover { color: #AB0004; background-position: right bottom; }

/* TABLE */
div.page-static table { border-collapse: collapse; margin-bottom: 1em; border: 1px solid #F0EEE4; }
div.page-static thead tr { background-color: #F0EEE4; }
div.page-static td,
div.page-static th { border-top: 1px dotted #F0EEE4; padding: 5px 10px; }
div.page-static tbody tr:first-child td,
div.page-static tbody tr:first-child th { border-top: none; }
div.page-static th,
div.page-static td { text-align: center; }
div.page-static th[scope=row] { text-align: left; }

/* FAQ */
dl.faq { font-family: Verdana, Helvetica, sans-serif; line-height: 21px; }
dl.faq dt { font-size: 20px; color: #AB0004; font-weight: normal; margin-bottom: 5px; padding-top: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
dl.faq dd { margin-bottom: 18px; }

/*****************/
/* PAGE: VOUCHER */
/*****************/
div.page-voucher { padding: 10px 0px 40px 45px; }
div.page-voucher h1 { font-size: 40px; color: #5C0005; font-weight: normal; line-height: 100%; margin-bottom: 27px; }
div.page-voucher h2 { font-size: 20px; color: #AB0004; font-weight: normal; margin-bottom: 18px; padding-top: 20px; }
div.page-voucher p { font-family: Verdana, Helvetica, sans-serif; line-height: 21px; margin-bottom: 18px; }
div.page-voucher p.intro { font-size: 20px; color: #AB0004; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 11px; }
div.page-voucher div.text-content { width: 420px; }
div.page-voucher p.note { font-size: 11px; color: #3E0D06; margin-bottom: 11px; line-height: 18px; }
div.page-voucher p.note a { color: #3E0D06; }
div.page-voucher img.right { padding-right: 40px; margin: 0px; }

/****************/
/* FORM VOUCHER */
/****************/
#form-voucher { padding: 0px 0px 10px 0px; }
#form-voucher label { display: block; width: 168px; height: 224px; padding: 10px 0px 0px 0px; border: 1px solid #929292; position: relative; float: left; margin-right: 10px; background: url(/images/voucher-label-bg.png) no-repeat center 66px; font-size: 15px; color: #746544; text-align: center; }
#form-voucher label.last { margin-right: 0px; }
#form-voucher label.selected { border-color: #AB0004; background-image: url(/images/voucher-label-bg-active.png); } 
#form-voucher span.text { display: block; line-height: 18px; }
#form-voucher span.price { font-size: 45px; color: #615641; display: block; text-align: center; width: 147px; padding: 0px 0px 0px 21px; line-height: 49px; position: absolute; top: 94px; left: 0px; letter-spacing: -2px; overflow: hidden; }
#form-voucher label.selected span.price { color: #FFFFFF; }
#form-voucher span.radio { position: absolute; top: 186px; left: 71px; }
#form-voucher span.price input { width: 68px; border: 1px solid #999999; font-size: 22px; color: #AB0004; letter-spacing: normal; text-align: right; vertical-align: middle; }

#form-voucher p.center { padding: 46px 0px 0px 0px; text-align: center; clear: both; }

/********************/
/* PAGE: ABOUT WINE */
/********************/
#main-content ul.about-wine-list { margin: 25px 0px 0px 0px; padding: 0px;}
#main-content ul.about-wine-list li { list-style: none; padding: 0px; margin: 0px 50px 0px 0px; font-size: 18px; text-align: center; width: 203px; height: 210px; float: left; line-height: 22px; }
#main-content ul.about-wine-list li.end { margin-right: 0px; }
#main-content ul.about-wine-list li a { display: block; padding-top: 5px; text-decoration: none; border: none; }

/**********************/
/* PAGE: PARTNER LIST */
/**********************/
#main-content ul.partner-list { margin: 25px 0px 0px 0px; padding: 0px;}
#main-content ul.partner-list li { list-style: none; padding: 0px; margin: 0px 50px 0px 0px; font-size: 18px; text-align: center; width: 203px; height: 210px; float: left; line-height: 22px; }
#main-content ul.partner-list li.end { margin-right: 0px; }
#main-content ul.partner-list li a { display: block; padding-top: 5px; text-decoration: none; border: none; }

/*******************************************************************/
/*                                                    WIDE CONTENT */
/*******************************************************************/
#wide { width: 946px; margin: 0px auto; padding-bottom: 100px; color: #170F05; }
#wide h1 { color: #AB0004; font-size: 45px; font-weight: normal; line-height: 45px; }

/*********************/
/* PAGE: USER ORDERS */
/*********************/
div.page-user-orders {}
div.page-user-orders h1 { color: #820002 !important; }
div.page-user-orders table { width: 946px; border-collapse: collapse; margin-top: 26px; }
div.page-user-orders th { text-align: left; }
div.page-user-orders thead tr { background: #F3F2EA; }
div.page-user-orders thead th { height: 45px; line-height: 45px; font-weight: bold; color: #AB0004; font-size: 14px; }
div.page-user-orders tbody tr { background: url(/images/table-row-separator.png) no-repeat center bottom; }
div.page-user-orders tbody td { padding-top: 14px; padding-bottom: 15px; vertical-align: middle; }
div.page-user-orders .col-order-date { padding-left: 30px; width: 190px; }
div.page-user-orders .col-order-price { text-align: right; padding-right: 100px; }
div.page-user-orders .col-order-status { width: 200px; padding-left: 50px; }

/***************************/
/* PAGE: USER ORDER DETAIL */
/***************************/
div.page-user-order-detail h1 { color: #820002 !important; }
div.page-user-order-detail h1 em { color: #AB0004 !important; font-size: 25px; display: block; }
div.page-user-order-detail #order-summary { padding-left: 0px; }
div.page-user-order-detail #order-summary div.col1 { width: 355px; }
div.page-user-order-detail table { border-collapse: collapse; width: 914px; color: #746544; }
div.page-user-order-detail th { text-align: left; color: #746544; padding-left: 5px; padding-bottom: 4px; }
div.page-user-order-detail th.order { text-transform: uppercase; color: #AB0004; padding-left: 20px; }
div.page-user-order-detail tbody td { padding-top: 7px; padding-bottom: 8px; vertical-align: top; }
div.page-user-order-detail tbody tr { background: #F3F2EA; }
div.page-user-order-detail tbody tr.even { background: none; }
div.page-user-order-detail table a.add { height: 18px; width: 139px; background-image: url(/images/button-add-to-cart-slim.cs.png); }
div.page-user-order-detail table a.add:hover { background-position: left -18px; }
div.page-user-order-detail table a.add.en { background-image: url(/images/button-add-to-cart-slim.en.png); }
div.page-user-order-detail a.trigger { text-indent: -100px; }
div.page-user-order-detail .col-quantity { width: 50px; text-align: right; padding-right: 10px; }
div.page-user-order-detail .col-product { font-size: 14px; width: 327px; font-weight: bold; padding-top: 8px; }
div.page-user-order-detail .col-product a { color: #AB0004; white-space: nowrap; overflow: hidden; display: block; width: 327px; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; }
div.page-user-order-detail .col-price { text-align: right; padding-right: 28px; width: 109px; font-size: 16px; color: #AB0004; font-weight: bold; }
div.page-user-order-detail .col-tools { padding-left: 15px; width: 215px; }
div.page-user-order-detail .col-tools span { line-height: 18px; position: relative; top: 1px; padding-left: 5px; }
div.page-user-order-detail .col-tools strong { color: #AB0004; font-size: 16px; letter-spacing: -1px; display: inline-block; width: 15px; text-align: right; }
div.page-user-order-detail .col-tools strong.price { width: auto; padding-left: 15px; }
div.page-user-order-detail tfoot td { vertical-align: middle; }
div.page-user-order-detail tfoot .col-product { text-align: right; }
div.page-user-order-detail tfoot .col-product strong { padding-right: 30px; }
div.page-user-order-detail tfoot .col-price { font-size: 20px; font-weight: normal; }
div.page-user-order-detail .col-action { width: 160px; padding-top: 8px; }
div.page-user-order-detail table a.add-all { width: 154px; height: 58px; background: url(/images/button-add-all-to-cart.cs.png) no-repeat left top; text-indent: -10000px; }
div.page-user-order-detail table a.add-all.en { background-image: url(/images/button-add-all-to-cart.en.png); }
div.page-user-order-detail span.offset-parent { position: relative; display: inline-block; }
div.page-user-order-detail span.form-buy-confirm { display: block; background-color: #F3F2EA; left: 0px; bottom: auto; top: -1px; white-space: nowrap; }
div.page-user-order-detail tr.even span.form-buy-confirm { background-color: #FFFFFF; }
div.page-user-order-detail tfoot span.form-buy-confirm { background-color: #FFFFFF; display: block; padding-left: 20px; position: absolute; top: 0px; }
div.page-user-order-detail ul.subproducts { font-size: 11px; font-weight: normal; line-height: 16px; padding: 5px 0px 3px 0px; white-space: normal; }
div.page-user-order-detail ul.subproducts li { text-indent: -16px; padding-left: 16px; }
div.page-user-order-detail ul.subproducts a { display: inline; width: auto; white-space: normal;  }


/******************/
/* PAGE: HOMEPAGE */
/******************/
.page-homepage { background: url(/images/page-homepage-bg.png) repeat-x left top; }
.page-homepage .special-products { background: url(/images/homepage-product-list-bg.png) repeat-x left 46px; position: relative; padding: 0px 0px 0px 0px; }
.page-homepage .special-products h2 { font-size: 15px; color: #AB0004; font-weight: normal; text-transform: uppercase; width: 151px; height: 42px; line-height: 42px; padding: 0px 0px 0px 22px; background: url(/images/special-products-title-bg.png) no-repeat left top; position: relative; z-index: 2; }

.page-homepage #flash { min-height: 400px; }
.page-homepage #flash-container { width: 750px; height: 400px; }

/*********/
/* BOXES */
/*********/
#boxes { color: #666666; font-family: Verdana, Helvetica, sans-serif; height: 188px; padding: 0px 0px 3px 23px; margin-top: -58px; position: relative; z-index: 1; }
#boxes h2 { color: #FFFFFF; font-size: 16px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
#boxes h2 a { color: #FFFFFF; text-decoration: none; }
#boxes div.box { width: 224px; height: 188px; float: left; overflow: hidden; }
#boxes div.first { width: 219px; background-image: url(/images/box-bg-01.png); margin: 1px 22px 0px 0px; }
#boxes div.first h2 { padding: 12px 0px 8px 17px; }
#boxes div.first div.content { background: url(/images/lahve-s-medaili.jpg) no-repeat 143px 8px; padding: 10px 70px 0px 22px; height: 120px; }
#boxes div.second { width: 219px; margin: 0px 22px 0px 0px; background-image: url(/images/box-bg-02.png); }
#boxes div.second h2 { padding: 13px 0px 5px 16px; }
#boxes div.second div.content { background: url(/images/lahve-se-sklenicemi.jpg) no-repeat 150px 10px; padding: 13px 63px 0px 22px; height: 130px; }
#boxes div.third { width: 225px; height: 167px; margin: 2px 0px 0px 0px; background-image: url(/images/box-bg-03.png); position: relative; cursor: pointer; }
#boxes div.third h2 { padding: 11px 0px 6px 22px; }
#boxes div.third div.content { padding: 11px 100px 0px 25px; height: 110px; }
#flash-logos { width: 90px; height: 50px; position: absolute; top: 62px; right: 12px; }


/* UTILS */
.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(/images/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}
div.message { margin-top: 20px; }
div.message span.error { height: 26px; display: inline-block; overflow: hidden; }
div.message span.error strong { display: inline-block; height: 20px; line-height: 20px; color: #FFFFFF; background-color: #CC3333; padding: 0px 5px; margin-top: 6px; font-weight: normal; }
