/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0 0 20px 0; margin: 0; background: url(../img/bg-body.jpg) repeat 50% -16px;  }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -632px; width: 632px; }
.col-side { margin-left: -960px; width: 299px; zoom: 1;}

.col-full { margin-left: -917px; width: 917px; }

.col-home-bottom-left { margin-left: -100%; width: 364px; }
.col-home-bottom-right { margin-left: -534px; width: 534px; }

.cg1 { margin-left: -940px; }
.cg2 { margin-left: -860px; }
.cg3 { margin-left: -780px; }
.cg4 { margin-left: -700px; }
.cg5 { margin-left: -620px; }
.cg6 { margin-left: -540px; }
.cg7 { margin-left: -460px; }
.cg8 { margin-left: -380px; }
.cg9 { margin-left: -300px; }
.cg10 { margin-left: -220px; }
.cg11 { margin-left: -140px; }
.cg12 { margin-left: -60px; }

.cw1 { width: 60px; }
.cw2 { width: 140px; }
.cw3 { width: 220px; }
.cw4 { width: 300px; }
.cw5 { width: 380px; }
.cw6 { width: 460px; }
.cw7 { width: 540px; }
.cw8 { width: 620px; }
.cw9 { width: 700px; }
.cw10 { width: 780px; }
.cw11 { width: 860px; }
.cw12 { width: 940px; }

#grandmother { background: url(../img/bg-body2.jpg) repeat-x 50% 0; min-height: 900px; }
#mother { width: 917px; padding: 0 22px 0 19px; background: #202020 url(../img/bg-mother.png) repeat-x 0 0; margin: 0 auto; position: relative; border: 1px solid #353535; border-width: 0 1px; }
#mother-shadow { background: url(../img/bg-mother-shadow.png) repeat-y 50% 0;  }

#main { position: relative; zoom: 1; width: 100%; float: left; padding-bottom: 20px; _margin-left: 1px; _display: inline; }

/* Header */
#header {  position: relative; padding: 0; height: 94px; zoom: 1; background: url(../img/bg-header.jpg) no-repeat 50% 0; }

#logo { padding: 18px 0 0; font-size: 208.333%; line-height: 35px; font-weight: bold; }
#logo p { margin: 0; }
#logo a { text-decoration: none; }
#logo a img { display: block; margin: 0 auto; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu */
#main-menu { margin: 0 0 0 0; width: 100%; float: left; border-bottom: 1px solid #f0f0f0; zoom: 1; font-family: Arial, sans-serif; }
#main-menu ul { margin: 0; padding-bottom: 0; position: relative; }
#main-menu ul li { display: block; float: left; margin: 0 0 0 1px; padding: 0; zoom: 1; _display: inline; position: relative; background: none; }
#main-menu ul li.first { margin-left: 0; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; width: 152px; height: 56px; text-decoration: none; position: relative; overflow: hidden; color: white; background: url(../img/bg-main-menu-item.png) no-repeat 0 0; text-decoration: none; line-height: 1.25; }
#main-menu ul li a:hover { background-position: 0 -100px; }
#main-menu ul li.active a { background-position: 0 -100px; }
#main-menu ul li a .name { display: block; padding: 10px 10px 0 15px; font-size: 16px; font-weight: bold; }
#main-menu ul li a .desc { display: block; padding: 0 10px 0 15px; font-size: 12px; font-style: normal; color: #cca812; }
#main-menu ul li a:hover .name, #main-menu ul li.active a .name { color: #1a1a1a; }
#main-menu ul li a:hover .desc, #main-menu ul li.active a .desc { color: #424242; }

/* Submenu */
#submenu { margin: 0 0 0 0; width: 100%; height: 48px; float: left; background: url(../img/bg-submenu.png) repeat-x 0 0; zoom: 1; font-family: Arial, sans-serif; }
#submenu ul { float: left; margin: 0; padding-bottom: 0; position: relative; padding-right: 1px; background: url(../img/bg-submenu-ul.png) no-repeat 100% 0;  }
#submenu ul li { display: block; float: left; margin: 0; padding: 0; zoom: 1; _display: inline; position: relative; background: none; border-right: 1px solid #cacaca; border-left: 1px solid #fff; white-space: nowrap; }
#submenu ul li.first { margin-left: 0; }
#submenu ul li a { display: block; float: left; margin: 0; padding: 13px 17px; text-decoration: none; position: relative; overflow: hidden; color: black; text-decoration: none; line-height: 1.25; font-size: 108.333%; font-weight: bold;  }
#submenu ul li a:hover { color: #717171;  }
#submenu ul li.active { border-left: 0; }
#submenu ul li.active a { color: #717171; background: #fff url(../img/bg-submenu-active.png) repeat-x 0 0; height: 22px; border-right: 1px solid #fff; border-left: 1px solid #fff; }

