/* project www.mival.cz  */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

table {border-collapse:collapse; border-spacing:0;}
.clear {height:1px!important; font-size:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0!important; padding:0!important; width:100%!important;}
.hidden {display:none; height:40px;}
.out {position:absolute; left:-999em;}
.none {display:none;}
.left {float:left!important;}
.right {float:right!important;}
sub {font-size:10px; vertical-align:sub; line-height:10px;}
sup {font-size:10px; vertical-align:top; line-height:10px;}

pre {font-size:13px; color:#005D95; background:#fff url(../img/dev.png) no-repeat 100% 10px; font-weight:bold;}

/* HTML tags */
html { background:url(../img/html.jpg) repeat-x 0 0;}
body {font:10pt Arial, Helvetica, sans-serif; line-height:14pt; color:#333; background:url(../img/body.jpg) no-repeat 50% 0;}
p {color:#333; margin-bottom:7px;}
a {color:#cd0219; text-decoration:underline;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#cd0219;}
h1, .list h2 {font-size:17pt; line-height:19pt; margin:0 0 8px 0;}
h2 {font-size:15pt; line-height:19pt; margin:12px 0 8px 0;}
h3 {font-size:13pt; line-height:15pt; margin:10px 0 5px 0;}
h4 {font-size:11pt; line-height:13pt; margin:10px 0 5px 0;}
h5, h6 {font-size:10pt; line-height:12pt; margin:10px 0 3px 0;}

/* Layout */
#nav-skip {position:absolute; left:-999em; top:0; z-index:100;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:960px; background:#e53348; padding:2px 0; z-index:10; text-align:center; color:#fff; font-weight:bold;}

#mother {width:960px; margin:0 auto;}
#header {position:relative; z-index:2; width:960px; height:166px;}
#content {position:relative; z-index:1; width:960px;}
#col-content {float:left; width:690px; margin:20px 0 0 0;}
#col-side {float:right; width:250px; margin:20px 0 50px 0; *margin-bottom:70px; _margin-bottom:50px;}
#footer {border-top:1px solid #ccc;}
#footer .container {width:960px; margin:0 auto; padding:15px 0; position:relative;}

.article {float:left; width:690px;}
.list {margin:0 0 20px 0;}
#detail {position:relative; margin:0 0 20px 0;}
#gallery {float:left; width:690px; margin:0 0 5px 0;}
#atts {float:left; width:685px; margin:0 0 15px 5px; display:inline;}

/* Header */
#logo {position:absolute; top:38px; left:20px;}

#site-nav {position:absolute; left:605px; top:11px; z-index:3; width:130px; height:21px; padding:0;} 
#site-nav ul li {float:left; margin:0; padding:0 6px; line-height:21px; width:20px; display:inline;}
#site-nav ul li a {position:relative; padding:0; color:#666; font-size:15px; display:block; width:20px; height:21px; line-height:21px; margin:0; overflow:hidden; background-image:url(../img/sitenav.gif); background-repeat:no-repeat;} 
#site-nav ul li a span {position:absolute; top:-100px; left:0;}
#site-nav ul li.home a {background-position:8px -30px;}
#site-nav ul li.home a:hover, #site-nav ul li.home a:focus, #site-nav ul li.home a.active {background-position:8px 1px;}
#site-nav ul li.mail a {background-position:-26px -30px;}
#site-nav ul li.mail a:hover, #site-nav ul li.mail a:focus {background-position:-26px 1px;}
#site-nav ul li.sitemap a {background-position:-48px -30px;}
#site-nav ul li.sitemap a:hover, #site-nav ul li.sitemap a:focus, #site-nav ul li.sitemap a.active {background-position:-48px 1px;}
#site-nav ul li.print a {background-position:-76px -30px;}
#site-nav ul li.print a:hover, #site-nav ul li.print a:focus {background-position:-76px 1px;}

#search-box {width:126px; height:26px; overflow:hidden; position:absolute; top:9px; left:739px; background:url(../img/search.png) repeat 0 0;}
#search-box form {width:126px; height:26px; line-height:26px; padding:0; margin:0;}
#search-box fieldset {border:none; position:relative; width:126px; height:26px; margin:0; padding:0;}
#search-box input, #search-box select, #search-box label {vertical-align:middle;}
#search-box input#searchstring {width:101px; padding:0 5px; border:0; color:#666; font-size:9.5pt; line-height:26px; height:26px; position:absolute; top:0; left:0; outline:none; background:none;}
#search-box input.submit {background:url(../img/search-btn.png) no-repeat 0 0; height:26px; width:20px; cursor:pointer; border:none; position:absolute; right:0; top:0; font-size:0; line-height:0; text-indent:-9999em; margin:0; padding:0;}
#search-box input.submit:hover, #search-box input.submit:focus {background-position:0 -26px;}

#lang {position:absolute; top:9px; right:0; width:95px; height:26px; background:url(../img/lang.png) no-repeat 0 0;}
#lang #active {width:95px; height:26px; cursor:pointer; line-height:26px; color:#666;}
#lang #active .flag {width:17px; height:13px; display:block; float:left; margin:7px 7px 0 7px; background-image:url(../img/flags.png); background-repeat:no-repeat;}  
#lang #active .cz {background-position:0 0;}
#lang #active .en {background-position:-17px 0;}
#lang #selection {position:absolute; top:26px; left:0; background:#aaa; width:95px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -khtml-border-radius:0 0 3px 3px;}
#lang #selection ul li {width:95px;}
#lang #selection ul li a {display:block; padding:0; width:95px; color:#fff; text-decoration:none; line-height:26px;}
#lang #selection ul li a .flag {width:17px; height:13px; display:block; float:left; margin:6px 7px 0 7px; background-image:url(../img/flags.png); background-repeat:no-repeat;}
#lang #selection ul li a .cz {background-position:0 -13px;}
#lang #selection ul li a .en {background-position:-17px -13px;}
#lang #selection ul li a:hover .cz {background-position:0 0;}
#lang #selection ul li a:hover .en {background-position:-17px 0;}

#info {position:absolute; right:0; top:60px; width:720px;}
#info p {font-size:12pt; line-height:23px; text-align:right;}

#nav {position:absolute; left:0; top:123px; width:960px; height:43px; background:#d7172e url(../img/nav.png) repeat-x 0 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;}
#nav ul li {float:left; position:relative;}
#nav ul li.fst a {border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px;}
#nav ul li.last a {border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0;}
#nav ul li a {display:inline-block; text-decoration:none; text-transform:uppercase; font-size:13pt; line-height:43px; padding:0 20px; color:#fff; background:#d7172e url(../img/nav-a.png) no-repeat 0 0;}
#nav ul li .link {display:inline-block; cursor:default; text-decoration:none; text-transform:uppercase; font-size:13pt; line-height:43px; padding:0 20px; color:#fff; background:#d7172e url(../img/nav-a.png) no-repeat 0 0;}
#nav ul li a:hover, #nav ul li a:focus, #nav ul li .active, #nav ul li.hover a, #nav ul li.hover .link {background:#000 url(../img/nav-a.png) no-repeat 50% -43px;}
#nav ul li ul {position:absolute; top:43px; left:0; width:185px; padding:10px 0 10px 0; display:none; background:#0d0d0d url(../img/nav-ul.png) repeat-x 0 100%; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px;}
#nav ul li ul ul {left:185px; top:0; border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; -webkit-border-radius:0 4px 4px 4px; -khtml-border-radius:0 4px 4px 4px;}
/*
#nav ul li ul li {padding:0 10px; width:165px;}
#nav ul li ul li a {text-transform:none; font-size:11pt; line-height:16px; width:165px; padding:5px 0; background:#0d0d0d!important; border-bottom:1px solid #333; border-radius:0!important; -moz-border-radius:0!important; -webkit-border-radius:0!important; -khtml-border-radius:0!important;}
*/
#nav ul li ul li {padding:0; width:185px;}
#nav ul li ul li a {text-transform:none; font-size:11pt; line-height:16px; width:165px; padding:5px 10px; background:#0d0d0d!important; border-bottom:1px solid #333; border-radius:0!important; -moz-border-radius:0!important; -webkit-border-radius:0!important; -khtml-border-radius:0!important;}
#nav ul li ul li a:hover {background:#333!important;}
#nav ul li ul li .sublink {display:inline-block; cursor:default; text-transform:none; font-size:11pt; color:#fff; line-height:16px; width:165px; padding:5px 10px; background:#0d0d0d!important; border-bottom:1px solid #333; border-radius:0!important; -moz-border-radius:0!important; -webkit-border-radius:0!important; -khtml-border-radius:0!important;}
#nav ul li ul li .sublink:hover {background:#333!important;}
#nav ul .sub {position:absolute; left:0; top:43px; width:530px; overflow:hidden; padding:0 10px 15px 10px; background:#0d0d0d url(../img/nav-ul.png) repeat-x 0 100%; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px;}
#nav ul .sub .row {float:left; width:530px; padding:15px 0 0 0;} 
#nav ul .sub .row .main {float:left; position:relative; width:380px; padding:0 150px 5px 0; border-bottom:1px solid #333; margin:0 0 5px 0;}
#nav ul .sub .row .main a {background:none; text-transform:none; padding:0; font-weight:bold; font-size:11pt; line-height:15pt;}
#nav ul .sub .row .main span { position:absolute; top:3px; right:0; color:#cd0219; font-size:10pt;}
#nav ul .sub .row ul {float:left; width:530px; position:relative; display:block!important; top:0; padding:2px 0; background:#0d0d0d;}
#nav ul .sub .row ul li {float:left; width:122px; padding:0 10px 0 0; display:inline;}
#nav ul .sub .row ul li a {font-size:10pt; border-bottom:0; text-decoration:underline; padding:0 0 0 10px; display:inline-block; width:auto; background:#0d0d0d url(../img/megamenu-a.png) no-repeat 0 5px!important;}
#nav ul .sub .row ul li a:hover {text-decoration:none; background:#0d0d0d url(../img/megamenu-a.png) no-repeat -200px 5px!important;}
#nav ul .sub .row ul.lvl2 { display:none!important;}


/* Content */
#promo {float:left; width:960px; height:250px; overflow:hidden; margin:-15px 0 0 0; position:relative;}
#promo .slide-container {width:960px; height:250px;}
#promo .slide {position:relative; overflow:hidden; width:960px; height:250px;}
#promo .slide .caption {position:absolute; bottom:30px; right:0; width:210px; padding:10px 20px; background:url(../img/promo-cover.png) repeat 0 0;}
#promo .slide .caption h2 {color:#fff; font-size:14pt; line-height:15pt; margin:0 0 10px 0; }
#promo .slide .caption h2 a {color:#fff;}
#promo .slide .caption p {color:#fff;}
#promo .slide .caption p a {color:#fff;}
#promo .pagination-wrap {position:absolute; bottom:0; right:0; width:218px; height:28px; padding:0 16px; background:url(../img/promo-cover.png) repeat 0 0;}
#promo .pagination {margin:7px 0 0 0;}
#promo .pagination li {display:block; float:left; width:14px; height:14px; margin:0 4px;}
#promo .pagination li a {display:block; width:14px; height:14px; line-height:14px; font-size:8pt; color:#333; text-align:center; text-decoration:none; background:url(../img/promo-pagination.png) no-repeat 0 0; outline:none;} 
#promo .pagination li.current a, #promo .pagination li a:hover {color:#fff; background-position:0 -14px;} 

#breadcrumb {float:left; position:relative; width:630px; padding:7px 10px 7px 50px; margin:0 0 20px 0; background:#eee url(../img/breadcrumb.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#breadcrumb p {margin:0; color:#333;}
#breadcrumb a {color:#333;}
#breadcrumb a.home {position:absolute; top:12px; left:13px; display:block; overflow:hidden; width:11px; height:9px;}
#breadcrumb a.home span {position:absolute; top:0; left:0; width:11px; height:9px; cursor:pointer; background:url(../img/breadcrumb-home.png) no-repeat 0 0;}
#breadcrumb a.home:hover span, #breadcrumb a.home:focus span {background-position:0 -9px;}

#paging {float:left; position:relative; width:610px; padding:7px 10px 7px 70px; margin:0 0 20px 0; background:#eee url(../img/paging.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#paging p {margin:0; color:#333;}
#paging a {color:#333;}
#paging span {position:absolute; top:7px; left:10px;} 

.photo {float:left; margin:3px 10px 5px 0; display:inline; position:relative;}
.photo p {position:relative; display:block; line-height:0; font-size:0; margin:0; padding:0;}
.photo a {display:block; text-decoration:none; position:relative; cursor:pointer;}
.photo img {display:block; padding:0; margin:0; position:relative; z-index:1;}
.photo .description {display:block; width:150px; margin:10px 0 0 0; padding:0 0 10px 10px; font-size:9pt; line-height:10pt; text-align:left; color:#666; position:relative; z-index:2; background:url(../img/photo-description.png) no-repeat 0 100%;}

#products {float:left; width:690px;} 
#products ul {margin:0 0 20px 0; float:left;}
#products ul li {float:left; width:196px; padding:10px 10px 5px 10px; position:relative; background:#eee url(../img/products-li.png) repeat-x 0 100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#products ul li.center {margin:0 21px;}
#products ul li h2 {font-size:13pt; line-height:14pt; margin-top:0;}
#products ul li h2 a:hover, #products ul li h2 a:focus {color:#333;}
#products ul li .photo {margin:0 18px; height:120px; position:relative; z-index:1;}
#products ul li .photo img {width:160px; height:120px;}
#products ul li .count {position:absolute; z-index:2; top:80px; left:172px; width:49px; height:37px; text-align:center; color:#fff; font-size:14pt; line-height:24px; background:#e42b41 url(../img/products-li-count.png) repeat-y 100% 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#products ul li .count span { font-size:8pt; line-height:9px; display:block; width:49px;}

#items {float:left; width:690px; position:relative; z-index:1;} 
#items ul {margin:0 0 20px 0; float:left;}
#items ul li {float:left; width:196px; padding:10px 10px 20px 10px; position:relative; background:#eee url(../img/products-li.png) repeat-x 0 100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#items ul li.center {margin:0 21px;}
#items ul li h2 {font-size:13pt; line-height:14pt; margin-top:0;}
#items ul li h2 a:hover, #items ul li h2 a:focus {color:#333;}
#items ul li .photo {margin:0 0 5px 0; height:146px; position:relative; z-index:1;}
#items ul li .photo img {width:195px; height:146px;}
#items ul li .request {position:absolute; bottom:-5px; left:50px; display:block; text-align:center; text-decoration:none; color:#fff; width:116px; height:27px; line-height:27px; background:#a51f2f url(../img/item-request.png) no-repeat 0 0;}
#items ul li .request:hover, #items ul li .request:focus {background-position:0 -27px; background-color:#2b2b2b;}

#filters {float:left; width:690px; height:30px; margin:0 0 20px 0; position:relative; z-index:2;}
#filters #parameters {float:left; width:451px; height:28px; position:relative; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}
#filters #parameters .trigger {color:#333; display:block; cursor:pointer; width:401px; height:28px; padding:0 0 0 50px; line-height:28px; background:url(../img/parameters-trigger.png) no-repeat 0 0;}
#filters #parameters .trigger-active {background-position:0 -28px;}
#filters #parameters .entry {display:block; width:431px; position:absolute; padding:10px 10px 5px 10px; top:28px; left:-1px; *left:0; background:#fff; border:1px solid #ccc; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; -khtml-border-radius:0 0 2px 2px;}
#filters #parameters .entry form {margin:0; padding:0; width:431px; background:#fff;}
#filters #parameters .entry ul {float:left; overflow:hidden; padding:0 0 10px 0; width:431px; border-bottom:1px solid #ccc;}
#filters #parameters .entry ul li {float:left; width:133px; padding:6px 5px;}
#filters #parameters .entry ul li .input-wrap {float:left; width:17px; height:17px; overflow:hidden;}
#filters #parameters .entry ul li .input-wrap .checkbox {margin:0; padding:0;}
#filters #parameters .entry ul li .link {float:right; width:111px; line-height:15px; margin:2px 0 0 0;}
#filters #parameters .entry .row {margin:5px 5px 0 5px; width:421px;}
#filters #parameters .entry .submit-btn {height:27px; width:156px; font-size:10pt; background:#a51f2f url(../img/parameters-submit.png) no-repeat 0 0;}
#filters #parameters .entry .submit-btn:hover, #filters #parameters .entry .submit-btn:focus {background-position:0 -27px;}
#filters #parameters .entry .note {color:#666; margin-top:10px;}
#filters #sort {float:right; width:214px; height:28px; position:relative; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}
#filters #sort form {margin:0; padding:0; width:214px; background:#fff;}
#filters #sort label {line-height:28px; padding:0 0 0 10px;}
#filters #sort select {width:139px; height:20px; position:absolute; top:4px; right:5px;}
#filters #sort .newListSelected {position:absolute!important; top:4px; right:5px; width:139px; height:20px; outline:none; background:url(../img/sort-select.png) no-repeat 0 0;}
#filters #sort .selectedTxt {width:110px; height:20px; padding:0 24px 0 5px; overflow:hidden; color:#333; cursor:pointer; font:9pt/20px Arial, Helvetica, sans-serif; outline:none; border:0;}
#filters #sort .SSContainerDivWrapper {position:absolute; width:137px; padding:2px 0 2px 0; top:19px!important; background:#f6f6f6 url(../img/filter-sort-ul.png) repeat-x 0 100%; outline:none; border:1px solid #d1d1d1; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}
#filters #sort ul.newList {padding:0 5px;}
#filters #sort ul.newList li {border-bottom:1px solid #e9e9e9;}
#filters #sort ul.newList li a {outline:none; display:block; width:123px; padding:3px 2px; color:#333; background:#f6f6f6; text-decoration:none; font-size:9pt; line-height:11pt;}
#filters #sort ul.newList li a:hover, #filters #sort ul.newList li a.hiLite {color:#000;}

.social {float:left; width:690px; height:20px; overflow:hidden; margin:0 0 22px 0;}
.social .facebook {float:left; display:inline; width:100px; height:22px; overflow:hidden; margin:0 0 0 484px;}
.social .twitter {float:left; display:inline; width:74px; height:22px; overflow:hidden;}
.social .gplus {float:left; display:inline; width:32px; height:22px; overflow:hidden;}

#gallery .photo {margin:0 16px 15px 0;}
#gallery .last {margin-right:0;}

#atts p {float:left; width:330px; margin:5px; padding:0; background:#eee url(../img/news-bg.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#atts a {position:relative; display:block; height:100px; text-decoration:none; color:#333; background-repeat:no-repeat; background-position:27px 10px;}
#atts a .text {display:block; width:200px; font-size:12pt; line-height:15pt; cursor:pointer; position:absolute; left:118px; top:13px;}
#atts a:hover .text, #atts a:focus .text {text-decoration:underline;}
#atts a .type {display:block; width:200px; font-size:10pt; line-height:11pt; border-top:1px solid #999; padding:7px 0 0 0; cursor:pointer; position:absolute; left:118px; top:62px;}
#atts .xls a, #atts .xlsx a {background-image:url(../img/atts/xls.png);}
#atts .doc a, #atts .docx a {background-image:url(../img/atts/doc.png);}
#atts .ppt a, #atts .pptx a {background-image:url(../img/atts/ppt.png);}
#atts .zip a, #atts .rar a {background-image:url(../img/atts/zip.png);}
#atts .rtf a, #atts .txt a {background-image:url(../img/atts/rtf.png);}
#atts .jpg a, #atts .gif a {background-image:url(../img/atts/jpg.png);}
#atts .pdf a {background-image:url(../img/atts/pdf.png);}
#atts .rtf a {background-image:url(../img/atts/rtf.png);}
#atts .mp3 a {background-image:url(../img/atts/audio.png);}
#atts .att a {background-image:url(../img/atts/att.png);}

#product-detail {float:left; position:relative; height:298px; width:689px; display:inline; margin:0 0 20px 0; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -khtml-border-radius:0 3px 3px 0;}
#product-detail .ad-gallery {position:absolute; margin:0; padding:220px 0 0 0; width:400px; height:80px; float:left; margin:-1px 0 0 -1px;}
#product-detail .ad-gallery .pika-image {position:absolute; top:0; left:0; width:400px; height:300px; z-index:1;}
#product-detail .ad-gallery .pika-image table {margin:0; padding:0;}
#product-detail .ad-gallery .pika-image table td {width:400px; height:300px; margin:0; padding:0; border:0; text-align:center; vertical-align:middle;}
#product-detail .ad-gallery .pika-image table td a {display:block; width:400px; height:300px;}
#product-detail .ad-gallery .pika-image .caption {display:none!important;}
#product-detail .ad-gallery .pika-image .pika-imgnav, #product-detail .ad-gallery .pika-image .pika-textnav {display:none;}
#product-detail .ad-gallery .jcarousel-container {position:relative; z-index:2; margin:0; width:400px; height:80px; background:url(../img/adgallery-jcarousel-bg.png) repeat 0 0;}
#product-detail .ad-gallery ul li {width:80px!important; height:60px; float:left; margin:10px 5px; padding:0; background:none; cursor:pointer;}
#product-detail .ad-gallery ul li .clip {opacity:1!important;}
#product-detail .ad-gallery ul li img {width:80px; height:60px; opacity:1!important;}
#product-detail .ad-gallery .jcarousel-clip {width:360px; margin:0 20px;}
#product-detail .ad-gallery .jcarousel-prev, #product-detail .ad-gallery .jcarousel-next {position:absolute; top:34px; display:block; width:9px; height:11px; background-image:url(../img/addgallery-arrow.png); background-repeat:no-repeat;}
#product-detail .ad-gallery .jcarousel-prev {left:10px; background-position:0 -11px; cursor:pointer;}
#product-detail .ad-gallery .jcarousel-next {left:380px; background-position: -9px -11px; cursor:pointer;}
#product-detail .ad-gallery .jcarousel-prev:hover {background-position:0 -22px;}
#product-detail .ad-gallery .jcarousel-next:hover {background-position: -9px -22px;}
#product-detail .ad-gallery .jcarousel-prev-disabled, #product-detail .ad-gallery .jcarousel-next-disabled {background-position:0 0!important; cursor:default!important;}
#product-detail #perex {position:absolute; top:10px; right:20px; width:250px; height:130px; overflow:hidden;}
#product-detail #meta {position:absolute; top:155px; right:20px; width:250px; border-top:1px solid #cbcbcb; _overflow:hidden;}
#product-detail #meta ul {margin:7px 0 0 0;}
#product-detail #meta li {background:none; padding:0 0 0 0; margin:3px 0; width:270px; display:block; float:left;}
#product-detail #meta li strong {float:left; margin:0 7px 0 0;}
#product-detail #meta li h2 {margin:0; font-size:11pt; line-height:14pt; float:left;}
#product-detail #meta li .red {color:#cd0219;}
#product-detail #request {position:absolute; right:0; bottom:0; width:270px; height:56px; padding:23px 0 0 20px; background:#f2f2f2; border-radius:0 0 3px 0; -moz-border-radius:0 0 3px 0; -webkit-border-radius:0 0 3px 0; -khtml-border-radius:0 0 3px 0;}
#product-detail #request form {margin:0; padding:0; width:270px; background:#f2f2f2;}
#product-detail #request #count {float:left; width:43px; height:32px; line-height:32px; padding:0 5px; margin:0 10px 0 0; font-family:12pt Arial, Helvetica, sans-serif; text-align:center; border:0; outline:0; background:#fff url(../img/product-detail-request-input.png) no-repeat 0 0;}
#product-detail #request .determination { float:left; width:30px; line-height:32px;}
#product-detail #request .submit-btn {border:0; width:150px; height:32px; cursor:pointer; font:11pt Arial, Helvetica, sans-serif; color:#fff; margin:0; float:left; background:#a51f2f url(../img/form-submit.png) no-repeat 0 0;}
#product-detail #request .submit-btn:hover, #product-detail #request .submit-btn:focus {background-position:0 -32px; background-color:#2b2b2b;}
#product-detail #without-foto {float:left; width:400px; height:300px; /*padding:76px 102px 76px 103px;*/ background:#eee;}
#product-detail .photo {margin:-1px 0 0 0; z-index:10;}

#similar-products {float:left; width:688px; margin:0 0 20px 0; background:#fff url(../img/similar-products-bg.png) repeat-x 0 100%; border:1px solid #f0f0f0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#similar-products h3.similar {font-size:13pt; line-height:14pt; margin-top:0; color:#666; margin:10px 10px 15px 10px; padding:0 0 5px 0; border-bottom:1px solid #eee;}
#similar-products ul {margin:0 0 20px 0; padding:0 15px; float:left; display:inline; background:#fff url(../img/similar-products-ul.png) repeat-y 0 0;}
#similar-products ul li {float:left; width:196px; padding:0 10px 20px 10px; position:relative; background:transparent;}
#similar-products ul li.center {margin:0 5px;}
#similar-products ul li h3 {font-size:13pt; line-height:14pt; margin-top:0;}
#similar-products ul li h3 a:hover, #similar-products ul li h3 a:focus {color:#333;}
#similar-products ul li .photo {margin:0 0 5px 0; height:146px; position:relative; z-index:1;}
#similar-products ul li .photo img {width:195px; height:146px;}

/* Article */
#leading {background:#cd0219; width:650px; padding:15px 20px 8px 20px; margin:0 0 20px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#leading h1 {color:#fff;}
#leading p {color:#fff; font-size:10.5pt; line-height:17pt;}
#leading .photo {float:right; margin:3px 0 5px 5px;}
#leading .photo .description {color:#fff;}

.article .date {color:#666;}
.article ul , .article ol {font-size:10pt; margin:10px 0 15px 0; color:#333;}
.article ul li {list-style:none; padding-left:15px; margin:3px 0; background:url(../img/bullet.png) no-repeat 0 7px; position:relative;}
.article ol li {list-style:decimal inside; margin:3px 0;}
.article ol ol li {margin-left:20px; }
.article ul li ul, .article ol li ol {margin-bottom:5px; margin-top:0;}
.article table {margin:10px 0 10px 0; text-align:left; font-size:13px; padding-bottom:1px;}
.article table th, .article table td {padding:4px 15px; vertical-align:middle;}
.article table th, .article table thead td {background:#eee; color:#333; font-weight:bold; text-align:left; border-bottom:0;}
.article table td {color:#333; border-bottom:1px solid #eee;}
.article table p {margin-bottom:0; color:#333;}

/* Form */
#col-content form {float:left; width:620px; margin:0 10px 20px 10px; padding:0 20px 5px 30px; background:#eee url(../img/news-bg.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#col-content form fieldset {margin:0; padding:0;}
#col-content form .row {float:left; width:620px; margin:7px 0; padding:0;}
#col-content form .left, #col-content form .right {width:301px;}
#col-content form .row label {display:block; margin:0 0 5px 0; color:#333; font-size:10pt;}
#col-content form .row input.text {padding:5px 10px; float:left; width:600px; color:#333; font:10pt/20px Arial, Helvetica, sans-serif; height:20px; background:#f7f7f7 url(../img/form-input.png) no-repeat 0 0; outline:none; border:0;}
#col-content form .left input.text, #col-content form .right input.text {width:281px; background:#f7f7f7 url(../img/form-input-half.png) no-repeat 0 0;}
#col-content form .row textarea {padding:5px 10px; margin:0; float:left; width:600px; color:#333; font:10pt/20px Arial, Helvetica, sans-serif; height:90px; background:#f7f7f7 url(../img/form-textarea.png) no-repeat 0 0; outline:none; border:0; resize:none; overflow:auto;}
#col-content form .row .submit-btn {border:0; width:150px; height:32px; cursor:pointer; font:11pt Arial, Helvetica, sans-serif; color:#fff; margin:5px 0; float:left; background:#c22537 url(../img/form-submit.png) no-repeat 0 0;}
#col-content form .row .submit-btn:hover, #col-content form .row .submit-btn:focus {background-position:0 -32px; background-color:#2b2b2b;}
#col-content form .row .note {float:left; margin:13px 0 0 25px; color:#333;}
#col-content form .message {margin:5px 0 10px 0; padding:10px 0 10px 40px; font-weight:bold; color:#fff; width:580px; line-height:17px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;}
#col-content form .error {background:#DF001A url(../img/error.png) no-repeat 10px 50%;}
#col-content form .success {background:#8CAC58 url(../img/success.png) no-repeat 10px 50%;}
#col-content form .fault, #col-content form .fault strong {color:#df001a;}

/* Search results */
#search-results {padding-bottom:10px; float:left; display:inline;}
#search-results #result-box {float:left; width:690px; margin:0 0 0 0; display:inline;}
#search-results .article {padding-bottom:5px; margin-bottom:5px;}
#search-results .article .adress {margin:-3px 0 0 0;}

/* Aside */
#basket {float:left; width:220px; padding:15px 10px 8px 20px; margin:0 0 20px 0; background:#e42b41 url(../img/basket-bg.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#basket h2 {font-size:15pt; line-height:16pt; color:#fff; margin:0 0 5px 0;}
#basket p, #basket a {color:#fff;}
#basket .item {float:left; width:220px; padding:10px 0; border-top:1px solid #ab2031;}
#basket .fst {border-top:0; padding-top:5px;}
#basket .item p {margin:0;}
#basket .item a {display:block; width:220px; min-height:66px; position:relative; line-height:13pt; text-decoration:none;}
#basket .item a .num {position:absolute; z-index:2; top:46px; left:5px; width:15px; height:15px; text-align:center; line-height:15px; font-size:9pt; background:url(../img/basket-num.png) no-repeat 0 0;}
#basket .item a:hover .num, #basket .item a:focus .num {background-position:0 -15px;}
#basket .item a img {position:relative; z-index:1; float:left; margin:0 10px 0 0; border:3px solid #ab2031;}
#basket .item a .text {text-decoration:underline;}
#basket .item a:hover .text, #basket .item a:focus .text {text-decoration:none;}
#basket ul {overflow:hidden; padding:0 0 8px 0;}
#basket ul li {padding:3px 0; float:left; width:220px;}
#basket ul li a {position:relative; text-decoration:none; display:block; width:220px; float:left;}
#basket ul li a span {cursor:pointer;}
#basket ul li a .num {position:absolute; top:2px; left:0; width:15px; height:15px; line-height:15px; text-align:center; font-size:9pt; background:url(../img/basket-num.png) no-repeat 0 0;}
#basket ul li a:hover .num, #basket ul li a:focus .num {background-position:0 -15px;}
#basket ul li a .text {text-decoration:underline; padding:0 0 0 22px; float:left;}
#basket ul li a:hover .text, #basket ul li a:focus .text {text-decoration:none;}
#basket .order {float:left; display:inline-block; margin:5px 35px 10px 35px; width:150px; height:32px; line-height:32px; text-decoration:none; text-align:center; color:#fff; border:0; cursor:pointer; font-size:10pt; background:#a51f2f url(../img/basket-order.png) no-repeat 0 0;}
#basket .order:hover, #basket .order:focus {background-position:0 -32px; background-color:#2b2b2b;}

#news {float:left; width:220px; padding:15px 10px 3px 20px; margin:0 0 20px 0; background:#eee url(../img/news-bg.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#news h2 {font-size:15pt; line-height:16pt; color:#333; margin:0 0 5px 0;}
#news .photo img {border:1px solid #cbcbcb;}
#news .item {float:left; width:220px; margin:0 0 5px 0;}
#news a {color:#333;}
#news .heading {font-weight:bold; font-size:11pt; margin:0 0 3px 0;}
#news .heading a, #news a.more {color:#cd0219;}

#quick-contact {float:left; width:220px; padding:15px 10px 8px 20px; margin:0 0 20px 0; background:#e42b41 url(../img/basket-bg.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#quick-contact h2 {font-size:15pt; line-height:16pt; color:#fff; margin:0 0 5px 0;}
#quick-contact p, #quick-contact a {color:#fff;}

#shop-nav {float:left; width:230px; padding:15px 0 10px 20px; margin:0 0 20px 0; background:#eee url(../img/news-bg.png) repeat-y 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
#shop-nav h2 {font-size:15pt; line-height:16pt; color:#cd0219; margin:0 0 5px 0;}
#shop-nav ul {overflow:hidden;}
#shop-nav ul li {border-top:1px solid #cbcbcb;}
#shop-nav ul li.fst {border-top:1px solid #eee;}
#shop-nav ul li a {padding:6px 0 6px 20px; color:#333; font-size:11pt; line-height:13pt; display:block; background:url(../img/shop-nav-a.png) no-repeat 0 9px; _height:13pt;}
#shop-nav ul li a:hover, #shop-nav ul li a:focus, #shop-nav ul li a.active {background-position:0 -61px; color:#cd0219;}
#shop-nav ul li li a {background-position:0 -131px;}
#shop-nav ul li li a:hover, #shop-nav ul li li a:focus, #shop-nav ul li li a.active {background-position:0 -201px;}
#shop-nav ul li li li {margin-left:20px;}

/* Footer */
#footer p {font-size:12pt; line-height:16pt; color:#666; margin:0 0 2px 0;}
#footer p.smaller { font-size:9pt; line-height:13pt;}
#footer a {color:#666;}
#footer .deco {position:absolute; top:-59px; right:0; width:108px; height:112px; background:url(../img/footer-deco.png) no-repeat 0 0;}
#footer .deco span {display:block; position:absolute; left:0; top:66px; width:108px; text-align:center; text-transform:uppercase; font-size:11pt; line-height:14pt; color:#666;}

/* Checkbox + radio */
.ui-helper-hidden-accessible {position:absolute; left:-999em;}
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover {color:#999;}
span.ui-helper-hidden {display:none;}
span.ui-checkbox, span.ui-radio {float:left; overflow:hidden; width:17px; height:17px; background:#eee url(../img/checkbox.png) 0 0 no-repeat; margin:1px 0 0 0; cursor:pointer;}
span.ui-radio {background-position:0 -38px;}
span.ui-checkbox-state-checked, span.ui-checkbox-state-checked-hover {background-position:0 -17px; background-color:#b80216;}
span.ui-radio-state-checked, span.ui-radio-state-checked-hover {background-position:0 -55px; background-color:#b80216;}

/* Modal */
.detail-message {padding:15px 15px 5px 10px!important;}
.detail-message p {font-size:10pt; line-height:14pt; color:#333; margin:0 0 7px 0;}
.detail-message em {font-style:normal; font-weight:bold; color:#c22537;}

.category-message {padding:15px 15px 5px 10px!important;}
.category-message p {font-size:10pt; line-height:14pt; color:#333; margin:0 0 7px 0;}
.category-message em {font-style:normal; font-weight:bold; color:#c22537;}
.category-message form, .category-message fieldset {background:#fff;}
.category-message .items {padding:5px 0 10px 0; text-align:center; background:#fff;}
.category-message .items .text {width:43px; height:32px; line-height:32px; padding:0 5px; margin:0 10px 0 0; text-align:center; border:0; outline:0; color:#333; font:11pt/32px Arial,Helvetica,sans-serif; background:#fff url(../img/product-detail-request-input.png) no-repeat 0 0;}
.category-message .items .determination {color:#333; font-size:10pt; line-height:32px; height:32px; margin:0; padding:0;}
.btn-continue {float:right;}
.btn-cancel {float:left; width:100px!important; color:#000!important; background:#cbcbcb url(../img/btn-cancel.png) no-repeat 0 0!important;}

.finish-order .container {margin:5px 0 0 0; background:#fff url(../img/finish-order-bg.png) repeat-y 0 0;}
.finish-order .products {float:left; width:255px;}
.finish-order .products p {font-size:10pt; line-height:14pt; margin-bottom:7px;}
.finish-order .products ul {overflow:hidden;}
.finish-order .products ul li {float:left; width:220px; margin:7px 0; padding:3px 0 0 35px; position:relative; font-size:10pt;}
.finish-order .products ul li a {color:#333; outline:none; text-decoration:underline;}
.finish-order .products ul li a:hover {color:#c22537; text-decoration:underline;}
.finish-order .products ul li .count {position:absolute; top:0; left:0; width:27px; height:25px; color:#fff;}
.finish-order .products ul li .count .num {position:absolute; top:0; left:0; width:14px; height:25px; line-height:25px; text-align:center; font-size:8.5pt; background:#c30218 url(../img/finish-order-count.png) no-repeat 0 0; overflow:hidden;}
.finish-order .products ul li .count .remove {cursor:pointer; position:absolute; top:0; left:14px; width:13px; line-height:25px; text-align:center; font-size:8.5pt; background:#303030 url(../img/finish-order-count.png) no-repeat -14px 0; overflow:hidden;}

.finish-order #finish-basket {float:left; width:260px; margin:0 0 0 40px;}
.finish-order #finish-basket .row {float:left; width:260px; margin:0 0 5px 0;}
.finish-order #finish-basket label {display:block; margin:0 0 5px 0; color:#333; font:10pt/14pt Arial,Helvetica,sans-serif;}
.finish-order #finish-basket input.text {padding:3px 5px; float:left; width:249px; color:#333; font:10pt/19px Arial, Helvetica, sans-serif; height:19px; background:#f8f8f8 url(../img/finish-input-text.png) no-repeat 0 0; outline:none; border:0;}
.finish-order #finish-basket textarea {padding:3px 5px; float:left; width:249px; color:#333; font:10pt/19px Arial, Helvetica, sans-serif; height:89px; background:#f8f8f8 url(../img/finish-textarea.png) no-repeat 0 0; outline:none; border:0; resize:none; overflow:auto;}
.finish-order #finish-basket .note {float:right; margin:5px 0 0 0; width:155px; font-size:9pt; line-height:11pt;}
.finish-order #finish-basket .message {margin:0 0 10px 0; padding:10px 0 10px 40px; color:#fff; width:217px; font:10pt/14pt Arial,Helvetica,sans-serif; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
.finish-order #finish-basket .error {background:#DF001A url(../img/error.png) no-repeat 10px 50%;}
.finish-order #finish-basket .success {background:#8CAC58 url(../img/success.png) no-repeat 10px 50%;}
.finish-order #finish-basket .fault, .finish-order #finish-basket .fault strong {color:#df001a;}

.btn-finish {position:absolute!important; left:310px; bottom:15px; width:90px!important; background:#a51f2f url(../img/finish-btn.png) no-repeat 0 0!important;}