@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; line-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, input { 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: #CCCCCC; }


/***************/
/* 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; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; color: #333333; vertical-align: middle; }
form .input, textarea { padding: 2px 7px; }
form .input, select, textarea { border: 1px solid #BBBBBB; border-bottom-color: #DDDDDD; border-right-color: #DDDDDD; }
form fieldset { border: none; padding: 0px; margin: 0px; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background-color: #FFFFFF; font-size: 13px; }
h1 { font-size: 35px; font-weight: bold; letter-spacing: -2px; }
h2 { font-weight: normal; font-size: 20px; }
p { margin-bottom: 1em; }
a { color: #000000; text-decoration: underline; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-bg { background: #FAFAFA url(/images/page-bg.png) repeat-x left top; }
#page-wrapper { width: 990px; padding: 0px 0px 0px 10px; margin: 0px auto; text-align: left; position: relative; }

#body-bg { background-color: #E6E6E6; }

#body { position: relative; left: -5px; top: -8px; padding: 10px; background-color: #FFFFFF; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 118px; position: relative; }

#logo { padding: 0px; margin: 0px; width: 233px; height: 27px; overflow: hidden; position: absolute; top: 21px; left: 15px; }

#form-search { padding: 0px; margin: 0px; width: 228px; position: absolute; top: 14px; right: 5px; }
#form-search fieldset { background-color: #EEEEEE; padding: 5px; }
#form-search .input { width: 163px; padding: 6px 0px 5px 8px;  font-size: 11px; color: #999999; }
#form-search .input.active { background: #FFFFFF url(/images/spinner.gif) no-repeat 150px center; }
#form-search .button-submit { margin-left: 6px; }

/***********/
/* SUGGEST */
/***********/
#suggest { background-color: #999999; width: 252px; position: absolute; top: 41px; left: -19px; z-index: 999; }
#suggest-wrapper { background-color: #EEEEEE; position: relative; top: -4px; left: -5px; padding: 5px 5px 5px 5px; }
#suggest-list { background-color: #FFFFFF; max-height: 292px; overflow: auto; position: relative; }

#suggest .view-all { padding: 10px 0px 5px 5px; margin: 0px; }
#suggest .view-all a { display: block; width: 195px; height: 26px; padding: 0px 0px 0px 31px; color: #FFFFFF; font-weight: bold; font-size: 14px; text-decoration: none; line-height: 26px; background: #999999 url(/images/view-all.png) no-repeat left top; }
#suggest .view-all a:hover { background-color: #CC0000; background-position: left bottom; }
#suggest .count { font-size: 16px; font-weight: normal; color: #666666; height: 25px; padding: 0px; margin: 0px; line-height: 25px; margin-bottom: 5px; }
#suggest .count strong { font-weight: normal; display: block; width: 143px; height: 25px; padding-left: 5px; float: left; position: relative;  }
#suggest .count strong span { display: block; width: 148px; height: 25px; position: absolute; top: 0px; left: 0px; background: url(/images/suggest-title.png) no-repeat left top; }
#suggest .count em { font-size: 15px; font-style: normal; display: block; height: 25px; }

#suggest-list a { display: block; height: 60px; padding: 6px 0px; overflow: hidden; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; border-top: 1px solid #EEEEEE; text-decoration: none; position: relative; outline: none !important; cursor: pointer; } 
#suggest-list div div.first a { border-top: none; }
#suggest-list img { width: 60px; height: 60px; float: left; margin-right: 7px; }

#suggest-list .category { font-size: 11px; color: #666666; display: block; line-height: 15px; }
#suggest-list .title { font-size: 15px; font-weight: bold; color: #000000; display: block; letter-spacing: -1px; line-height: 15px; max-height: 30px; overflow: hidden; }
#suggest-list .price { font-size: 15px; font-weight: bold; color: #666666; display: block; letter-spacing: -1px; line-height: 15px; padding: 2px 0px 0px 0px; }
#suggest-list .detail { position: absolute; bottom: 4px; right: 5px; display: block; width: 37px; height: 16px; padding: 0px 0px 0px 4px; color: #FFFFFF; font-size: 10px; line-height: 16px; background: url(/images/suggest-button.png) no-repeat left top; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

/* HOVER */
#suggest-list a:hover { background-color: #FFDE00; border-left-color: #FFDE00; border-right-color: #FFDE00; }
#suggest-list a:hover .title { color: #CC0000; }
#suggest-list a:hover .detail { background-position: left bottom; }

/*************/
/* USER INFO */
/*************/
#user-info { font-size: 11px; position: absolute; top: 11px; left: 403px; height: 45px; width: 320px; padding-right: 23px; }
#user-info p { padding: 0px; margin: 0px; }
#user-info em { font-style: normal; padding: 0px 5px; }
#user-info .info { display: none; }
#user-info .info strong { font-weight: normal; color: #ACACAC; background: url(/images/ico-user.png) no-repeat left center; padding: 0px 11px 0px 0px; display: block; width: 93px; float: left; text-align: right; }
#user-info .info a { color: #666666; }
#user-products { line-height: 45px; color: #000000; font-size: 13px; text-align: right; }
#user-products strong { font-size: 13px; line-height: 45px; padding-right: 10px;  }
#user-products a { font-size: 22px; line-height: 45px; font-weight: bold; }

/* LOGGED IN */
#user-info.logged {}
#user-info.logged .info { display: block; }
#user-info.logged #user-products { line-height: 18px; font-size: 11px; text-align: left; }
#user-info.logged #user-products strong { font-size: 11px; padding-right: 11px; display: block; width: 93px; float: left; line-height: 26px; text-align: right; }
#user-info.logged #user-products a { font-size: 16px; font-weight: bold; line-height: 26px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { min-height: 45px; background: url(/images/logo-small.png) no-repeat 22px 17px; font-size: 12px; padding: 11px 0px 18px 0px; }
#footer-content { background: url(/images/footer-bg.png) repeat-y right top; padding: 3px 0px 0px 200px; width: 790px; }

#copyright { color: #999999; font-size: 11px; text-align: left; width: 1000px; margin: 0px auto; padding-bottom: 20px; }
#copyright p { padding: 16px 26px 0px 26px; margin: 0px; }
#copyright a { color: #999999; text-decoration: none; }
#giant { float: right; }
#giant a { text-decoration: none; color: #999999; }
#giant strong { font-size: 11px; font-weight: normal; }

#footer ul { margin: 0px; padding: 0px; }
#footer ul ul { padding-bottom: 18px; padding-top: 1px; }
#footer li { list-style: none; font-weight: bold; color: #333333; float: left; width: 178px; padding: 0px 0px 0px 16px; line-height: 17px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer li a { color: #333333; }
#footer li li { font-size: 11px; color: #7C7C7C; float: none; padding: 0px; }
#footer li li a { color: #7C7C7C; font-weight: normal; }

#footer #footer-catalog { width: 370px; }
#footer #footer-catalog li { width: 24.5%; float: left; }
#footer .long { height: 80px; }
#footer-contact { height: 51px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin: 0px; padding: 0px; background: none; width: 990px; position: absolute; top: 63px; left: 5px; height: 57px; }
#menu li { list-style: none; float: left; padding: 11px 0px 0px 0px; margin: 0px; background: none; }
#menu a,
#menu strong { display: block; font-size: 15px; text-align: center; line-height: 28px; overflow: hidden; text-decoration: none; height: 26px; font-weight: normal; position: relative; }
#menu span { display: block; height: 26px; background: url(/images/menu.png) no-repeat left top; cursor: pointer; position: absolute; top: 0px; left: 0px; }
#menu strong { background: url(/images/menu-active.png) no-repeat center 36px; height: 46px; }


/* CUSTOM WIDTHS */
#menu-homepage * { width: 175px; }
#menu-katalog * { width: 185px; }
#menu-info * { width: 213px; }
#menu-velkoobchod * { width: 170px; }
#menu-media * { width: 121px; }
#menu-kontakt * { width: 126px; }

/* OVERLAP */
#menu-homepage span { background-position: 0px 0px; }
#menu-katalog span { background-position: -175px 0px; }
#menu-info span { background-position: -360px 0px; }
#menu-velkoobchod span { background-position: -573px 0px; }
#menu-media span { background-position: -743px 0px; }
#menu-kontakt span { background-position: -864px 0px; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { width: 194px; float: right; min-height: 300px; }

#left-menu { margin: 0px 0px 30px 0px; padding: 0px; }
#left-menu li { list-style: none; padding: 0px 0px 0px 6px; margin: 0px; height: 31px; overflow: visible; line-height: 30px; position: relative; }
#left-menu a { background: url(/images/left-menu-bg-sprite.png) no-repeat left top; border-bottom: 1px solid #EBEBEB; display: block; height: 30px; position: absolute; top: 0px; left: 6px; padding: 0px 0px 0px 11px; width: 149px; line-height: 30px; text-decoration: none; }
#left-menu.no-transform a { text-transform: none; }
#left-menu li.last a { border-bottom-color: #FFFFFF; }

#left-menu a:hover { top: -1px; background-position: 0px -37px; height: 31px; width: 163px; line-height: 32px; border-bottom-color: #FFFFFF; }
#left-menu .active a { top: -1px; background-position: 0px -69px; height: 31px; width: 163px; line-height: 32px; border-bottom-color: #FFFFFF; }
#left-menu em { position: absolute; top: 9px; right: 36px; line-height: 14px; font-size: 11px; color: #CCCCCC; font-style: normal; }
#left-menu li:hover em { color: #999999; }

#left-menu li.open { padding-left: 0px; height: auto; padding-top: 31px; }
#left-menu li.open li { padding-top: 0px; padding-left: 21px; }
#left-menu li.open li a { padding-top: 0px; padding-left: 21px; width: 134px; }
#left-menu li.open li a:hover,
#left-menu li.open li.active a { width: 152px; }

/* wholesale / icon menu */
#left-menu li.ico a { }
#left-menu li.ico a span { background-position: left center; background-repeat: no-repeat; padding-left: 20px; }

li.ico.person span { background-image: url(/images/ico-person.png); }
li.ico.arrows span { background-image: url(/images/ico-arrows.png); }
li.ico.clock span { background-image: url(/images/ico-clock.png); }
li.ico.docs span { background-image: url(/images/ico-docs.png); }
li.ico.cart span { background-image: url(/images/ico-cart.png); }
li.ico.doc span { background-image: url(/images/ico-doc.png); }
li.ico.cross span { background-image: url(/images/ico-cross.png); }
li.ico.folder span { background-image: url(/images/ico-folder.gif); }
li.ico.inbox span { background-image: url(/images/ico-inbox.gif); }

#left-menu li.cart,
#left-menu li.cross { font-weight: bold; margin-top: 40px; }

#left-menu li.login-menu { margin-top: 40px; }

/*********/
/* BLOCK */
/*********/
#left-column .block { border: 10px solid #F8F8F8; width: 154px; padding: 5px; }
#left-column .block h2 { font-size: 16px; font-weight: normal; margin: 0px; padding: 0px; height: 21px; line-height: 21px; }
#left-column .block h2 span { width: 100%; height: 21px;}
#left-column .block p { font-size: 11px; line-height: 15px; color: #666666; }

#block-what-next.block { background-color: #F8F8F8; }
#left-column #block-what-next h2 { line-height: 25px; height: 25px; font-size: 20px; }
#left-column #block-what-next h2 span { background-image: url(/images/title-what-next.png); width: 96px; height: 25px; }
#block-what-next ul { margin: 0px; padding: 15px 0px 5px 0px; }
#block-what-next li { list-style: none; padding: 0px; margin: 0px; }
#block-what-next a { display: block; padding-left: 26px; background: url(/images/ico-print.png) no-repeat left top; text-decoration: none; line-height: 16px; }
#block-what-next .print { border-bottom: 1px solid #EBEBEB; padding-bottom: 7px; }
#block-what-next .send { padding-top: 7px; }
#block-what-next .send a { background-image: url(/images/ico-send.png); font-weight: bold;  }

#block-contacts.block { border-color: #FFFFFF; }
#left-column #block-contacts h2 { line-height: 25px; height: 25px; font-size: 20px; }
#left-column #block-contacts h2 span { background-image: url(/images/title-contact.png); /*widows: 96px;*/ height: 25px; }
#block-contacts address { padding-top: 5px; padding-bottom: 10px; }
#left-column #block-contacts p { font-size: 12px; color: #000000; }
#block-contacts.border { border-right: 1px solid #CCCCCC; }

#block-catalog.block { padding: 5px 0px 5px 10px; background: url(/images/block-catalog-bg.jpg) no-repeat right bottom; } 
#left-column #block-catalog h2 { padding-bottom: 2px; }
#block-catalog h2 span {  background-image: url(/images/title-katalog-k-objednani.png); }
#block-catalog p { padding-right: 65px; margin-bottom: 7px; }
#block-catalog .button { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }

#left-column #block-prefered-variant { padding: 0px; width: 154px; }
#left-column #block-prefered-variant h2 { font-weight: bold; font-size: 16px; padding: 0px 5px 7px 5px; height: auto; width: auto; background-color: #F8F8F8; line-height: 19px; }
#block-prefered-variant { font-size: 11px; line-height: 13px; }
#block-prefered-variant li { list-style: none; padding: 8px 5px 8px 35px; border-bottom: 2px solid #F8F8F8; display: block; }
#block-prefered-variant a { font-weight: bold; font-size: 14px; display: block; line-height: 17px; padding: 0px 0px 3px 25px; position: relative; left: -25px; background: url(/images/ico-print.png) no-repeat left top; }
#block-prefered-variant .send a  { background-image: url(/images/ico-send.png); }
#block-prefered-variant .send.partner a  { background-image: url(/images/ico-partners.png); }


#left-column #block-media-contact { position: absolute; top: 80px; right: 10px; }
#left-column #block-media-contact h2 { font-size: 14px; font-weight: bold; }
#left-column #block-media-contact p { padding: 0px; margin: 0px; }

/************************/
/* BLOCK CATALOG SEARCH */
/************************/
#block-catalog-search { font-size: 11px; padding: 0px 0px 20px 13px;  }

#form-catalog-search {}
#form-catalog-search strong { vertical-align: baseline; }
#form-catalog-search p { padding: 0px 6px 4px 6px; line-height: 17px; margin: 0px; }
#form-catalog-search fieldset { background-color: #E5E5E5; padding: 5px 5px 5px 5px; float: left; }
#form-catalog-search input { border: 1px solid #999999; padding: 3px 0px 4px 0px; font-size: 12px; width: 50px; text-align: center; }
#form-catalog-search button { background: none; border: none; border: 0px; padding: 0px; margin: 0px 0px 0px 7px !important; width: 68px; overflow: hidden; }
#form-catalog-search button span { background-color: #999999; color: #FFFFFF; font-size: 11px; text-transform: uppercase; width: 68px; height: 24px; line-height: 24px; text-align: center; display: block; }

/**********/
/* FILTER */
/**********/
#filter { border: 10px solid #F8F8F8; width: 154px; padding: 5px; }
#left-column #filter h2 { font-weight: normal; font-size: 20px; height: 25px; line-height: 25px; margin-left: 7px; }
#filter h2 span { background-image: url(/images/title-filtr.png); width: 96px; height: 25px; }
#filter p { padding: 0px; margin: 0px; text-align: center; }
#filter fieldset p { text-align: left; padding-bottom: 0px; }

#filter #filter-cancel { background-color: #666666; padding: 3px 8px; color: #FFFFFF; line-height: 20px; margin: -5px -5px 5px -5px; text-align: right; }
#filter #filter-cancel a { color: #FFFFFF; background: url(/images/filter-cancel.png) no-repeat left 2px; padding-left: 15px; text-decoration: none; font-weight: bold; }
#filter #filter-cancel a:hover { background-position: left -19px; }

#filter form,
#filter fieldset,
#filter button { margin: 0px; padding: 0px; border: none; background: none; }

#filter form { font-size: 11px; }
#filter label { display: block; padding-top: 2px; }
#filter button { height: 28px; cursor: pointer; margin-bottom: 3px; margin-top: 5px; }

#filter fieldset { padding: 4px 6px 6px 6px; margin-bottom: 5px; }
#filter fieldset.collapsible { border: 1px solid #E1E1E1; }
#filter fieldset.collapsible p {  background: url(/images/ico-collapse.png) no-repeat right top; padding-top: 1px; }

#filter .input { display: none; }

#filter #slider { background: url(/images/slider.png) no-repeat 3px 49px; }
#slider div { position: relative;  height: 20px; }
#slider .input { display: block; font-size: 11px; padding: 0px; border: none; width: 40px; position: absolute; left: 0px; bottom: 0px; }
#slider #input-end { text-align: right; left: auto; right: 0px; }
#slider .knob { display: block; width: 11px; height: 17px; position: absolute; top: 4px; left: 0px; background: url(/images/knob.png) no-repeat left top; cursor: w-resize; }
#slider .knob:hover { background-position: center center; }
#slider a.knob.tick,
#slider a.knob.tick:hover { background-position: left bottom !important; }
#slider #price-range { text-align: center; font-size: 13px; font-weight: bold; color: #333333; line-height: 20px; padding: 0px; height: 20px; overflow: hidden; }
#slider .knob-tip { position: absolute; top: 23px; left: 5px; }
#slider .knob-tip .pos { display: block;  background: url(/images/knob-tip-arrow.png) no-repeat center top; padding-top: 5px; position: relative; left: -50%; }
#slider .knob-tip .value { display: block; height: 21px; line-height: 18px; background: url(/images/knob-bg.png) no-repeat left top; padding: 0px 5px; }
#slider .knob-tip .bg { display: block; background: url(/images/knob-border-right.png) no-repeat right top; padding: 0px 2px 0px 0px; }
#slider #knob-max-tip { left: 140px; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { width: 776px; float: right; padding-bottom: 20px; }

#main-content h1 { line-height: 35px; padding-bottom: 15px; }
#main-content h2 { line-height: 24px; height: auto; padding-bottom: 15px; }

.intro { font-size: 14px; }

.erplc { unicode-bidi: bidi-override; direction: rtl; }

/* ERRORS */
#error, #success, #warning { margin: 0px; padding: 0px; background: #FFFFFF;  padding: 4px 0px; margin-bottom: 10px;  }
#error li,
#success li,
#warning li { list-style: none; display: block; text-align: center; line-height: 170%; font-weight: bold;}

#success { border: 1px solid #339900; color:#339900; }
#error { border: 1px solid #CC0000; color: #CC0000; }
#warning { border: 1px solid #F8F8F8; background-color: #F8F8F8; color: #999999; }

/********/
/* GRID */
/********/
/* MAX WIDTH 776 PX */
.grid-3-1 {}
.grid-3-1 .cell { width: 196px; float: left; }
.grid-3-1 .cell.first { width: 570px; margin-right: 10px; }

.grid-2-2 {}
.grid-2-2 .cell { width: 378px; float: left; }
.grid-2-2 .cell.first { margin-right: 20px; }

/*****************/
/* ADVANCED INFO */
/*****************/
#main-content .advanced-info { background-color: #F3F3F3; position: relative; }
#main-content .advanced-info h2 { font-size: 13px; color: #FFFFFF; font-weight: bold; padding: 0px 0px 0px 11px; margin: 0px; background-color: #666666; height: 30px; overflow: hidden; line-height: 30px;  }
#main-content .advanced-info h3 { font-weight: bold; color: #666666; font-size: 13px; padding: 0px 0px 9px 0px; margin: 0px; line-height: 18px; }
#main-content .advanced-info .toggler { width: 200px; height: 30px; line-height: 30px; text-align: right; position: absolute; top: 0px; right: 0px; padding: 0px 10px 0px 0px; margin: 0px; }
#main-content .advanced-info .toggler a { text-decoration: underline; font-weight: normal; color: #FFFFFF; }
#main-content .advanced-info .content { padding: 10px; }
#main-content .advanced-info fieldset { border-top: 1px solid #D9D9D9; padding: 15px 5px 15px 5px; line-height: 27px; }
#main-content .advanced-info fieldset.first { border-top: 0px; padding-top: 5px; }
#main-content .advanced-info label { padding-right: 30px; white-space: nowrap; }
#main-content .advanced-info button { border: none; padding: 0px; margin: 10px 0px 0px 0px; background: none; height: 28px; cursor: pointer; }
#main-content .advanced-info button span {  background-image: url(/images/button-gray-big-sprite-gray-bg.png); }


/***********/
/* BUTTONS */
/***********/
a.button { text-decoration: none !important; }
.button span { color: #FFFFFF; font-weight: normal; background: #CC0000 url(/images/button-red-sprite.png) no-repeat left top; padding: 2px 0px 2px 2px; }
.button span span { background: url(/images/button-red-sprite.png) no-repeat right -20px; padding: 2px 20px 2px 5px; text-decoration: none; }
a.button:hover span span { text-decoration: none; }

.button.tiny span { font-size: 10px; font-weight: normal; background-color: #999999; background-image: url(/images/button-tiny.png) !important; padding: 1px 0px 2px 5px; }
.button.tiny span span { padding: 1px 16px 2px 0px; background-position: right -16px; }

.button.big span { font-size: 14px; font-weight: bold; padding: 4px 0px 6px 6px; }
.button.big span span { padding: 5px 22px 5px 5px; background-position: right -26px; }

.button.back span { padding: 7px 0px 7px 17px; color: #000000; background-color: #FFDE00; background-image: url(/images/yellow-rev.png) !important; }
.button.back span span { padding: 7px 16px 7px 8px; background-position: right -30px; }

.button.add { font-size: 11px; font-weight: bold; }
.button.add span { padding: 3px 0px 3px 22px;  background-image: url(/images/button-add-gray.png) !important; background-color: #666666; }
.button.add span span { padding-right: 20px; padding-left: 0px; }

.button.add:hover span { background-color: #CC0000; background-image: url(/images/button-add-red.png) !important; }

.button.small { font-size: 11px; font-weight: bold; }
.button.small span { padding: 3px 0px 3px 7px;  background-image: url(/images/button-small.png) !important; background-color: #666666; }
.button.small span span { padding-right: 20px; padding-left: 0px; }

.button.small.red span { background-color: #CC0000; background-image: url(/images/button-small-red.png) !important; }

.button.light-yellow span { background-color: #FFF5B2; background-image: url(/images/button-light-yellow-sprite.png) !important; color: #000000; }
.button.light-yellow.rev span { background-image: url(/images/button-light-yellow-rev-sprite.png) !important; padding-left: 18px;  }
.button.light-yellow.rev span span { padding-left: 0px; padding-right: 8px; }

.button.big.gray span { background-color: #666666; background-image: url(/images/button-gray-big-sprite.png) !important; color: #FFFFFF; }

button.button.submit { border: none; background: none; padding: 6px 0px 7px 0px; margin: 0px; }
.button.submit span { display: inline-block; white-space: nowrap; padding: 0px 0px 0px 13px; font-size: 14px; font-weight: bold; background-image: url(/images/button-submit.png) !important; height: 30px; line-height: 30px; }
.button.submit span span { padding: 0px 22px 0px 0px; margin-top: -2px; background-position: right -30px; }


/***********/
/* SECTION */
/***********/
#section { height: 60px; line-height: 60px; background-color: #FFDE00; padding: 0px 0px 0px 16px; margin-bottom: 14px; }
#section * { display: inline; font-size: 20px; }
#section a,
#section em { display: inline-block; }
#section a { text-decoration: underline; }
#section em { font-style: normal; }
#section .section-title { font-size: 30px; font-weight: normal; letter-spacing: -1px;}
#section em.section-title { padding: 0px 5px; }
#section h1 { letter-spacing: normal; font-weight: normal; }
#section h1.normal { font-size: 30px; letter-spacing: -1px; }

#popup #section { margin-bottom: 0px; }
#popup #section img { margin-top: 10px; }
#popup #section a#close { display: block; margin-right: 10px; margin-top: 15px; font-size: 11px; float: right; width: 62px; height: 20px; background: url(/images/popup-close.png) top left no-repeat; color: #FFFFFF; line-height: 20px; text-decoration: none; }
#popup #section a#close:hover { background: url(/images/popup-close.png) bottom left no-repeat; }


/**********/
/* FILTER */
/**********/
#product-list-filter { background-color: #F3F3F3; margin: 0px; padding: 0px 7px 0px 11px; font-size: 11px; height: 30px; line-height: 30px; }
#product-list-filter p { margin: 0px; padding: 0px; }
#product-list-filter-view,
#form-product-list-filter,
#product-list-filter-order { float: right; }

/* COUNT */
#product-list-filter-count { font-size: 13px; }
#product-list-filter-count strong { font-size: 16px; font-weight: bold; }

/* SORT */
#product-list-filter-view { color: #666666; }
#product-list-filter-view strong { padding-right: 3px; font-weight: normal; }
#product-list-filter-view a,
#product-list-filter-view span { color: #797979; padding: 1px 12px 2px 15px; background: url(/images/product-list-filter-view-bg.png) no-repeat 0px top; }
#product-list-filter-view span { color: #000000; }
#product-list-filter-view a:hover,
#product-list-filter-view span { color: #000000; background-position: 0px -20px; }
#product-list-filter-view a.num64 { background-position: -40px 0px; }
#product-list-filter-view a.num64:hover,
#product-list-filter-view span.num64 { background-position: -40px -20px; }
#product-list-filter-view a.num128 { background-position: -80px 0px; }
#product-list-filter-view a.num128:hover,
#product-list-filter-view span.num128 { background-position: -80px -20px; }

/* FORM FILTER */
#form-product-list-filter { padding: 0px 0px 0px 17px; margin: 0px; height: 30px;}
#form-product-list-filter * { font-size: 11px; }
#form-product-list-filter label { position: relative; top: -1px; color: #666666; }
#form-product-list-filter select { position: relative; top: -1px; }

/* ORDER */
#product-list-filter #product-list-filter-order { color: #666666; padding: 0px 0px 0px 17px; }
#product-list-filter-order a { color: #797979; }

/* GROUPS */
#product-list-filter-groups { position: relative; font-size: 11px; float: right; z-index: 1; width: 550px; }
#product-list-filter-groups .group { float: right; position: relative; width: 100px; margin-left: 10px; }
#product-list-filter-groups strong { display: block; font-weight: normal; color: #666666; padding: 0px 0px 0px 0px; }
#product-list-filter-groups ul { margin: 3px 0px 0px 4px; padding: 0px; border: 1px solid #CCCCCC; background: #F7F7F7 url(/images/filter-group-bg.png) no-repeat right top; line-height: 23px; position: absolute; right: 0px; top: 0px;  z-index: 99; }
#product-list-filter-groups li { display: none; padding: 0px; margin: 0px; float: left; }
#product-list-filter-groups li a { display: block; padding: 0px 22px 0px 5px; color: #666666; text-decoration: none; }
#product-list-filter-groups li.selected { display: block; background: url(/images/filter-group-separator.png) no-repeat right top; }

/* HOVER */
#product-list-filter-groups ul:hover { background-color: #FFFFFF; border: 1px solid #676767; }
#product-list-filter-groups ul:hover li { display: block; background: none; }
#product-list-filter-groups ul:hover li:hover { background-color: #FFF5B2; }
#product-list-filter-groups ul:hover li:first-child { background: #F7F7F7 url(/images/filter-group-bg.png) no-repeat right top; }
#product-list-filter-groups ul:hover li.selected a { color: #000000; }

/* CUSTOM ICONS */
#product-list-filter-groups .items-per-page { width: 107px; }
#product-list-filter-groups .items-per-page ul { width: 57px; }
#product-list-filter-groups .items-per-page a { padding-right: 22px; padding-left: 0px; width: 35px; text-align: right; background-position: 4px center; background-repeat: no-repeat; }
#product-list-filter-groups .items-per-page .num16 a,
#product-list-filter-groups .items-per-page .selected.num16 a { background-image: url(/images/num16.png); }
#product-list-filter-groups .items-per-page .num64 a,
#product-list-filter-groups .items-per-page .selected.num64 a { background-image: url(/images/num64.png); }
#product-list-filter-groups .items-per-page .num128 a,
#product-list-filter-groups .items-per-page .selected.num128 a { background-image: url(/images/num128.png); }

#product-list-filter-groups .currency {}
#product-list-filter-groups .currency ul { width: 65px; }
#product-list-filter-groups .currency li { width: 65px; }
#product-list-filter-groups .currency a { padding-left: 22px; background-position: 4px center; background-repeat: no-repeat; }
#product-list-filter-groups .currency .czk a { background-image: url(/images/currency-czk.png); }
#product-list-filter-groups .currency .eur a { background-image: url(/images/currency-eur.png); }

#product-list-filter-groups .sort { width: 123px; }
#product-list-filter-groups .sort ul { width: 80px; }
#product-list-filter-groups .sort li { width: 80px; }

#product-list-filter-groups .sort-relation { width: 75px; }
#product-list-filter-groups .sort-relation li { width: 80px; }

/***************/
/* FILTER INFO */
/***************/
#filter-info { background-color: #666666; padding: 5px 10px; color: #FFFFFF; line-height: 20px; margin-bottom: 10px; }
#filter-info p { padding: 0px 150px 0px 0px; margin: 0px; }
#filter-info p.right { float: right; width: 82px; text-align: left; padding-right: 0px; }
#filter-info p.right a { padding-left: 18px; background: url(/images/filter-cancel.png) no-repeat left 3px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#filter-info p.right a:hover { background-position: left -18px; }

/**********/
/* PAGING */
/**********/
.paging { padding: 6px 0px 6px 0px; margin: 0px; }
.paging .button span { font-weight: bold; }
.paging strong { font-weight: bold; color: #CC0000; padding-left: 14px; }
.paging a { padding-left: 14px; text-decoration: none; }
.paging a:hover { text-decoration: underline; }
.paging a.rev { padding-left: 0px; }

/***********/
/* SITEMAP */
/***********/
#sitemap { float: right; font-size: 10px; padding-right: 18px; }
#sitemap a { background: url(/images/mapa-stranek.png) no-repeat left center; padding-left: 15px; text-decoration: none; color: #737373; }
#sitemap a:hover { text-decoration: underline; }

/*******/
/* NAV */
/*******/
#nav { margin: 0px; padding: 1px 0px 7px 10px; font-size: 10px; color: #737373; }
#nav a { color: #737373; }
#nav a:hover { color: #333333; }
#nav .home { background: url(/images/ico-home.png) no-repeat left 1px; padding-left: 15px; }

/****************/
/* PRODUCT LIST */
/****************/
#product-list { background: url(/images/product-list-bg.png) repeat left top; border: 1px solid #EBEBEB; border-left: none; border-right: none; margin-bottom: 5px; width: 776px; }
#product-list .item { width: 164px; height: 190px; float: left; padding: 15px 15px 16px 15px; border-bottom: 1px solid #EBEBEB; position: relative; margin-bottom: -1px; }
#product-list .item h3 { font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; }
/*.product-list .item img { padding-left: 22px; padding-bottom: 5px; }*/
#product-list .item p { padding: 0px; margin: 0px; line-height: 16px; }
#product-list .button { position: absolute; bottom: 15px; right: 17px; height: 20px; font-style: italic; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; }
#product-list .button span { padding-top: 3px; padding-bottom: 3px; line-height: 20px; background-image: url(/images/button-gray-sprite.png); background-color: #999999; }
#product-list .price { padding: 0px; margin: 0px; font-weight: bold; font-size: 22px; position: absolute; bottom: 17px; left: 17px; line-height: 20px; }
#product-list .item .zoom { position: absolute; top: 10px; left: 10px; display: none; width: 10px; height: 10px; margin: 0px; padding: 0px; }
#product-list .item .zoom img { margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; }
#product-list .item:hover .zoom { display: block; }
#product-list .item:hover .button span { background-image: url(/images/button-red-sprite.png); background-color: #CC0000; }
#product-list .item .bubble { display: none; }
#product-list .img-wrapper { padding-left: 22px; padding-bottom: 5px; }

/* LABEL */
#product-list .label { display: block; width: 55px; height: 55px; margin: 0px; padding: 0px; position: absolute; top: 6px; right: 6px; text-indent: -200px; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
#product-list .label.new { background-image: url(/images/label-new.png); }
#product-list .label.sale-10p { background-image: url(/images/label-10p.png); }
#product-list .label.red { background-image: url(/images/label-red.png); }


/************************/
/* PRODUCT LIST MOVABLE */
/************************/
#product-list-wrapper { height: 258px; border-bottom: 1px solid #EBEBEB; margin-bottom: 20px; width: 776px; }
#product-list-wrapper #product-list { background: none; border: none; position: relative; }
#product-list-wrapper #product-list .list { height: 220px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 776px; display: none; }
#product-list-wrapper #product-list .list.active { display: block; }
#product-list-wrapper .position-wrapper { width: 775px; height: 220px; overflow: hidden; position: relative; background-color: #FFFFFF; }
#product-list-wrapper .position-wrapper .position { width: 776px; position: absolute; top: 0px; left: 0px; }
#product-list-wrapper .item { width: 163px; border-right: 1px solid #EBEBEB; }

/* BUTTONS */
#product-list-wrapper .buttons { position: absolute; top: -34px; right: 3px; height: 26px; line-height: 26px; width: 200px; background-color: #EBEBEB; padding: 0px; margin: 0px; }
#product-list-wrapper .buttons a { display: block; width: 24px; height: 24px; text-decoration: none; overflow: hidden; background-color: #F8F8F8; float: right; }
#product-list-wrapper .buttons span { display: block; float: right; line-height: 25px; padding: 0px 10px; }
#product-list-wrapper .buttons img { opacity: 0.5; }
#product-list-wrapper .buttons .disabled { cursor: default; }
#product-list-wrapper .buttons .disabled img { opacity: 0.1; }
#product-list-wrapper .buttons a:hover img { opacity: 1; }
#product-list-wrapper .buttons .disabled:hover img { opacity: 0.1; }

/* TABS */
#product-list-toolbar { background-color: #EBEBEB; border-bottom: 1px solid #A8A8A8; height: 29px; overflow: visible; line-height: 29px; margin-bottom: 7px; padding: 0px; }
#product-list-toolbar h2 { margin: 0px; padding: 0px 14px; font-size: 13px; font-weight: bold; display: inline; }
#product-list-tabs,
#product-list-tabs li { display: inline; overflow: visible; }
#product-list-tabs a { float: none; height: auto; width: auto; padding: 0px 14px; line-height: 30px; }
#product-list-tabs .active a { font-weight: bold; text-decoration: none; background-color: #FFFFFF; border: 1px solid #A8A8A8; border-bottom: none; padding: 10px 14px 7px 14px; }

/************************/
/* PRODUCT LIST ARTICLE */
/************************/
.product-list-article { line-height: 19px; position: relative; padding: 0px 5px 10px 10px; }
.product-list-article h1 { font-size: 26px; letter-spacing: -1px; font-weight: normal; padding-bottom: 7px !important; }
.product-list-article h2 { font-size: 18px; letter-spacing: normal; font-weight: normal; padding-top: 6px; padding-bottom: 5px !important; }
.product-list-article .btn-close { background: url(/images/button-close-red.png) no-repeat right  4px; color: #CC0000; font-size: 11px; padding-right: 19px; position: absolute; top: 5px; right: 10px; visibility: hidden; }
.product-list-article .btn-close.expand { background-image: url(/images/button-expand.png); }

.product-list-article .article-links { width: 182px; padding: 4px; margin: 0px 0px 5px 15px; background-color: #EBEBEB; float: right; }
#main-content .product-list-article .article-links h2 { font-size: 13px; font-weight: bold; line-height: 28px; height: 28px; padding: 0px 0px 3px 6px !important; }
.product-list-article .article-links ul { background-color: #FFFFFF; padding: 7px 7px 7px 7px; }
.product-list-article .article-links li { list-style: none; padding-bottom: 7px; line-height: 16px; }

/******************/
/* PRODUCT DETAIL */
/******************/
#product-detail { background-color: #F3F3F3; padding: 10px 10px 4px 10px; margin-bottom: 15px; width: 756px; }

/* PRODUCT DESC */
#product-desc { width: 363px; padding-left: 9px; float: right; position: relative; }
#product-desc .desc { font-size: 16px; line-height: 22px; padding-right: 20px; }
#product-desc .cat { font-size: 16px; line-height: 18px; height: 18px; color: #666666; font-weight: normal; position: absolute; top: 0px; left: 9px; margin: 0px; padding: 0px; }
#product-desc .tags { color: #898989; font-size: 11px; padding: 2px 0px 4px 53px; margin: 0px; text-indent: -53px; }
#product-desc .tags a { color: #898989; }
#product-desc .tags strong { color: #FFFFFF; font-weight: bold; background: url(/images/tags.png) no-repeat left top; line-height: 20px; padding: 3px 18px 3px 7px; }
#product-desc h1 { line-height: 37px; padding: 17px 0px 0px 0px; margin: 0px; }

#product-desc  .tags { font-size: 11px; }

#product-desc .buy {}
table.buy { font-size: 12px; line-height: 14px;  border-collapse: collapse;  }
table.buy thead { display: none; }
table.buy em { font-size: 10px; color: #797979; display: block; font-style: normal; font-weight: bold; padding-top: 1px; }
table.buy td { padding: 15px 5px 8px 5px; vertical-align: top; background: url(/images/td-bg.png) repeat-x left top; }
table.buy tr.first td { background: url(/images/tbody-bg.png) repeat-x left top; }
table.buy .price { white-space: nowrap; font-weight: bold; font-size: 16px; line-height: 16px; padding-right: 20px; text-align: right; }
table.buy .price em { font-weight: normal; color: #000000; font-size: 10px; padding-top: 0px; margin-top: -1px; padding-right: 9px; }
table.buy .col-add { padding-top: 18px; text-align: left; width: 70px; }

table.buy tr.info-data { background: none; }
table.buy tr.info-data td { background: none; padding: 0px 0px 0px 5px; }

.info-toggler { display: block; width: 62px; height: 16px; line-height: 16px; text-align: center; font-size: 11px; color: #FFFFFF; background: #666666 url(/images/info-toggler-bg.png) no-repeat left top; margin-top: 4px; overflow: hidden; }

/* PRODUCT INFO */
table.buy .product-info {}
table.buy .product-info table { background-color: #FBFBFB; width: 353px; border-collapse: collapse; color: #666666; font-size: 11px; }
table.buy .product-info td { border: none; background: none; padding: 3px 5px 3px 5px; border-bottom: 1px solid #F3F3F3; vertical-align: middle; }
table.buy .product-info td.middle { text-align: center; width: 10px; padding-left: 0px; padding-right: 0px; vertical-align: middle; }
table.buy .product-info th { text-align: left; white-space: nowrap; padding: 3px 5px; border-bottom: 1px solid #F3F3F3; width: 40%; }
table.buy .product-info .spacer { height: 5px; }


table.params {}
table.params { font-size: 14px; margin-bottom: 10px; }
table.params td,
table.params th { padding-bottom: 5px; }
table.params th { font-size: 11px; font-weight: bold; text-align: left; text-transform: uppercase; padding-right: 10px; }

/* PRODUCT IMG */
#product-img { width: 384px; float: right;  }
#product-img p { margin: 0px; padding: 0px; }
#product-img img { border: 4px solid #FFFFFF; }
#product-img .main-img { width: 370px; height: 370px; overflow: hidden; display: block; margin: 0px; padding: 0px; }
#thumbnails { background: url(/images/thumbnails-bg.png) no-repeat left 6px; width: 384px; padding: 6px 0px 0px 0px; }
#thumbnails img { width: 82px; height: 82px; }
#thumbnails a { display: block; width: 96px; height: 96px; float: left; }
#product-img-content { position: relative; }
#main-img-loader { width: 370px; height: 370px; position: absolute; top: 4px; left: 4px; background: #FFFFFF url(/images/spinner.gif) no-repeat center center; z-index: 2; }

/* BASKET CONFIRMATION */
#basket-confirm { text-align: left; background-color: #EAEAEA; position: absolute; top: 200px; left: 50%; width: 300px; }
#basket-confirm-wrapper { position: relative; top: -5px; left: -5px; background-color: #FFFFFF; padding: 10px 10px 10px 10px; border: 1px solid #F3F3F3; }

#basket-confirm h2 { font-size: 20px; padding-bottom: 10px; color: #CC0000; }
#basket-confirm p { margin-bottom: 0px; padding: 0px 0px 10px 0px; }
#basket-confirm p.note { font-size: 11px; }
#basket-confirm .button { float: right; }
#basket-confirm .button.red { float: left; }

#btn-close { width: 11px; height: 11px; background: url(/images/button-close.gif) no-repeat left top; display: block; text-indent: -100px; overflow: hidden; position: absolute; top: 10px; right: 10px; }
#btn-close:hover { background-position: 0px -11px; }

/* 3D MODELS */
#models-3d { padding: 20px 0px 0px 0px; }
#models-3d h3 { font-size: 11px; text-transform: uppercase; color: #000000; font-weight: normal; background: url(/images/3d-models-title-bg.png) no-repeat 8px 5px; padding: 0px 0px 0px 8px; margin: 0px; height: 28px; line-height: 28px; }
#models-3d h3 strong { background: url(/images/3d-models-bulb.png) no-repeat 1px center; margin-right: 3px; font-weight: normal; color: #FFFFFF; display: inline-block; width: 63px; padding-left: 21px; height: 28px; }
#models-3d h3.active strong { background-color: #FFFFFF; height: 28px; color: #666666;  margin-left: -8px; background-position: 9px center; padding-left: 29px; width: 62px; padding-right: 1px; }
#models-3d .slide { background-color: #FFFFFF; }
#models-3d .models-3d-content { padding: 8px 0px 12px 12px; font-size: 12px; line-height: 23px; }
#models-3d p { padding: 0px 0px 5px 0px; margin: 0px; }
#models-3d em { color: #A6A6A6; font-style: normal; }

#form-3d-models {}
#form-3d-models input.input { width: 130px; padding: 4px; }
#form-3d-models p { padding-bottom: 0px; }
#form-3d-models p.last { padding-top: 8px; }
#form-3d-models label strong,
#form-3d-models label em { vertical-align: baseline; }

/*****************/
/* BLOCK WARNING */
/*****************/
.block-warning { border: 10px solid #F4F4F4; background-color: #FFFFFF; margin-bottom: 10px; position: relative; background: url(/images/warning-b.png) repeat-y left top; }
.block-warning h2 { color: #FFFFFF; background-color: #CC0000; font-size: 20px; line-height: 40px; height: 40px; font-weight: normal; padding: 0px 0px 0px 16px; width: 164px; float: left; }
.block-warning p { padding: 10px 20px 10px 196px; margin: 0px; line-height: 20px; margin-right: -3px; font-style: italic; }
.block-warning a { font-weight: bold; }
.block-warning .btn-close { display: block; width: 11px; height: 11px; overflow: hidden; text-indent: -100px; background: url(/images/button-close.gif) no-repeat left top; position: absolute; top: 15px; right: 8px; }
.block-warning .btn-close:hover { background-position: left -11px; }

/*******************/
/* BLOCK NEXT STEP */
/*******************/
.block-next-step { border: 10px solid #F4F4F4; background-color: #FFFFFF; margin-bottom: 10px; padding: 10px 0px 10px 210px; position: relative; background: url(/images/block-next-step.png) repeat-y left top; }
.block-next-step h2 { color: #333333; font-size: 20px; line-height: 20px; font-weight: normal; padding: 0px 0px 0px 16px; position: absolute; top: 10px; left: 0px; }
.block-next-step h3 { font-size: 16px; font-weight: bold; }
.block-next-step ul { padding-top: 5px; }
.block-next-step p { padding: 0px; margin: 0px; }
.block-next-step li { list-style: none; padding: 5px 20px 8px 53px; margin: 0px; line-height: 16px; font-weight: bold; width: 200px; float: left; border-left: 1px solid #CCCCCC; }
.block-next-step li a { display: block; font-size: 16px; font-weight: bold; padding-bottom: 8px; background: url(/images/ico-send.png) no-repeat 1px 0px; padding-left: 27px; position: relative; left: -27px;  }
.block-next-step li.first { width: 210px; padding-left: 27px; border-left: none; padding-right: 20px; }
.block-next-step li.first a { background-image: url(/images/ico-partners.png);}
.block-next-step .print { width: 155px; float: right; padding: 0px 0px 0px 49px; border-left: 1px solid #CCCCCC; }
.block-next-step .print h2 { position: static; left: auto; top: auto; font-size: 16px; padding: 0px; margin: 0px; text-indent: -31px; }
.block-next-step .print a { background: url(/images/ico-print.png) no-repeat left center; padding-left: 31px; font-weight: bold; }
.block-next-step .print p { padding: 0px; margin: 0px; }

/**********/
/* BASKET */
/**********/
.basket-list { background: url(/images/basket-list-bg.png) repeat-y center top; }
.basket-list .item { width: 385px; height: 141px; padding: 13px 0px 0px 3px; float: left; overflow: hidden; position: relative; }
.basket-list .item.even { padding-left: 9px; width: 379px; }
#form-basket .basket-list h2,
#form-wholesale-cart .basket-list h2,
#form-media-cart .basket-list h2 { font-weight: bold; color: #000000; font-size: 20px; line-height: 20px; height: 20px; overflow: hidden; padding: 20px 0px 0px 0px; margin-bottom: 5px; }
.basket-list .category { font-size: 11px; color: #666666; position: absolute; top: 13px; left: 131px; line-height: 20px; }
.basket-list .even .category { left: 137px; }
.basket-list .desc { font-size: 13px; line-height: 16px; padding-right: 10px; }
.basket-list .del { width: 62px; height: 20px; overflow: hidden; margin: 0px; padding: 0px; position: absolute; top: 10px; right: 6px; font-size: 11px; }
.basket-list .even .del { right: 0px; }
.basket-list .del a { display: block; width: 45px; height: 20px; line-height: 20px; text-decoration: none; padding: 0px 0px 0px 17px; overflow: hidden; margin: 0px; color: #CCCCCC; background: url(/images/basket-del.png) no-repeat left top; }
.basket-list .del a:hover { background-position: left bottom; color: #999999; }
.basket-list .price { float: right; font-size: 11px; color: #999999; line-height: 14px; padding: 0px 6px 0px 0px; text-align: right; width: auto; }
.basket-list .even .price { padding-right: 0px; }
.basket-list .price strong { font-size: 22px; font-weight: bold; line-height: 22px; vertical-align: baseline; }
.basket-list .input { border: 1px solid #CCCCCC; padding: 5px; width: 23px; text-align: right; }
.basket-list .input.long { width: 45px; }
.basket-list label { font-size: 13px; }
.basket-list label strong { vertical-align: baseline; }

#form-basket { position: relative; }
#form-basket-send { padding: 0px; margin: 10px auto; background-color: #E6E6E6; width: 483px; }
#form-basket-send .wrapper { position: relative; top: -5px; left: -5px; padding: 15px 5px 20px 15px; background-color: #F3F3F3; }
#form-basket-send .input { border: 1px solid #CCCCCC; padding: 5px; width: 120px; }
#form-basket-send textarea { border: 1px solid #CCCCCC; padding: 5px; width: 352px; overflow: hidden; }
#form-basket-send label { line-height: 28px; padding: 0px; }
#form-basket-send td { padding: 5px 10px 0px 0px; vertical-align: top; }
#form-basket-send td.col { padding-right: 40px; }
#form-basket-send button { border: none; padding: 0px; margin: 10px 0px 0px 0px; background: none; }
#form-basket-send button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 78px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/contact-button-send.png) no-repeat left top; line-height: 30px; text-align: left; } 
#form-basket-send h2 { font-size: 14px; line-height: 18px; padding-bottom: 5px; font-weight: bold; }
#form-basket-send .btn-close { display: block; width: 11px; height: 11px; overflow: hidden; background: url(/images/button-close.gif) no-repeat left top; position: absolute; top: 5px; right: 15px; }
#form-basket-send .btn-close:hover { background-position: left -11px; }

/* PARTNERS */
#form-partners { width: 534px; }
#form-partners fieldset { padding-bottom: 60px; padding-top: 8px; }
#form-partners .input { border: 1px solid #CCCCCC; padding: 5px; width: 145px; }
#form-partners textarea { border: 1px solid #CCCCCC; padding: 5px; width: 402px; overflow: hidden; }
#form-partners label { line-height: 28px; padding: 0px; }
#form-partners td { padding: 5px 10px 0px 0px; vertical-align: top; }
#form-partners td.col { padding-right: 39px; }
#form-partners button { border: none; padding: 0px; margin: 10px 0px 0px 0px; background: none; }
#form-partners button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 225px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/button-partners-send.png) no-repeat left top; line-height: 30px; text-align: left; } 
#form-partners-contact { background: url(/images/part-1.png) no-repeat left top; }
#form-partners-contact h2 { font-size: 16px; font-weight: bold; padding: 0px 0px 4px 0px; }

#form-partners-province { background: url(/images/part-2.png) no-repeat left top; }
#form-partners-province h2 { font-size: 16px; font-weight: bold; margin: 0px; padding: 0px 0px 4px 0px; }
#form-partners-province .selected { font-size: 11px; line-height: 15px;  }
#form-partners-province .selected strong { display: block; }
#form-partners-province .selected em { font-style: normal; }
#form-partners-province .layer { position: absolute; top: 0px; left: 0px; background: url(/images/mapa-cr-large-hover.png) no-repeat left top; }
#form-partners-province .layer.active { background-image: url(/images/mapa-cr-large-selected.png); }
#form-partners-province .origin { position: absolute; top: 0px; left: 0px; background: url(/images/mapa-cr-large.png) no-repeat left top; }
#form-partners-province .flags { font-size: 11px; background: url(/images/cz.png) no-repeat left center; padding-left: 20px; position: absolute; top: -5px; right: 20px; }
#form-partners-province .flags.sk { background-image: url(/images/sk.png); }

#form-partners-province-cz { height: 250px; position: relative; padding-bottom: 20px; }
#form-partners-province-cz img { position: absolute; top: 0px; left: 65px; }
#form-partners-province-cz .layer,
#form-partners-province-cz .origin { width: 400px; height: 250px; left: 65px; }
#form-partners-province-cz .selected { position: absolute; top: 260px; left: 0px; width: 400px; }
#form-partners-province-sk { height: 250px; position: relative; padding-bottom: 20px; }
#form-partners-province-sk img { position: absolute; top: 0px; left: 50px; }
#form-partners-province-sk .layer { width: 425px; height: 215px;  left: 50px; background-image: url(/images/mapa-sr-large-hover.png); }
#form-partners-province-sk .layer.active { background-image: url(/images/mapa-sr-large-active.png); }
#form-partners-province-sk .origin { width: 425px; height: 215px;  left: 50px; background-image: url(/images/mapa-sr-large.png); }
#form-partners-province-sk .selected { position: absolute; top: 260px; left: 0px; width: 400px; }

#form-partners-province label { display: none; }

#form-partners-city { background: url(/images/part-3.png) no-repeat left top; position: relative; }
#form-partners-city h2 { font-size: 16px; font-weight: bold; padding: 0px 0px 4px 0px; }
#form-partners-type { font-size: 12px; position: absolute; top: 20px; right: 0px; visibility: hidden; }
#form-partners-type select { font-size: 12px; vertical-align: middle; width: 150px; }

#form-partners-city ul { margin: 0px; padding: 0px; }
#form-partners-city ul ul { display: none; }
#form-partners-city .all ul { display: block; }
#form-partners-city li { font-size: 14px; font-weight: bold; list-style: none; padding: 3px 0px 3px 28px; margin: 0px; position: relative; }
#form-partners-city input { position: absolute; top: 10px; left: 6px; }
#form-partners-city li li input { position: static; visibility: hidden; }
#form-partners-city li li label { display: inline; padding: 0px; margin: 0px; width: auto; line-height: 18px; }
#form-partners-city .selected input { visibility: visible !important; }
#form-partners-city li li { font-size: 12px; font-weight: normal; padding: 0px 0px 3px 0px; width: 33%; float: left; color: #666666; text-indent: -14px; }
#form-partners-city li.even { background-color: #F3F3F3; }
#form-partners-city li span.bubble { background-color: #FFDE00; padding: 2px 5px; font-size: 11px; font-weight: normal; margin-left: 5px; line-height: 16px; border: 1px solid #FFDE00; -moz-border-radius: 4px; -webkit-border-radius: 4px;  border-radius: 4px; visibility: hidden; }

/* ORDER */
#form-order {  }
#form-order fieldset { padding-bottom: 60px; padding-top: 8px; }
#form-order .input { border: 1px solid #CCCCCC; padding: 5px; width: 145px; }
#form-order textarea { border: 1px solid #CCCCCC; padding: 5px; width: 402px; overflow: hidden; }
#form-order label { line-height: 28px; padding: 0px; }
#form-order td { padding: 5px 10px 0px 0px; vertical-align: top; }
#form-order td.col { padding-right: 39px; }
#form-order button { border: none; padding: 0px; margin: 10px 0px 0px 0px; background: none; cursor: pointer; }
#form-order button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 168px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/objednat-katalog-send.png) no-repeat left top; line-height: 30px; text-align: left; } 
#form-order-contact { background: url(/images/part-1.png) no-repeat left top; width: 534px; }
#form-order-contact h2 { font-size: 16px; font-weight: bold; padding: 0px 0px 4px 0px; }

#form-order #form-order-payment { background: url(/images/part-2.png) no-repeat left top; min-height: 100px; padding-bottom: 20px; }
#form-order-payment h2 { font-size: 16px; font-weight: bold; margin: 0px; padding: 0px 0px 4px 0px; }
#form-order .price-box { background: #F4F4F4; border: 1px solid #F4F4F4; width: 233px; height: 159px; padding: 19px 0px 0px 0px; text-align: center; float: left; margin-right: 16px; font-size: 20px; font-weight: bold; line-height: 20px; }
#form-order .price-box p { height: 130px; padding: 0px; margin: 0px; }
#form-order .price-box strong { font-size: 30px; display: block; padding: 23px 0px 0px 0px; line-height: normal; }
#form-order .price-box.last { margin-right: 0px; }
#form-order .price-box.selected { border-color: #666666; }
#form-order .price-box .note { font-size: 11px; line-height: 16px; font-weight: normal; }
#form-order .price-box.last strong { padding-top: 17px; }
#form-order .price-box.last p { height: 85px; }
#form-order .price-box.last p.note { height: 45px; }
#form-order .price-box .input { width: 88px; font-size: 30px; font-weight: bold; padding-top: 0px;  padding-bottom: 0px; margin-right: 5px; }

#form-order .payment-box { background: #F4F4F4 url(/images/ico-card.png) no-repeat 95% center; border: 1px solid #F4F4F4; width: 345px; height: 38px; padding: 0px 0px 0px 13px; line-height: 38px; float: left; margin: 34px 17px 0px 0px; }
#form-order .payment-box.selected { border-color: #666666; }
#form-order .payment-box strong { vertical-align: baseline; }
#form-order .payment-box input { margin-right: 10px; vertical-align: baseline; }
#form-order .payment-box.eplatba { margin-right: 0px; background-image: url(/images/ico-eplatba.png); }


/* WHOLESALE */
#form-wholesale-cart {}
#form-wholesale-cart button { border: none; padding: 0px; margin: 10px 0px 0px 0px; background: none; }
#form-wholesale-cart button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 103px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/wholesale-cart-button.png) no-repeat left top; line-height: 30px; text-align: left; } 

/* MEDIA */
#form-media-cart {}
#form-media-cart p.center { padding-top: 15px; }
#form-media-cart .del { top: auto; bottom: 10px; }

/* REQUESTS */
#main-content .basket-list.short h2 { overflow: auto; height: auto; font-size: 14px; font-weight: bold; line-height: 18px; padding-top: 20px; }
.basket-list.short {  background-image: url(/images/basket-list-short-bg.png); }
.basket-list.short .item { height: 80px; }
.basket-list.short .category { left: 71px !important; }
.basket-list.short .even .category { left: 77px !important; }
.basket-list.short .desc { display: none; }

/* FILE ITEMS */
.file-item .file-info { background-color: #F0F0F0; height: 30px; line-height: 30px; }
.file-item .file-info p { padding: 0px; margin: 0px; }
.file-item .file-info span { display: block; float: left; height: 30px; line-height: 30px; }
.file-item .file-info-id { font-size: 14px; font-weight: bold; width: 185px; padding-left: 10px; }
.file-item .file-info-date { font-size: 12px; width: 195px; }
.file-item .file-info-date strong { font-size: 11px; font-weight: normal; }
.file-item .file-info-expiration { font-size: 12px; width: 195px; }
.file-item .file-info-expiration strong { font-size: 11px; font-weight: normal; }
.file-item .file-info-download { width: 180px; text-align: right; }
.file-item .file-info-download a { background: url(/images/ico-disk.png) no-repeat left center; padding: 2px 0px 2px 20px }
.file-item .basket-list { }

#form-basket-send button.button-submit-inquiry span { width: 130px; background-image: url(/images/button-send-inquiry.png); }
#form-basket-send button.button-submit-order span { width: 155px; background-image: url(/images/button-send-order.png);  }


/****************/
/* CLASSIC FORM */
/****************/
.classic-form { padding: 10px 0px; margin: 10px auto; width: 470px; }
.classic-form fieldset { padding: 15px 5px 20px 15px; background-color: #F3F3F3; }
.classic-form .input { border: 1px solid #CCCCCC; padding: 6px 5px; width: 120px; }
.classic-form textarea { border: 1px solid #CCCCCC; padding: 5px; width: 352px; overflow: hidden; }
.classic-form label { line-height: 30px; padding: 0px; width: 46px; display: block; }
.classic-form td { padding: 5px 10px 0px 0px; vertical-align: top; }
.classic-form td.col { padding-right: 40px; }
.classic-form button { border: none; padding: 0px; margin: 10px 0px 0px 0px; background: none; }
.classic-form button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 78px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/contact-button-send.png) no-repeat left top; line-height: 30px; text-align: left; } 
.classic-form h2 { font-size: 14px; line-height: 18px; padding-bottom: 5px; font-weight: bold; }

/********************/
/* FORM MEDIA LOGIN */
/********************/
#form-media-login { width: 335px; }
#form-media-login fieldset { padding-left: 45px; padding-top: 30px; }
#form-media-login label { width: 90px; font-size: 13px; }
#form-media-login td { padding-bottom: 13px; }
#form-media-login button span { background-image: url(/images/media-login-button.png); height: 26px; width: 106px; line-height: 26px; }
#form-media-login .input { width: 138px; }

/*****************************/
/* FORM MEDIA LOGIN PASSWORD */
/*****************************/
#form-media-login-password { width: 335px; }
#form-media-login-password fieldset { padding-left: 45px; padding-top: 20px; }
#form-media-login-password label { width: 90px; font-size: 13px; }
#form-media-login-password td { padding-bottom: 5px; }
#form-media-login-password button span { background-image: url(/images/media-login-button.png); height: 26px; width: 106px; line-height: 26px; }
#form-media-login-password .input { width: 138px; }

/*************************/
/* MEDIA - FILE DOWNLOAD */
/*************************/
#file-download {}
#file-download .cell { border-top: 1px solid #EBEBEB; padding-top: 10px; padding-bottom: 9px; position: relative; }
#file-download .cell.first { padding-right: 20px; margin-right: 0px; }
#file-download .cell.second { padding-right: 20px; width: 358px; }
#file-download .cell.first-row { border-top: 0px; }

#file-download .cell h2 { font-weight: bold; color: #000000; font-size: 20px; line-height: 20px; padding: 20px 0px 0px 0px; margin-bottom: 5px; }
#file-download .cell .category { font-size: 11px; color: #666666; position: absolute; top: 11px; left: 131px; line-height: 20px; }

/* TABLE */
#file-download table { width: 100%; border-collapse: collapse; }
#file-download caption { text-align: left; font-weight: bold; padding: 0px 7px 4px 5px; margin: 0px; }
#file-download thead { display: none; }
#file-download td { padding: 4px 7px; background-color: #F3F3F3; }
#file-download .odd td { background-color: #FFFFFF; }
#file-download table a { padding-left: 20px; display: block; background-position: 0px 3px; background-repeat: no-repeat; }
#file-download table a.img { background-image: url(/images/ico-img.png); }
#file-download table a.zip { background-image: url(/images/ico-zip.png); }



/************/
/* CONTACTS */
/************/

.slide-wrapper { background-color: #F3F3F3; }
.slide-wrapper h2 { font-size: 35px; line-height: 35px; font-weight: bold; padding-bottom: 20px; letter-spacing: -1px; }
.slide-wrapper p { margin-bottom: 0px; padding-bottom: 1em; }
.slide-wrapper .slide .padding { padding: 15px 25px 10px 24px; min-height: 300px; }
#contacts .column { width: 49%; float: left; }
#contacts .column img { padding-top: 14px; }
#contacts p,
#contacts address { padding-bottom: 1.5em; }
#contacts span.red { padding-left: 15px; font-weight: normal; color: #CC0000; font-size: 12px; }
#contacts span.red em { font-style: normal; font-weight: bold; }

#form-contact .input,
#form-contact textarea { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 6px; }
#form-contact .input { width: 136px; }
#form-contact select { height: 30px; min-width: 150px; }
#form-contact textarea { width: 493px; overflow: hidden; height: 170px; }
#form-contact label { width: 120px; float: left; line-height: 30px; }
#form-contact .column { width: 49%; float: left; }
#form-contact button { border: none; padding: 0px; margin: 0px; background: none; }
#form-contact button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 78px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/contact-button-send.png) no-repeat left top; line-height: 30px; text-align: left; } 

/*******************/
/* ONLINE CATALOGS */
/*******************/
#catalogs {}
#catalogs h2 { font-size: 14px; font-weight: bold; padding: 3px 0px 0px 0px; }
#catalogs img { border: 1px solid #E6E6E6; }
#catalogs .column { width: 260px; height: 300px; padding: 45px 20px 0px 58px; float: left; position: relative; }
#catalogs p { padding: 0px; line-height: 20px; }
#catalogs p.note { font-size: 11px; font-weight: normal; color: #666666; margin: 0px; padding: 0px; line-height: 18px; }
#catalogs .list { position: absolute; top: 178px; left: 180px; }
#catalogs .list .button { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

/*****************/
/* COMPARE TABLE */
/*****************/
.compare { border-collapse: collapse; }
.compare thead th { border-left: 1px solid #E6E6E6; text-align: center; padding: 8px; background-color: #F0F0F0; }
.compare thead th.empty { border-left: none; }
.compare tbody th { border-top: 1px solid #E6E6E6; text-align: left; padding: 8px; vertical-align: top; background-color: #F4F4F4; }
.compare .odd td { background-color: #FBFBFB; }
.compare td { padding: 8px 10px 8px 30px; background-position: 5px 8px; background-repeat: no-repeat; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; vertical-align: top; }
.compare td.plus { background-image: url(/images/ico-plus.png); }
.compare td.minus { background-image: url(/images/ico-minus.png); }

/*******/
/* FAQ */
/*******/
#faq {}
#faq dt { font-weight: bold; padding-bottom: 3px; }
#faq dd { padding-bottom: 1em; }

/*************/
/* WHOLESALE */
/*************/
/* table order listing */
table.orders {}
table.orders { width: 100%; border-collapse: collapse; font-size: 12px; }
table.orders th { padding: 3px 5px 2px 5px; text-align: left; border-bottom: 1px solid #CCCCCC; background-color: #EAEAEA; }
table.orders tbody th { background-color: #F0F0F0; border-top: 10px solid #FFFFFF; }
table.orders tbody th.first { border-top: none; }
table.orders td { padding: 3px 5px 2px 5px; border-bottom: 1px solid #E7E7E7; background-color: #FFFFFF; }
table.orders .right { text-align: right; }
table.orders .odd td { background-color: #FAFAFA; }
table.orders .td-order-date,
table.orders .td-payment-date,
table.orders .td-price,
table.orders .td-paid,
table.orders .td-left { text-align: right; }
table.orders th.td-status { text-align: center; }
table.orders .td-pdf { text-align: center; }
table.orders .td-qty { text-align: center; }
table.orders tbody .td-status { width: 100px; }
table.orders tbody .td-date,
table.orders .td-payment-date,
table.orders .td-order-date { white-space: nowrap; }
table.orders img { margin-bottom: -4px; }

/* EXPANDABLE */
table.expandable td { border-bottom: none; }
table.expandable tr.expandable { border-bottom: 1px solid #E7E7E7; }
table.expandable tr.expandable td { padding: 0px; }
table.expandable tr.expandable td td { padding: 3px 5px 2px 5px; border-bottom: 1px solid #E7E7E7; }
table.expandable table { margin-bottom: 10px; width: 50%; }
table.expandable table th { border-top: none; }
table .table-toggle { background: url(/images/collapse.png) no-repeat left top; display: block; width: 10px; height: 10px; overflow: hidden; position: relative; }
table .table-toggle img { margin: 0px; position: absolute; top: 0px; left: 0px; }
table.expandable .wrapper { padding: 0px 0px 0px 10px; }
table.expandable .wrapper .spacer { height: 10px; }

/**************/
/* DATA TABLE */
/**************/
table.data { width: 100%; border-collapse: collapse; }
table.data th { padding: 4px 5px; font-size: 11px; text-align: left; }
table.data td { padding: 4px 5px; }
table.data .right { text-align: right; }
table.data .odd td { background-color: #F3F3F3; }

/***********/
/* PROFILE */
/***********/
#profile {}

#form-profile { background-color: #F3F3F3; padding: 5px 20px 15px 15px; }
#form-profile label { width: 90px; float: left; line-height: 30px; }
#form-profile .input,
#form-profile textarea { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 6px; }
#form-profile button { border: none; padding: 0px; margin: 20px 0px 0px 0px; background: none; }
#form-profile button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 78px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/contact-button-send.png) no-repeat left top; line-height: 30px; text-align: left; } 
#form-profile .input { width: 136px; }
#form-profile fieldset { padding-bottom: 15px; padding-top: 10px; }
#form-profile fieldset p { float: left; width: 330px; padding-bottom: 5px; margin-bottom: 0px; }
#form-profile fieldset h2 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; }
#form-profile fieldset.cols-1-1 { background: url(/images/td-bg.png) repeat-x left bottom; }
#form-profile .col1,
#form-profile .col2 { width: 330px; float: left; }
#form-profile .col1 p,
#form-profile .col2 p { width: auto; float: none; }

#form-profile #form-profile-section-password p { width: 300px; }
#form-profile #form-profile-section-password label { width: 90px; }
#form-profile #form-profile-section-password .wide { width: 330px; }
#form-profile #form-profile-section-password .wide label { width: 120px; }


#form-login {}
#form-login fieldset { background-color: #F3F3F3; padding: 10px 0px 10px 10px; width: 210px; margin: 0 auto; }
#form-login .input { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 6px;  width: 136px; }
#form-login label { width: 50px; float: left; line-height: 30px; }
#form-login button { border: none; padding: 0px; margin: 0px 0px 0px 50px; background: none; }
#form-login button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 78px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/contact-button-send.png) no-repeat left top; line-height: 30px; text-align: left; } 

/********************/
/* CATALOG DOWNLOAD */
/********************/
#catalog-download { background: url(/images/catalog-gradient.png) repeat-x left top; padding: 10px; width: 670px; }
#catalog-download .content { padding: 0px 10px 10px 10px; margin: 0px; background-color: #FFFFFF; width: 650px; }
#catalog-download .item { height: 80px; border-top: 1px solid #F9F9F9; padding: 10px 0px 0px 0px; position: }
#catalog-download .item.first { border-top: none; }
#catalog-download img { margin: 0px; padding: 0px; width: 68px; height: 68px; overflow: hidden; display: block; }
#catalog-download h2 { font-size: 15px; font-weight: bold; color: #333333; padding: 0px 0px 0px 78px; margin: 0px; }
#catalog-download p { font-size: 11px; line-height: 16px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 78px; }
#catalog-download .hr-line { margin: 0px 0px 10px 0px; background-color: #F9F9F9; clear: both; }
#catalog-download .input { padding: 5px 8px; font-size: 11px; color: #666666; margin-right: 9px; width: 130px; }

#form-catalog-download { padding-bottom: 8px; padding-top: 5px; }
#form-catalog-download-wrapper { width: 230px; padding: 0px 0px 0px 25px; float: right; color: #A6A6A6; position: relative; }
#form-catalog-download-wrapper p { padding-left: 0px; }

/*******************************/
/* CATALOG ERROR EMAIL REQUEST */
/*******************************/
#catalog-error-email-request {}

#catalog-error-email-request { background: url(/images/block-gradient.png) no-repeat left top; padding: 10px; width: 650px; }
#catalog-error-email-request .content { padding: 10px 10px 10px 10px; margin: 0px; width: 650px;position: relative;  }
#catalog-error-email-request img { margin: 0px; padding: 0px; width: 68px; height: 68px; overflow: hidden; display: block; }
#catalog-error-email-request h2 { font-size: 15px; font-weight: bold; color: #333333; padding: 0px 0px 5px 0px; margin: 0px; }
#catalog-error-email-request p { line-height: 18px; padding-bottom: 0px; margin-bottom: 0px; display: inline; }
#catalog-error-email-request p.note { font-size: 11px; color: #A6A6A6; display: block; padding: 10px 0px 0px 0px; }
#catalog-error-email-request .hr-line { margin: 0px 0px 10px 0px; background-color: #F9F9F9; clear: both; }
#catalog-error-email-request .input { padding: 5px 8px; font-size: 11px; color: #666666; margin-right: 8px;  }

#form-catalog-error-email-request { display: inline; }
#form-catalog-error-email-request fieldset { display: inline; padding: 0px 0px 0px 10px; }
#form-catalog-error-email-request input.input { width: 114px; }

/***********/
/* SITEMAP */
/***********/
#sitemap-list { font-size: 16px; font-weight: bold; }
#sitemap-list ul { font-size: 14px; }
#sitemap-list ul ul { font-size: 11px; font-weight: normal; }
#sitemap-list ul ul li { display: inline; }
#sitemap-list ul ul li:after { content: ', ' }
#sitemap-list li { padding-bottom: 20px; list-style: none; }
#sitemap-list li li { padding-bottom: 15px; padding-top: 10px; }
#sitemap-list li li li { padding-top: 0px; padding-bottom: 0px; }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#opening-hours { background: url(/images/warning-bg.png) repeat left top; height: 30px; line-height: 30px; margin-bottom: 10px; color: #FFFFFF; text-align: center; font-size: 12px; width: 950px; }
#opening-hours p { padding: 0px; margin: 0px; }
/*********/
/* FLASH */
/*********/
#flash { width: 970px; height: 270px; overflow: hidden; }
#flash-replacement { width: 970px; height: 270px; overflow: hidden; background: url(/images/flash-replacement2.jpg); }

#flash2 { width: 970px; height: 270px; overflow: hidden; }
#flash2-replacement { width: 970px; height: 270px; overflow: hidden; background: url(/images/flash-replacement2.jpg); }



/*********/
/* BOXES */
/*********/
#boxes { background-color: #F8F8F8; padding: 10px 0px 0px 10px; width: 960px; height: 280px; overflow: hidden; }
.box { border: 1px solid #E6E6E6; background-color: #FFFFFF; height: 108px; width: 208px; float: left; padding: 10px; margin: 0px 10px 10px 0px; position: relative; font-size: 11px; color: #666666; line-height: 15px; background-position: bottom right; background-repeat: no-repeat; overflow: hidden; }
.box h2 { font-size: 16px; height: 20px; line-height: 16px; color: #000000; padding-bottom: 1px; overflow: visible; }
.box h2 span { height: 20px; width: 170px; }
.box p { margin-bottom: 0px; padding-bottom: 6px; }

.box p.label { display: block; width: 45px; height: 45px; overflow: hidden; text-indent: -10000px; background: url(/images/box-label-2010.png) no-repeat left top; position: absolute; top: 0px; right: 0px; padding: 0px !important; margin: 0px; }
.box p.new { width: 58px; height: 58px; background-image: url(/images/box-label-new.png); }

.box .button { line-height: 18px; }
.box .tiny { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.box .more { position: absolute; bottom: 9px; left: 10px; margin: 0px; padding: 0px; }

/* WIDE */
.box.wide { width: 278px; padding-left: 15px; padding-right: 15px; }
.box.wide h2 { font-size: 20px; height: 25px; line-height: 21px; }
.box.wide h2 span { height: 25px; }
.box.wide .more { left: 15px; }

/* BOX SPECS */
#box-01 { background-image: url(/images/box-01-bg.jpg); background-position: left top; padding-left: 125px; width: 175px; padding-right: 8px; }
#box-03 { background-image: url(/images/box-03-bg.jpg); padding-right: 160px; width: 133px; }
#box-04 { background-image: url(/images/box-04-bg.jpg); }
#box-04 h2 { letter-spacing: -1px; }
#box-05 { background-image: url(/images/box-05-bg.png); }
#box-05 p { padding-right: 60px; }
#box-06 { background-image: url(/images/box-06-bg.jpg); padding-right: 100px; width: 118px; }
#box-07 { background-image: url(/images/box-07-bg.png); }
#box-07 p { padding-right: 60px; }

#box-01 h2 span { background-image: url(/images/box-01-title.png); }
#box-03 h2 span { background-image: url(/images/box-03-title.png); width: 130px; }
#box-04 h2 span { background-image: url(/images/box-04-title.png); width: 100%; }
#box-05 h2 span { background-image: url(/images/box-05-title.png); width: 204px; }
#box-06 h2 span { background-image: url(/images/box-06-title.png); }
#box-07 h2 span { background-image: url(/images/box-07-title.png); }
#box-08 h2 span { background-image: url(/images/box-08-title.png); }

/* BOX CONTENT */
#box-01 .more { left: 125px; }
#box-01 .button span { padding-top: 3px; padding-bottom: 3px; }

#box-07 .input {  width: 138px; padding: 5px 0px 5px 8px;  font-size: 11px; color: #999999; margin-top: 7px; }
#box-07 .button-submit { margin-left: 10px; margin-top: 7px; }
#box-08 .input {  width: 138px; padding: 5px 0px 5px 8px;  font-size: 11px; color: #999999; margin-top: 7px; }
#box-08 .button-submit { margin-left: 10px; margin-top: 7px; }

/* OBJEDNAT KATALOG */
#form-objednat-katalog .input,
#form-objednat-katalog textarea { border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 6px; }
#form-objednat-katalog .input { width: 136px; }
#form-objednat-katalog #form-contact-psc { width: 80px; }
#form-objednat-katalog select { height: 30px; min-width: 150px; }
#form-objednat-katalog textarea { width: 493px; overflow: hidden; height: 170px; }
#form-objednat-katalog label { width: 65px; float: left; line-height: 30px; }
#form-objednat-katalog .column { width: 40%; float: left; }
#form-objednat-katalog button { border: none; padding: 0px; margin: 0px; background: none; cursor: pointer; }
#form-objednat-katalog button span { display: block; font-size: 14px; font-weight: bold; color: #FFFFFF; width: 168px; height: 30px; padding-left: 10px; background: #CC0000 url(/images/objednat-katalog-send.png) no-repeat left top; line-height: 30px; text-align: left; } 

.objednat-katalog h3 { font-size: 14px; margin-top: 20px; margin-bottom: 10px; }
.objednat-katalog h3.form { margin-bottom: 30px; }
.katalog-box { width: 220px; height: 280px; float: left; margin-right: 15px; margin-bottom: 20px; background: #F4F4F4; padding: 7px; position: relative; border: 1px solid #FFFFFF; }
.selected-box { border: 1px solid #000000; }
/*.unselected-box { border: 1px solid #FFFFFF; }*/
.katalog-box img { margin-bottom: 5px; }
.katalog-box a { font-weight: bold; font-size: 95%; }
.katalog-box em { font-size: 10px; color: #666666; font-style: normal; }
.katalog-box p.text { font-size: 85%; margin-bottom: 1em; margin-top: .2em; }
.katalog-box p { margin-bottom: 0; }
.katalog-box p.radio { position: absolute; bottom: 10px; width: 220px; }
.katalog-box strong { font-size: 14px; font-weight: bold; }

/* NEWSLETTER */
#newsletter-box { width: 164px; padding: 10px; background: #F8F8F8; margin-top: 100px; }
#newsletter-box .inner { background: #FFFFFF url(/images/newsletter-bgrr.png) bottom left no-repeat; padding: 10px; position: relative; }
#newsletter-box h2 { font-size: 16px; margin-top: 2px; margin-bottom: 4px; font-weight: bold; }
#newsletter-box p { font-size: 11px; color: #666666; }
#newsletter-box p#send { margin: 0; padding-left: 53px; }
#newsletter-box input { width: 134px; height: 16px; padding: 5px; color:#666666; font-size: 11px; }

#newsletter-box button { border: none; padding: 0px; background: none; cursor: pointer; display: block; width: 93px; }
#newsletter-box button span { display: block; font-size: 11px; color: #FFFFFF; width: 66px; height: 20px; background: #CC0000 url(/images/newsletter-send.png) no-repeat left top; line-height: 20px; text-align: left; padding-left: 23px; }

/* FORM PAYMENT */
#form-payment { margin: 0px; width: 300px; margin-left: 140px; }
#form-payment label { width: 90px; }
#form-payment .options label { width: auto; line-height: 18px; }
#payment-icon { position: absolute; top: 19px; right: 25px; }



/* ERRORS */
ul#error { margin: 0px; padding: 0px; background: #FFFFFF; position: relative; top: -5px; padding: 4px 0px; margin-bottom: 5px; border: 1px solid #CC0000; color: #CC0000; }
#error li { list-style: none; display: block; text-align: center; line-height: 170%; font-weight: bold; color: #CC0000;}


/*************/
/* FILE LIST */
/*************/
#file-list {}
#file-list table { width: 100%; border-collapse: collapse; }
#file-list thead th { background-color: #F0F0F0; }
#file-list th,
#file-list td { padding: 4px 8px; border-bottom: 1px solid #E6E6E6; background-color: #FBFBFB;  }
#file-list tr.even td { background-color: #FFFFFF; }
#file-list .col-size { text-align: right; padding-right: 10px; width: 100px; }
#file-list .col-name { text-align: left; }
#file-list .col-desc { text-align: left; }
#file-list .col-date { width: 100px; text-align: right; }
#file-list .col-name a { background: url(/images/page-white.gif) no-repeat left top; padding: 0px 0px 1px 20px; }


#file-list .col-name .type-doc,
#file-list .col-name .type-docx,
#file-list .col-name .type-rtf { background-image: url(/images/page-doc.gif); }
#file-list .col-name .type-xls,
#file-list .col-name .type-xlsx,
#file-list .col-name .type-csv { background-image: url(/images/page-xls.gif); }
#file-list .col-name .type-zip,
#file-list .col-name .type-rar { background-image: url(/images/page-zip.gif); }
#file-list .col-name .type-ppt,
#file-list .col-name .type-pptx { background-image: url(/images/page-ppt.gif); }
#file-list .col-name .type-jpg,
#file-list .col-name .type-jpeg,
#file-list .col-name .type-png,
#file-list .col-name .type-gif,
#file-list .col-name .type-tiff { background-image: url(/images/page-jpg.gif); }
#file-list .col-name .type-pdf { background-image: url(/images/page-pdf.gif); }
#file-list .col-name .type-folder { background-image: url(/images/folder.png); }
#file-list .col-name .type-folder-up { background-image: url(/images/folder-up.gif); }

/* PATH */
#file-list p.path { font-size: 11px; border: 1px solid #E6E6E6; border-left: none; border-right: none; margin-bottom: 0px; padding: 5px 8px; word-spacing: 5px; }
#file-list p.path a,
#file-list p.path strong,
#file-list p.path span { word-spacing: normal; }

#file-list ul.message { margin: 0px 0px 10px 0px; background-color: #F7F7F7; padding: 4px; color: #000000;  }
#file-list ul.message li { list-style: none; padding: 4px;  }
#file-list ul.message li + li { border-top: 1px solid #CCCCCC; }

#file-list ul.success { background-color: #ECFFEC; }
#file-list ul.success li + li { border-top-color: #BDE0BD; }
#file-list ul.error { background-color: #CC0000; color: #FFFFFF; }
#file-list ul.error li + li { border-top-color: #FFFFFF; }
#file-list ul.warning { background-color: #FFDE00; color: #000000; font-weight: bold; }
#file-list ul.warning li + li { border-top-color: #000000; }


/**********************/
/* PRODUCT IMAGE LIST */
/**********************/
#product-image-list {}

#product-image-list h2 { font-size: 14px; margin-bottom: 2px; padding: 0px 0px 0px 5px; font-weight: bold; float: left; }
#product-image-list ul { border-bottom: 1px solid #E6E6E6; clear: both; }
#product-image-list li { list-style: none; display: block; border-top: 1px solid #E6E6E6; height: 32px; }
#product-image-list img { width: 32px; height: 32px; vertical-align: middle; float: left; padding-right: 10px; padding-left: 5px; }
#product-image-list h3 { font-size: 12px; font-weight: bold; float: left; width: 465px; overflow: hidden; height: 32px; line-height: 32px; padding: 0px 10px 0px 0px; }
#product-image-list li p { display: block; padding: 0px; margin: 0px; width: 250px; height: 32px; line-height: 32px; float: left; font-size: 11px; }
#product-image-list span.count { display: block; width: 100px; float: left; }
#product-image-list span.size { display: block; width: 60px; float: left; }
#product-image-list span.download { display: block; width: 85px; float: left; text-align: right; }
#product-image-list span.download a { padding: 2px 5px; background-color: #F0F0F0; color: #666666; }
#product-image-list span.download a:hover { background-color: #FFDE00; color: #000000; }

#product-image-list p.toolbar { font-size: 11px; padding: 4px 10px; margin: 0px; height: 15px; }
#product-image-list p.toolbar a { display: block; float: right; height: 15px; width: 15px; overflow: hidden; background-position: left top; background-repeat: no-repeat; text-indent: -500px; margin-left: 5px; }
#product-image-list p.toolbar a:hover { background-position: left -15px; }
#product-image-list p.toolbar a.active { background-position: left -30px; }
#product-image-list p.toolbar a.thumbs { background-image: url(/images/toggle-thumbs.png); }
#product-image-list p.toolbar a.list { background-image: url(/images/toggle-list.png); }

/* THUMBNAILS */
#product-image-list .thumbnails img { width: 82px; height: 82px; }
#product-image-list .thumbnails h3,
#product-image-list .thumbnails li p,
#product-image-list .thumbnails span.count,
#product-image-list .thumbnails span.size,
#product-image-list .thumbnails span.download { width: auto; float: none; height: auto; padding: 0px; line-height: 18px; }
#product-image-list .thumbnails h3 { padding: 10px 0px 0px 0px; }
#product-image-list .thumbnails li p { padding: 0px; }
#product-image-list .thumbnails li { width: 250px; float: left; height: 100px; }
#product-image-list .thumbnails span.count,
#product-image-list .thumbnails span.size { display: inline; }
#product-image-list .thumbnails span.download { display: block; text-align: left; padding-top: 5px; }
#product-image-list .thumbnails span.count:after { content: ', '; }


#product-image-categories { padding: 0px 30px 0px 5px; }
#product-image-categories h2 { font-size: 14px; font-weight: bold; padding: 0px 0px 0px 5px; }
#product-image-categories li { list-style: none; }

/*********************/
/* FORM PHOTO SEARCH */
/*********************/
#form-download-search { float: right; font-size: 11px; padding: 6px 0px 0px 0px; }
#form-download-search input { padding: 3px 5px; font-size: 11px; }
#form-download-search button { border: none; padding: 0px; margin: 0px; background: 0px; }
#form-download-search button span { display: block; color: #FFFFFF; background-color: #999999; font-size: 11px; text-transform: uppercase; padding: 3px 5px; }