/* Submenu scroller */
#submenu { position: relative; }
#submenu .prevnext { position: absolute; left: 0; top: 0; float: none; margin: 0; width: 100%; }
#submenu .prevnext a { margin: 8px 12px; _display: inline; }
.submenu-hscroll-box { width: 100%; width: 867px; overflow: hidden; position: relative; }
.submenu-hscroll-box ul { }
#submenu .kfscroller-active { margin-left: 80px; overflow: hidden; }



/* Motive box */
#motive-box { margin: 0 0 20px; position: relative; height: 354px; overflow: hidden; }
#motive-box img { display: block; }
#motive-box .motive-bar { width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; z-index: 50; background: url(../img/bg-motive-bar.png) repeat-x 0 0; }

.motive-paging { background: url(../img/bg-motive-paging.png) repeat-x 0 0; padding: 1px; float: left; margin: 8px; }
.motive-paging a { display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: url(../img/bg-motive-paging-item.png) no-repeat 0 0; float: left; font-weight: bold; color: black !important; text-decoration: none; font-family: Arial, sans-serif; font-size: 116.667%; }
.motive-paging a.activeSlide, .motive-paging a:hover { background-position: 0 -100px; }
.motive-paging a:focus { outline: none; }

.addthis-box { float: right; margin: 10px; }

/* Search box */
#search-box { float: right; }
#search-box .spc { padding: 0; }
#search-box input { vertical-align: middle; }
#search-box #q { width: 150px; border: 1px solid #c5c5c5; padding: 3px; }

/* Footer */
#footer { margin: 0 -23px 0 -20px; padding: 15px; font-size: 91.667%; color: #555; background: #373737 url(../img/bg-footer.png) repeat-x 0 100%; }
#footer p { margin: 0; }
#footer a, #footer a:visited { color: #555; }
#footer a:hover { color: #555; }
#footer em { font-style: normal; color: white; }

#footer-shadow { background: url(../img/bg-footer-shadow.png) no-repeat 50% 0; height: 17px; font-size: 0; }

#footer .fl img { vertical-align: middle; margin-left: 6px; }

/* Breadcrumb */
.breadcrumb { padding: 0; margin: -10px 0 15px 0; font-size: 91.667%; zoom: 1; }
.breadcrumb p { margin: 0; }
.breadcrumb strong { font-weight: normal; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-breadcrumb.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; }

.annot { font-weight: bold; }
.content-box { background: white; padding: 25px; zoom: 1; }

/* News */
.news { margin: 0 0 20px; padding: 0; width: 100%; }
.news ul { margin: 0; padding: 0; width: 100%; }
.news ul li .date { margin: 0; font-size: 91.667%; }
.news ul li { margin: 0 0 15px; padding: 15px 0 1px; background: none; border-top: 1px dotted #d2d2d2; zoom: 1; }
.news ul li .img-box { float: left; width: 142px; height: 99px; border: 1px solid #e8e8e8; text-align: center; padding: 5px; vertical-align: middle; font-size: 0; _font-size: 80px; line-height: 90px; _line-height: 90px; }
.news ul li .img-box img { background: white; display: inline; vertical-align: middle; }
.news ul li .text-box { margin-left: 170px; }
.news ul li.no-img .text-box { margin-left: 0; }
.news ul li h3 { margin: 0 0 5px; }
.news ul li .desc { margin: 0; }

/* News home */
.news-home { margin: 0 0 20px; padding: 0; width: 100%; }
.news-home h2 { color: white; font-size: 200%; letter-spacing: -1px; margin: 0 0 7px; }
.news-home h2 a { text-decoration: none; color: white !important; }
.news-home h2 a em { color: #ffd00d; font-style: normal;  }
.news-home h2 a:hover em { color: white; }
.news-home a { color: #ffd00d; }
.news-home a:visited { color: #ffd00d; }
.news-home a:hover { color: #ffff88; }
.news-home ul { margin: 0; padding: 0; width: 100%; }
.news-home ul li .date { margin: 0; font-size: 84.615%; }
.news-home ul li { margin: 0 0 13px; padding: 0; background: none; zoom: 1; }
.news-home ul li .img-box { float: left; }
.news-home ul li .img-box img { background: white; display: inline; vertical-align: middle; }
.news-home ul li .text-box { margin-left: 157px; font-size: 91.667%; line-height: 1.3; color: #fff; }
.news-home ul li.no-img .text-box { margin-left: 0; }
.news-home ul li h3 { margin: 0 0 5px; font-size: 133.333%; font-weight: normal; color: white; }
.news-home ul li .desc { margin: 0; }

/* Short news */
.short-news { border: 1px solid #383838; background: #282828; padding: 8px 10px; zoom: 1; font-size: 91.667%; }
.short-news ul { margin: 0; padding: 0; }
.short-news ul li { background: url(../img/ico-short-news.png) no-repeat 0 4px; padding: 3px 0 3px 23px; }
.short-news a { color: #ffd00d; }
.short-news a:visited { color: #ffd00d; }
.short-news a:hover { color: #ffff88; }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 0 0; padding: 0; font-size: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 9px 0 0; padding: 0 0 10px; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 12px; letter-spacing: 0; line-height: 1.3;  }
.related-images ul li img { display: block; padding: 4px; border: 1px solid #d2d2d2; margin: 0; background: #fff; }
.related-images ul li a, .related-images ul li span { display: block; position: relative;}
.related-images ul li .delete { display: block; position: relative;}

/* Side box */
.side-box { border: 1px solid #c5c5c5; margin: 0 0 20px; background: white; }
.side-box h2 { margin: 0; padding: 3px 10px; background: #e2e2e2; font-size: 110%; zoom: 1; }
.side-box .inner { padding: 10px; zoom: 1; }
.side-box .inner p, .side-box .inner ul { margin-bottom: 5px; }

/* Side news*/
.side-news ul { margin: 0; padding: 0; }
.side-news ul li { margin: 0 0 15px; padding: 0; background: none; }
.side-news .inner .date { color: #656565; font-size: 84.615%; margin: 0;  }
.side-news h3 { font-size: 100%; font-weight: bold; margin: 0; }

/* Product list */
.product-list { position: relative; zoom: 1; z-index: 1; }
.product-list h2 { margin-bottom: 10px; }
.product-list ul { margin: 0 -28px 5px 0; padding: 0; letter-spacing: -4px; font-size: 12px; zoom: 1; position: relative; }
.product-list .kfscroller-active ul { white-space: nowrap; }
.product-list ul li { margin: 0 28px 0 0; padding: 0; background: none; width: 149px; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; word-spacing: 0; letter-spacing: 0; font-size: 12px; overflow: hidden; white-space: normal; }
.product-list ul li.first { margin-left: 0; }

.product-list ul li .img-box {  }
.product-list ul li .img-box img { display: block; margin: 0 0 8px; }

.product-list ul li h3 { font-size: 92.667%; font-weight: bold; margin: 0 0 3px; font-family: Arial, sans-serif; text-transform: uppercase; }
.product-list ul li h3 a { text-decoration: none; color: black; }
.product-list ul li h3 a span.framed-m { padding: 2px 5px; background: black; color: white; }
.product-list ul li h3 a span.framed-f { padding: 2px 5px; border: 1px solid black; }
.product-list ul li h3 a span.framed-u { padding: 2px 5px; background: #858585; color: white; }
.product-list ul li  p { margin: 0 0 8px; }

.product-list ul li .desc { font-size: 84.615%;  }
.product-list ul li .foot { font-size: 92.667%; }
.product-list ul li .price { font-weight: bold; }

.product-list ul li .star-new { width: 58px; height: 59px; background: url(../img/star-new.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -10px; right: -10px; }

.product-list .sticker-vystroj { width: 37px; height: 93px; background: url(../img/sticker-vystroj.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 15px; right: -38px; z-index: 10; }
.product-list .sticker-airbrush { width: 37px; height: 93px; background: url(../img/sticker-airbrush.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 15px; right: -38px; z-index: 10; }

.hscroll-box { width: 100%; width: 867px; overflow: hidden; position: relative; }
.kfscroller-active { overflow: auto; =overflow-y: hidden; }
.hscroll-box ul { }

.btn-next { background: url(../img/btn-next2.png) no-repeat 0 0; display: block; width: 52px; height: 27px; text-indent: -9999px; overflow: hidden; float: right; }
.btn-prev { background: url(../img/btn-prev2.png) no-repeat 0 0; display: block; width: 52px; height: 27px; text-indent: -9999px; overflow: hidden; float: left; }

a.btn-next:hover, a.btn-prev:hover { background-position: 0 -100px; }

.prevnext { float: right; width: 110px; margin-top: -35px; _position: relative; }
.prevnext { margin-right: 10px; _display: inline; }

.helmy-switch { position: absolute; top: 3px; =top: 20px; left: 620px; cursor: pointer; background: url(../img/ico-helmy-row.png) no-repeat 0 60%; padding-left: 20px; text-decoration: underline; }
.helmy-switch-active { background-image: url(../img/ico-helmy-block.png); }

.featured-products { background: url(../img/bg-featured-products.png) no-repeat 0 0; height: 241px; margin-bottom: 20px; zoom: 1; }
.featured-products .product-list ul { margin-top: 20px; padding: 15px 10px 15px 30px; }
.featured-products .product-list ul li .img-box img { margin-bottom: 0 0 6px; }
.featured-products .product-list ul li h3 { margin-bottom: 0; }
.featured-products .product-list ul li h3 a { color: white; }
.featured-products .product-list ul li .desc { color: white; }

/* Product list Cart */
.product-list-cart { position: relative; zoom: 1; }
.product-list-cart h2 { margin-bottom: 10px; }
.product-list-cart ul { margin: 0 0 20px; padding: 0; width: 100%; float: left; }
.product-list-cart ul li { margin: 0 0 0 28px; padding: 8px 22px; background: #fff; width: 104px; border: 1px solid #d4d4d4; float: left; position: relative; _display: inline; }
.product-list-cart ul li.first { margin-left: 0; }

.product-list-cart ul li .img-box {  }
.product-list-cart ul li .img-box img { display: block; margin: 0 0 3px; }

.product-list-cart ul li .desc { font-size: 84.615%;  }

.product-list-cart ul li h3 { font-size: 100%; font-weight: bold; margin: 0; font-family: Arial, sans-serif; }
.product-list-cart ul li h3 a {  }
.product-list-cart ul li  p { margin: 0 0 8px; }

/* Shopping Cart */
.cart-box-1 { background: url(../img/bg-product-list-cart.png) repeat-x 0 100%; margin: 0 -25px; padding: 0 25px; }
.cart-box-2 { background: #ECEEED url(../img/bg-cart-box-2.png) repeat-x 0 100%; margin: 0 -25px; padding: 10px 25px; }
.cart-box-3 { padding: 15px 0; font-family: Arial, sans-serif; }
.cart-box-3 .price { font-size: 166.667%; }
.cart-box-3 .price-value { color: #da0001; }
.cart-box-4 { background: url(../img/bg-cart-box-4.png) repeat-x 0 0; margin: 0 -25px; padding: 5px 25px; }
a.ico-back, a.ico-back:visited { background: url(../img/ico-back.png) no-repeat 0 50%; padding-left: 15px; font-size: 125%; font-family: Arial, sans-serif; font-weight: bold; color: black; }
a.ico-recalculate, a.ico-recalculate:visited { background: url(../img/ico-recalculate.png) no-repeat 0 50%; padding: 3px 0 3px 25px; font-size: 125%; font-family: Arial, sans-serif; font-weight: bold; color: black; }

#cart-bar { position: absolute; right: -165px; top: 0; z-index: 10; width: 116px; border: 3px solid white; background: white; xoverflow: hidden; }
#cart-bar h2 { margin: 0; padding: 4px 5px 4px 35px; background: #d9dbda url(../img/ico-cart-bar.png) no-repeat 6px 50%; font-size: 200%; letter-spacing: -1px; }
#cart-bar .product-list-cart ul li { margin-left: 0; padding: 6px; border: 0; border-bottom: 1px solid #000; background: #eaeaea url(../img/bg-cart-bar-item.png) repeat-x 0 0; }
#cart-bar .product-list-cart ul { margin: 0; }
#cart-bar .recap { border-top: 3px solid white; background: #eaeaea url(../img/bg-cart-bar-item.png) repeat-x 0 0; text-align: center; padding: 8px 0; font-size: 91.667%; }
#cart-bar .recap p { margin: 1px 0; }
#cart-bar .recap .price { font-family: Arial, sans-serif; font-size: 150%; }
#cart-bar .recap .btn-submit { margin-top: 10px; }
#cart-bar .recap .btn-submit { display: block; width: 102px; height: 29px; line-height: 29px; color: white; text-decoration: none; }

/* Product detail */
.product-detail { margin-bottom: 15px; }
.col-product-desc { margin-left: -350px; width: 350px; }
.col-product-image { margin-left: -100%; width: 505px; }

.col-product-image .img-box { margin: 0; }
.col-product-image .img-box .inner { width: 491px; height: 324px; border: 1px solid #9c9c9c; background: #000; padding: 6px; margin: 0 0 5px;  }
.col-product-image .img-box img { margin: 0; display: block; border: none; padding: 0; width: 491px; height: 324px; }
.col-product-image .more-images { letter-spacing: -1px; white-space: nowrap; width: 100%; overflow: auto; padding-bottom: 5px; _padding-bottom: 25px; _overflow-y: hidden; }
.col-product-image .more-images a { margin: 0 0 0 5px;  padding: 0; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3; }
.col-product-image .more-images img { display: block; border: 1px solid #000;}
.col-product-image .more-images a.first { margin-left: 0; }

.col-product-image  .loader { width: 41px; height: 41px; background: white url(../img/ajax-loader.gif) no-repeat 50% 50%; -moz-border-radius: 20px; -webkit-border-radius: 20px; opacity: 0.6; position: absolute; top: 140px; left: 50%; margin-left: -21px; }

.col-product-desc .price { font-size: 158.333%; }
.col-product-desc table tr td { border: 0; background: #dbdddc; padding: 5px 10px; }
.col-product-desc table tr.even td { background: #fff; }
.inp-amount { width: 2em; text-align: right; }

a.btn1, a.btn1:visited, a.btn1:hover { background: url(../img/bg-btn1.png) no-repeat 0 50%; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; overflow: hidden; font-size: 100%; padding-left: 5px; color: white; text-transform: uppercase; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold;}
a.btn1 .in { background: url(../img/bg-btn1.png) no-repeat 100% 50%; display: block; padding: 6px 13px 7px 8px; }

.color-variants { margin: 0 0 15px; }
.color-variants ul { margin: 0; padding: 0; }
.color-variants ul li { margin: 0 5px 5px 0; padding: 0; float: left; border: 2px solid black; background: white; width: 37px; height: 37px; }
.color-variants ul li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }

.product-detail-narrow .col-product-desc { margin-left: -548px; width: 548px; }
.product-detail-narrow .col-product-image { margin-left: -100%; width: 298px; }
.product-detail-narrow .col-product-image .img-box .inner { width: 284px; }
.product-detail-narrow .col-product-image .img-box img { width: 284px; }

/* Brand list */
.brand-list { position: relative; zoom: 1; }
.brand-list h2 { margin-bottom: 10px; }
.brand-list ul { margin: 0 0 20px; padding: 0; width: 100%; float: left; }
.brand-list ul li { margin: 0 0 0 31px; padding: 0; background: none; width: 265px; float: left; background: none; position: relative; _display: inline; }
.brand-list ul li.first { margin-left: 0; }

.brand-list ul li .img-box { border: 5px solid #999; width: 255px; height: 170px; }
.brand-list ul li .img-box img { display: block; margin: 0 auto; }

.brand-list ul li h3 { font-size: 125%; font-weight: bold; margin: 0 0 5px; font-family: Arial, sans-serif; }
.brand-list ul li h3 a {  }

.brand-list ul li .text-box { padding: 5px; }
.brand-list ul li  p { margin: 0 0 5px; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Verdana, Arial, sans-serif; }
label { font-size: 91.667%; }
.inp-text { border: 1px solid #000; }
input.inp-text, textarea { padding: 1px 3px; }

.btn-submit { padding: 1px 5px; background: url(../img/bg-btn2.png) no-repeat 50% 50%; border: 0; width: 102px; line-height: 29px; height: 29px; color: white; text-transform: uppercase; font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; cursor: pointer; }

.btn-recalc { padding: 0px 5px 0px 26px; background: url(../img/bg-btn-recalc.png) no-repeat 50% 50%; border: 0; width: 102px; line-height: 29px; height: 29px; color: white; text-transform: uppercase; font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; cursor: pointer; text-align: left; vertical-align: middle; }

.form-box { padding: 20px 20px 15px 20px; background: #f2f2f2; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #d2d2d2; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

table.form-table td { padding: 3px 5px; border: 0; background: none; }
table.form-table td .w-full { width: 95%; }

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }

/* File icons */
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a, a.ico-file { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}