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

/* =reset.css (by Andy Clarke) */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* =clear */
.clear { clear: both; font-size: 1px; line-height: 0; }
/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */


* { margin:0; padding:0;}
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; overflow-x: hidden; background: #2E81BC url(../img/bg_body.gif) left top repeat-x; height:100%;  }
body.home { /*font-family: Arial, Helvetica, sans-serif; font-size:12px;*/ }

.img-left { float: left; border: 1px solid #CCCCCC; margin: 0 15px 15px 0; }
.img-right { float: right; border: 1px solid #CCCCCC; margin: 0 0 10px 5px; }
.left { float: left; }
.right { float: right; }
.last { background: none!important; border: none!important; padding: 0!important; margin: 0!important; }
.last a { background: none!important; border: none!important; }
* html em { font-style: normal; }
*:first-child+html em { font-style: normal; }
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }
h1 { display: none; }
.ui-tabs-nav .ui-tabs-hide { display: none; }
/* ----------------------------------------------------------------------------------------------------*/


/* WRAPPER */
#outer-wrapper { background: url(../img/bg_body_circles.png) no-repeat 46% top; width: 100%; height:100%; }
#wrapper { /*border: 1px solid red;*/ width: 988px; margin: 0 auto; height:100%; }

#header { width: 100%; margin-bottom: 2px; height: 90px; z-index: 1; position: relative; }
#header .logo { float: left; margin-top: 30px; margin-left: 35px; }

/* NAV */
#nav { float: right; /*padding-top: 30px;*/ }
#nav-list { float: right; margin-top: 30px; display: block; }
#nav-list li { display: block; float: left; margin-right: 23px; }
#nav-list li a { font-weight: bold; color: #919191; text-decoration: none; }
#nav-list li a:hover { text-decoration: underline; }
#nav-list li.english a { color: #b5b5b5; }
#nav-list li.english img { margin-right: 8px; float: left; }

/* LABELS */
#labels-list { float: right; display: block; position: relative; right: 20px; bottom: -23px; }
#labels-list li a {text-decoration: none; font-size: 11px; font-weight: bold; color: #FFF; padding: 7px 0 7px 15px; display: block;}
#labels-list li a span { padding: 7px 21px 0 6px; }
#labels-list li a:hover span { text-decoration: underline; }
#labels-list li { float: left; display: block; margin-right: 2px; }

#labels-list li.pink a { background: url(../img/bg_labels_colors.gif) no-repeat left top; }
#labels-list li.pink a span { background: url(../img/bg_labels_colors.gif) no-repeat right top; }

#labels-list li.blue a { background: url(../img/bg_labels_colors.gif) no-repeat left 41%; }
#labels-list li.blue a span { background: url(../img/bg_labels_colors.gif) no-repeat right 39%; }

#labels-list li.green a { background: url(../img/bg_labels_colors.gif) no-repeat left 82%; }
#labels-list li.green a span { background: url(../img/bg_labels_colors.gif) no-repeat right 78%; }

/* CONTENT */
#content { float: left; height:100%; }
#primary-content { float: right; width: 750px; background: url(../img/bg_primary_content.png) repeat-y top left; position: relative; padding: 0px 9px 0px 11px; height:100%; }

#primary-top { display: block; float: right; width: 770px; background: url(../img/bg_primary_content_top_2.png) no-repeat left top; height: 11px; }

#primary-content .bottom { position: absolute; bottom: -10px; left: 0; display: block; float: left; width: 770px; background: url(../img/bg_primary_content_bottom.png) no-repeat left top; height: 10px; }

/* PRIMARY CONTENT */
#flash-home { float: left; }
#flash-inner { float: left; margin-bottom: 5px; }

#search { background: url(../img/bg_search.png) no-repeat left top; float: left; width: 248px; height: 221px; margin-left: 5px; }
#search h2 { display: block; padding: 8px 0 0 9px; height: 20px; font-weight: bold; color: #FFF; font-size: 11px; }
#search-form { padding: 10px 5px 5px 10px; }
#search-form div { display: block; margin-bottom: 6px; }
#search-form div input { border: 3px solid #c1c4e2; width: 210px; padding: 4px; color: #979797; }
#search-form div select { border: 3px solid #c1c4e2; width: 210px; padding: 3px; color: #979797; width: 224px; height: 31px; float: left; display: block; margin-bottom: 5px; }
#search-form div select option { padding: 4px; }
#search-form div.submit input { background: url(../img/bg_search_button.gif) no-repeat left top; border: none; width: auto; float: right; width: 69px; height: 27px; margin-right: 9px; font-size: 11px; font-weight: bold; color: #FFF; cursor: pointer; margin-top: 2px; }
#search-form div.submit input:hover { background: url(../img/bg_search_button.gif) no-repeat left bottom; }

#search-form .search-age div #SearchAge { float: left; width: 85px; margin-right: 10px; }
#search-form .search-age div #SearchAgeType { float: left; width: 115px; }

#brands { float: left; margin-top: 6px; width: 100%; }
#brands-list { float: left; display: block; width: 746px; }
#brands-list li { display: block; float: left; }
#brands-list li a { float: left; display: block; padding: 0 6px 6px 0; }
#brands-list li.last a { padding-right: 0!important; }
#brands-list li a img { opacity:0.8; filter:alpha(opacity=80); width: 244px; }
#brands-list li a:hover img { opacity:1; filter:alpha(opacity=100); }

#popular-articles { float: left; margin-bottom: 7px; }
#popular-articles h2 { display: block; padding: 9px 0 9px 10px; background: url(../img/bg_title_h2.gif) no-repeat left top; float: left; width: 737px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; }
#popular-articles h2 span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left 49%; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }

#popular-articles-list { background: url(../img/bg_popular_articles_list.gif) repeat-x left top; float: left; display: block; padding-top: 11px; width: 747px; }
#popular-articles-list li { position: relative; float: left; display: block; width: 238px; padding-right: 10px; }
#popular-articles-list li a { text-decoration: none; }
#popular-articles-list li a:hover img { border: 1px solid #bababa; }
#popular-articles-list li a em { font-weight: bold; color: #2e81bc; text-decoration: none; display: block; }
#popular-articles-list li a:hover em { color: #7EB30D; }
#popular-articles-list li div { left:137px; position:absolute; top:87px; }
#popular-articles-list li div span { font-size: 11px; font-weight: bold; color: #949494; }

#brands-logos { float: left; }
#brands-logos h2 { display: block; padding: 9px 0 9px 10px; background: url(../img/bg_title_h2.gif) no-repeat left 49%; float: left; width: 737px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; }
#brands-logos h2 span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left top; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }

#brands-logos-list { background: url(../img/bg_popular_articles_list.gif) repeat-x left top; float: left; display: block; padding-top: 11px; width: 747px; }
#brands-logos-list li { position: relative; float: left; display: block; width: 114px; height: 52px; text-align: center; padding-right: 10px; padding-bottom: 10px; }
#brands-logos-list li a { text-decoration: none; }

/* SECONDARY CONTENT */
#secondary-content { float: left; width: 215px; position: relative; right: -7px; }

#side-nav { background: url(../img/bg_side_nav.png) no-repeat left top; padding: 5px 0px 0px /*13px*/0; float: left; width: 100%; margin-bottom: 20px; }
#side-nav h2 { background: url(../img/bg_h2_brown.png) no-repeat left top; font-size: 11px; font-weight: bold; color: #FFF; padding: 8px 0px 8px 11px; margin: 0px 0px 1px 6px; display: block; }
#side-nav .bottom { position: absolute; width: 100%; height: 11px; background: url(../img/bg_side_nav_bottom.png) no-repeat; }
#side-nav-list { padding-left: 13px; padding-top: 5px; list-style: none; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; }
#side-nav-list li { padding: 0; margin: 0; display: block; float: left; width: 100%; }
#side-nav-list li.last a:hover { background-color: #f49443!important; }
#side-nav-list li.last a.selected { background: url(../img/selected_category.gif) 94% center no-repeat!important; }
#side-nav-list li.selected a { background-color: #f49443; }
#side-nav-list li a { cursor:pointer; display:block; margin-right:7px; padding:5px; text-decoration: none; color: #FFF; }

#side-nav-list li a:hover { background-color: #f49443; }
#side-nav li a.selected { background: url(../img/selected_category.gif) 94% center no-repeat; }

#side-nav.white { background: url(../img/bg_white.png) no-repeat left top; }
#side-nav.white h2 { background: url(../img/bg_h2_white.png) no-repeat left top; color:#737373; }
#side-nav.white .bottom { position: absolute; width: 100%; height: 11px; background: url(../img/bg_white_bottom.png) no-repeat; }
#side-nav.white { font: bold 12px Arial, Helvetica, sans-serif; color: #737373; }
#side-nav.white li a { cursor:pointer; display:block; margin-right:7px; padding:5px; text-decoration: none; color: #737373; }
#side-nav.white li a:hover { background:#EFEFEF;  }
#side-nav.white li a.selected { background: url(../img/selected_submenu.gif) 94% center no-repeat; }

#side-white { background: url(../img/bg_white.png) no-repeat left top; padding: 5px 0px 0px /*13px*/0; float: left; width: 100%; margin-bottom: 20px; font: bold 12px Arial, Helvetica, sans-serif; color: #737373; position:relative; }
#side-white h2 {background: url(../img/bg_h2_white.png) no-repeat left top; color:#737373; font-size: 11px; font-weight: bold; padding: 8px 0px 8px 11px; margin: 0px 0px 1px 6px; display: block; }
#side-white .bottom { width: 100%; height: 11px; position:absolute; bottom:-10px; background: url(../img/bg_white_bottom.png) no-repeat; }
#side-white ul { padding-left: 13px; padding-top: 5px; list-style: none; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; float:left; }
#side-white ul li { padding: 0; margin: 0; display: block; float: left; width: 100%; }
#side-white ul li.selected a { background-color: #EFEFEF; }
#side-white ul li a { cursor:pointer; display:block; margin-right:7px; padding:5px; text-decoration: none; color: #737373; }
#side-white ul li a:hover { background-color: #EFEFEF; }
#side-white ul li a.selected { background: url(../img/selected_submenu.gif) 94% center no-repeat; }

ul.drugi_nivo { list-style: none; padding-top: 8px; }
ul.drugi_nivo li { margin-bottom: 5px; display: block; float: left; width: 100%; }
ul.drugi_nivo li a { color: #FFF; text-decoration: none; background: url(../img/blt_side_nav.png) no-repeat 5px center; padding-left: 15px; }

#basket { float: left; width: 100%; background: url(../img/bg_basket.png) no-repeat left top; position: relative; padding-bottom: 10px; margin-bottom: 15px; }
#basket h2 { background: url(../img/bg_basket_h2.png) no-repeat left top; font-size: 12px; font-weight: bold; color: #FFF; padding: 8px 0px 8px 11px; margin: 0px 0px 1px 6px; display: block; }
#basket p { margin: 18px 0px 0px 21px; color: #FFF; }
#basket p a { color: #FFF; text-decoration: none; }
#basket p a span { font-weight: bold; }
#basket p a:hover { text-decoration: underline; }
#basket .bottom { position: absolute; width: 100%; height: 11px; background: url(../img/bg_basket_bottom.png) no-repeat; bottom: -11px; }
#basket img { position: absolute; left: 154px; top: 11px; }

#contact-box { float: left; width: 100%; background: url(../img/bg_contact_box.png) no-repeat left top; position: relative; padding-bottom: 12px; margin-bottom: 20px; }
#contact-box h2 { background: url(../img/bg_h2_pink.png) no-repeat left top; font-size: 12px; font-weight: bold; color: #FFF; padding: 8px 0px 8px 11px; margin: 0px 0px 1px 6px; display: block; }
#contact-box p { margin: 8px 0px 0px 17px; color: #FFF; }
#contact-box .bottom { position: absolute; width: 100%; height: 11px; background: url(../img/bg_contact_box_bottom.png) no-repeat; bottom: -11px; }

#footer { float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; }
#footer-list { float: right; margin-bottom: 10px; }
#footer-list li { display: block; float: left; margin-right: 17px; }
#footer-list li a { font-size: 11px; text-decoration: none; color: #FFF; }
#footer-list li a:hover { text-decoration: underline; }
#footer p.copyright { float: left; font-size: 11px; color: #FFF; margin-left:0px; }
#footer p { float: right; font-size: 11px; color: #FFF; margin-left: 30px; margin-right: 15px; }
#footer p a { font-weight: bold; color: #FFF; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

/* INNER PAGES */
#inner-content { float: left; width: 547px; min-height: 716px; height:auto !important; height: 716px; position: relative; }
#add { float: left; width: 197px; }

#inner-search { background: url(../img/bg_search_inner.png) no-repeat left top; float: left; width: 197px; height: 179px; /*margin-left: 5px;*/ margin-bottom: 5px; }
#inner-search h2 { display: block; padding: 6px 0 0 9px; height: 20px; font-weight: bold; color: #FFF; font-size: 10px; }
#inner-search-form { padding: 10px 5px 5px 10px; float:left; }
#inner-search-form div { display: block; margin-bottom: 2px; float:left; }
#inner-search-form div input { border: 3px solid #c1c4e2; width: 163px; padding: 2px; color: #979797; font-size: 11px; }
#inner-search-form div select { border: 3px solid #c1c4e2; padding: 0px; color: #979797; width: 173px; height: 23px; font-size: 11px; }
#inner-search-form div select option { padding: 4px; font-size: 11px; }
#inner-search-form div.submit { float:left; width:100%; margin:0px; }
#inner-search-form div.submit input { background: url(../img/bg_search_button_inner.gif) no-repeat left top; border: none; width: auto; float: right; width: 69px; height: 23px; padding: 4px 16px 4px 16px; margin-right: 4px; margin-top: 2px; font-size: 11px; font-weight: bold; color: #FFF; cursor: pointer; }
#inner-search-form div.submit input:hover { background: url(../img/bg_search_button_inner.gif) no-repeat left bottom; }

#inner-search-form .search-age div #SearchAge { float: left; width: 54px; margin-right: 7px; }
#inner-search-form .search-age div #SearchAgeType { float: left; width: 102px; }

#banners { float: left; }
#banners a { margin-bottom: 5px; float: left; display: block; }
#banners a:hover { opacity:0.8; filter:alpha(opacity=80); }

.txt {/*margin-left: 3px;*/ float: left; padding: 5px; }
.txt p { color: #949494; /*padding: 0px 8px 8px 8px;*/ line-height: 16px; }
/*#txt h2 { display: block; padding: 9px 0 9px 10px; background: url(../img/bg_title_h2.gif) no-repeat left 0%; float: left; width: 534px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; margin-bottom: 10px; text-transform: uppercase; }
#txt h2 span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left center; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }*/
.txt h3 { color: #2e81bc; font-weight: bold; float: left; display: block; width: 400px; margin-bottom: 10px; }
.txt p b { color: #8d8d8d; }
.txt p b a { color: #13ACD8; text-decoration:none; }
.txt p b.blue { color: #13ACD8; }
.txt p b a:hover { color: #8d8d8d; text-decoration:none; }

.txt p a { color: #13ACD8; text-decoration:none; }
.txt p a:hover { color: #8d8d8d; text-decoration:none; }


.txt .download { display: block; float: left; width: 149px; height: 48px; margin: 35px 0px 0px 0px; background: url(../img/bg_download.gif) no-repeat left top; }
.txt .download:active { background: url(../img/bg_download.gif) no-repeat left bottom; }

/* HISTORY */
#history { display: block; padding: 9px 0 9px 10px; /*background: url(../img/bg_popular_articles_h2.gif) no-repeat left top;*/ background: url(../img/bg_title_h2.gif) no-repeat left 0%; float: left; width: /*534px*/530px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; margin-bottom: 10px; text-transform: uppercase; }

#history span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left center; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }
#history ul li { display: block; float: left; margin-right: 10px; background: url(../img/blt_history.gif) no-repeat right center; padding-right: 10px; }
#history ul li a { text-decoration: none; color: #FFF;  }
#history ul li a:hover { text-decoration: underline; }

/* HISTORY SUBCAT */
#history-subcat { background: url(../img/bg_title_h2_subcat.gif) no-repeat scroll left top; height: 53px; position:relative; width:531px; float: left; padding: 5px 0 0 10px; }
#history-subcat ul { display: block; float: left; margin: 5px 0; }
#history-subcat ul li { display: block; float: left; }
#history-subcat ul li a { display: block; float: left; color: #FFF; text-decoration: none; font-size: 10px; color: #a5ccdd; padding-right: 13px; background: url(../img/blt_history_subcat.gif) no-repeat 90% 63%; }
#history-subcat ul li a:hover { color:#FFF; }
#history-subcat ul li em { display: block; float: left; color: #FFF; text-decoration: none; font-size: 10px; color: #a5ccdd; padding-right: 13px; }
#history-subcat h2 { display: block; font-size: 14px; font-weight: bold; color: #FFF; margin-top: 6px; }
#history-subcat span { background: url(../img/bg_title_h2_subcat_add.gif) no-repeat scroll left bottom; float:right; height: 58px;
position:absolute; right: 0; top:0; width: 51px; }
* html #history-subcat span { right: -1px; }

/* PRODUCTS */
.products { float: left; }
.products-list { float: left; }
.products-list li { display: block; width: 114px; float: left; padding: 5px; margin-right: 9px; margin-bottom: 10px; }
.products-list li a { display: block; text-decoration: none; }
.products-list li a img { border: 1px solid #d2d2d2; width: 112px; margin-bottom: 3px; }
.products-list li a:hover img { border: 1px solid #bdbdbd; }
.products-list li a:hover span { color:#7EB30D; }
.products-list li a span { display: block; font-size: 11px; font-weight: bold; color: #2e81bc; margin-bottom: 3px; }
.products-list li em { display: block; font-size: 11px; font-weight: bold; color: #949494; margin-bottom: 3px; }

/* OVERVIEW */
#overview { float: left; width: 523px; padding: 9px 8px; background: url(../img/bg_overview.gif) no-repeat left top; color: #838383; margin-top:20px; }
.total { float: left; font-size: 11px; padding-right: 167px; }
.show { float: left; font-size: 11px; }
#overview-paginator-list { float: right; }
#overview-paginator-list li { float: left; display: block; margin-right: 8px; }
#overview-paginator-list li span.current { color:#2F89BB; font-size:11px; font-weight:bold; }
#overview-paginator-list li a { font-weight: bold; font-size: 11px; color: #838383; text-decoration: none; }
#overview-paginator-list li a:hover { color: #2e81bc; }
#overview-paginator-list li.active a { color: #2e81bc; }
.back { float: left; font-size: 11px; }
#overview em.back a { color:#13ACD8; font-weight:bold; text-decoration:none;  }
#overview em.back a:hover { color:#838383; }

/* H2 COLORS */
h2.blue { display: block; padding: 9px 0 9px 10px; background: url(../img/bg_title_h2.gif) no-repeat left 0%; float: left; width: 530px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; margin-bottom: 10px; text-transform: uppercase; }
h2.blue span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left center; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }
/*h2.blue a { font-size: 10px; float: right; }*/
h2.blue a { text-decoration: none; color: #FFF; }

h2.green { display: block; padding: 9px 0 9px 10px; background: url(../img/bg_title_h2.gif) no-repeat left bottom; float: left; width: 530px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; margin-bottom: 10px; text-transform: uppercase; }
h2.green span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left bottom; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }
h2.green a { text-decoration: none; color: #FFF; }

h2.yellow { display: block; padding: 9px 0 9px 10px; background: url(../img/bg_title_h2.gif) no-repeat left center; float: left; width: 530px; font-size: 11px; font-weight: bold; color: #FFF; position: relative; margin-bottom: 10px; text-transform: uppercase; }
h2.yellow span { float: right; background: url(../img/bg_add_title_colors_h2.gif) no-repeat left top; width: 61px; height: 32px; position: absolute; top: 0; right: 0; }
h2.yellow a { text-decoration: none; color: #FFF; }

/* NEWS */
.news { float: left; margin-bottom: 25px; padding-right:5px; }
.news .all { float: right; padding: 3px 7px; margin-right: 15px; background-color: #CCC; color: #666; text-decoration: none; }
.news .all:hover { background-color: #999; color: #333; }
.news-list { border-bottom: none; float: left; }
.news-list li { border-bottom: 1px dotted #c8c7c7; padding: 11px 0px 11px 0!important; display: block; float: left; background:none !important; width: 534px; }

.news-list li a img { padding: 0; margin: 0; border: none; border: 1px solid #d2d2d2; float: left; margin-right: 10px; }
.news-list li em { color:#2E81BC; display:block; font-weight:bold; margin-top:5px; padding-bottom:4px; }
.news-list li span { color:#949494; display:block; font-size:11px; font-weight:bold; padding-bottom:9px; }
.news-list li p { font-size: 12px; line-height: 15px; color: #949494; }
.news-list li .details { color: #13acd8 ;float:right; margin-right: 10px; font-weight:bold; padding: 3px 7px; text-decoration: none; font-size: 11px; text-transform: lowercase; background: url(../img/blt_news.gif) no-repeat right center; }
.news-list li .details:hover { text-decoration: underline; }

.news-list li .back { color: #13acd8 ;float:right; margin-right: 10px; font-weight:bold; padding: 3px 7px; text-decoration: none; font-size: 11px; text-transform: lowercase; background: url(../img/blt_news_back.gif) no-repeat left center; }
.news-list li .back:hover { text-decoration: underline; }

.news-gallery { float: left; display: block;}
.news-gallery h2 { border-bottom: 1px dotted #13ACD8; padding: 5px; color: #13ACD8; font-weight: bold; font-size: 11px; margin-bottom: 7px; }
.news-gallery-list { float: left; }
.news-gallery-list li { padding: 0 0 5px 0!important; border: none!important; width:auto; float:left; display:block; }
.news-gallery-list li a {}

.txt-subcat { float: left; background-color: #13acd8; padding: 10px; width: 521px; }
.txt-subcat img { border: 3px solid #CCC; }
.txt-subcat p { color: #FFF; line-height: 16px; }

.magma-home { float: left; background-color: #FFF; padding: 10px; width: 521px; color:#949494 !important; }
.magma-home a { color:#2F89BB !important; }
.magma-home img { border: 3px solid #CCC; }
.magma-home p { color:#949494; line-height: 16px; }

/* SUBCATEGORY LIST */
.subcat { position: relative; float: left; width: 529px; margin-top: 7px; background: url(../img/bg_subcat.gif) no-repeat left top; padding: 10px 10px 0 10px; margin-bottom:7px; }
.subcat .bottom { position: absolute; bottom: 0!important; left: 0; background: url(../img/bg_subcat_bottom.gif) no-repeat!important; height: 2px!important; padding: 0!important; width: 539px!important; }
.subcat-list { display: block; float: left; }
.subcat-list li { display: block; float: left; margin-right: 35px; margin-bottom: 10px; }
.subcat-list li a { display: block; font-weight: bold; color: #FFF; text-decoration: none; }
.subcat-list li a:hover { text-decoration: underline; }

/* FILTER */
#filter { /*border: 1px solid red;*/ float: left; padding: 7px 0px 3px 10px; width: 530px; margin-bottom: 5px; background: #13ACD8; }
#filter-form { float: left; }
#filter-form div { float: left; width: 530px; margin-bottom: 5px; }
#filter-form div input { margin-right: 5px; padding: 3px; font-size: 11px; color: #666; width: 140px; float: left; border:3px solid #11A0C7; color:#979797;  font-size:11px; }
#filter-form div input.date { width: 60px!important; }
#filter-form div label.date { padding-left:10px;  }
#filter-form div select { margin-right: 5px; width: 148px; font-size: 11px; color: #666; float: left; 
 border:3px solid #11A0C7; color:#979797; font-size:11px; height:25px; padding:2px; width:150px; }
#filter-form div select option { font-size:11px; padding:4px; }
#filter-form div a { text-decoration: none; }
#filter-form div a .submit { background-color: #0c6c88; /*background: url(../img/bg_filter_button.gif) no-repeat left top;*/ border: none; color:#FFFFFF; cursor:pointer; font-size:10px; padding:3px /*8px*/7px; text-transform:uppercase; width: auto; float: right; }
#filter-form div a:hover .submit { background-color: #164a59; /*background: url(../img/bg_filter_button.gif) no-repeat left bottom;*/ }
#filter-form div label { color: #FFF; font-size: 11px; font-weight: bold; margin-right: 5px; display: block; float: left; padding-top: 3px; width: 76px; }

/* PRODUCT DETAIL */
#product-detail {}
#product-detail .left { /*border: 1px solid red;*/ width: 229px; margin-right: 13px; }
#product-detail .left img { border: 1px solid #dadada; }
#product-detail .left a:hover img { border: 1px solid #CCC; }
#product-detail .right { /*border: 1px solid green;*/ width: 292px; }

#product-detail .left .gallery-small { display: block; float: left; }
#product-detail .left .gallery-small li { display: block; float: left; }
#product-detail .left .gallery-small li a { display: block; float: left; margin-right: 5px; margin-top: 5px; }
#product-detail .left .gallery-small li a:hover { }

.basket-add { display: block; float: left; width: 149px; height: 48px; margin: 35px 0px 0px 35px; background: url(../img/bg_basket_add.gif) no-repeat left top; }
.added { display: block; float: left; width: 149px; height: 48px; margin: 35px 0px 0px 35px; background: url(../img/bg_basket_add.gif) no-repeat left bottom; }

#product-detail .right { font: 12px Arial, Helvetica, sans-serif; color: #6d6d6d; }
#product-detail .right .code { display: block; font-size: 12px; font-weight: bold; color: #a2a2a2; }
#product-detail .right h3 { font: bold 15px Arial, Helvetica, sans-serif; color: #13acd8; width: 287px; }
#product-detail .right .for { display: block; margin: 20px 0 0 0; }
#product-detail .right .for span { color: #13acd8; font-weight: bold; }
#product-detail .right .documents { display: block; float: left; margin: 20px 0 0 0; }
#product-detail .right .documents h3 { display: block; float: left; color: #13acd8; font-weight: bold; font-size: 12px; margin-bottom: 5px; width: 280px; }
#product-detail .right .documents-list { display: block; float: left; }
#product-detail .right .documents-list li { display: block; padding-left: 20px; margin-bottom: 5px; background: url(../img/blt_news.gif) no-repeat 5% center; }
#product-detail .right .documents-list li a { display: block; float: left; font-weight: bold; color: #6d6d6d; text-decoration: none; }
#product-detail .right .documents-list li a:hover { color: #13acd8; }

#product-detail .right .price { display: block; float: left; margin-top: 20px; width: 292px; }
#product-detail .right .price .old { font-size: 12px; font-weight: bold; color: #999999; float: left; }
#product-detail .right .price .new { font-size: 15px; font-weight: bold; color: #f58220; float: right; }

/* PAGINATOR */
#paginator { display: block; clear: both; }
#paginator-list { width: 205px!important; margin: 0 auto; clear: none!important; float: none!important; border-bottom: none!important; }
#paginator-list li { display: block; float: left; margin-right: 0px; }
#paginator-list li a { display: block; font-size: 10px; padding: 2px 4px; }
#paginator-list li a:hover { background-color: #13ACD8; text-decoration: none!important; }

ul.regular_list { float:left; width:90%; padding:30px 0 20px 10px; color:#949494; }
ul.regular_list li { list-style:none; padding:4px 0px 4px 8px; background:url(../img/selected_submenu.gif) left 11px no-repeat; }
ul.regular_list li b { color:#8d8d8d; }

ul.padding { padding:10px 0 40px 10px; }
ul.regular_list li { list-style:none; padding:4px 0px 4px 8px; background:url(../img/selected_submenu.gif) left 11px no-repeat; }
ul.regular_list li b { color:#8d8d8d; }

ul.wide li { padding:8px 0px 8px 8px; background:url(../img/selected_submenu.gif) left 15px no-repeat; }
ul.wide li a { font-weight:bold; color:#13ACD8; text-decoration:none; }
ul.wide li a:hover { color:#8d8d8d; text-decoration:none; }

form.email { display:block; padding:0px 0 50px 20px; width:100%; }
form.email label { width:150px; display:block; float:left; line-height:22px; margin:10px 0px 0 0; color:#949494; }
form.email label.poruka { padding:5px 6px; border:1px solid #f5c0c2; font-weight:bold; background:#efcfd0; margin:8px 0px; width:89%; color:#333; }

form.email input { width:240px; padding:4px; margin:10px 0 0 0; border:1px solid #CCC; color:#949494; }
form.email textarea { width:300px; padding:4px; margin:10px 0 0 0; border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:90px; color:#949494; }
form.email input.submit { width:80px; text-align:center; padding:4px; border:1px solid #CCC; font-size:12px; background:#f0f0f0; float:right; margin:10px 0px 0 0; }
form.email input.submit:hover { background:#ABD74A; border:1px solid #AFF31A; }

#contact_map { width:440px; margin:10px 0 20px 60px; height:300px; float:left; border:1px solid #CCC; }

img.brand-logo { border:1px solid #CCC; margin-bottom:5px; }
.txt-subcat { color:#FFF; line-height:16px; }

#filter { padding-bottom:10px; position:relative; }
#filter fieldset { float:left; }
#filter fieldset div.input { width:auto; padding:0 10px 0 0; }
#filter div.submit { text-align:right; width:auto; float:left; padding:10px 0 0 0; }
#filter div.submit input { background:#11A0C7; color:#FFF; font-weight:bold; font-size:11px; width:auto; }
#filter div.abs_reset { position:absolute; left:117px; top:90px; }
#filter div.abs_reset a { color:#FFF; text-decoration:none; font-weight:bold; }
#filter div.abs_reset a:hover { color:#C8D5D8; }


#client-area { float: left; width: 197px; height: 160px; background: url(../img/bg_login.gif) no-repeat; margin-bottom: 5px; }
#add .active { height: 70px; background: url(../img/bg_login_active.gif) no-repeat!important; }
#add .active p { color: #FFF; padding: 8px; font-size: 11px; }
#add .active p a { color: #444; text-decoration: none; font-weight: bold; }
#add .active p a:hover { text-decoration: underline; }

#client-area h2 { color: #FFFFFF; display: block; font-size: 10px; font-weight: bold; height: 20px; padding: 7px 0 0 9px; }
#client-login {}
#client-login form { float:left; padding:10px 5px 5px 10px; width: 180px; }
#client-login form label { color: #FFF; display: block; font-size: 11px; }
#client-login form input { display: block; border: 3px solid #db6d0f; padding: 3px; font-size: 11px; width: 167px; color: #333; }
#client-login form .submit { background: url(../img/bg_search_button_login.png) no-repeat left top; border: none; width: auto; float: right; width: 69px; height: 28px; padding: 4px 16px 4px 16px; margin-right: 0px; margin-top: 7px; font-size: 11px; font-weight: bold; color: #FFF; cursor: pointer; }
#client-login form .submit:hover { background: url(../img/bg_search_button_login.png) no-repeat left bottom; }
#client-login form .required { margin-bottom: 5px; }

#OrderSaveForm { width: 530px; float: left; }
#OrderSaveForm .submit { float: right; margin-right: 3px; margin-top: 8px; }
#OrderSaveForm .submit input { border: 1px solid #999; background-color: #f1f1f1; padding: 4px 11px; cursor: pointer; }

#order-list { width: 100%; text-align: center; }
#order-list thead tr td { background-color: #999; padding: 5px; color: #FFF; text-transform: capitalize; }
#order-list tr td.order .checkbox { background-color: #C1C4E2; color: #333; float:right; margin-top:10px; padding: 5px; text-align:right !important; }
#order-list tr td.order .checkbox #OrderIsFinished { float: right; margin-left: 5px; }


#order-list tr td .input input { width: 20px; text-align: center; }
#order-list tbody tr.altrow td { background-color: #dedede; }
#order-list tbody tr td { background-color: #f1f1f1; padding: 3px; border-bottom: 1px solid #FFF; }
#order-list tbody tr .order { background-color: #fff!important; }
.success { background-color:#7EB30D; color:#FFFFFF; display:block; float:left; font-weight:bold; padding:10px; width:510px; }
.order-msg { background-color: #7EB30D; color:#FFFFFF; display:block; float:left; font-weight:bold; padding:10px; width:510px; margin-bottom: 5px; }


.login-fail { background-color: #DD4141; color:#FFFFFF; display:block; float:left; font-weight:bold; padding:10px; width:510px; margin-bottom: 5px; }

.static h3 { display: block; width: 520px; margin-bottom: 0; }
.static .regular_list { color:#949494; float:left; padding: 5px 0 10px 10px; width:90%; }
.static .regular_list li { background: url(../img/selected_submenu.gif) no-repeat scroll left 9px; }
.static .static-gallery li { display: block; float: left; }
.static .static-gallery li a { border: 3px solid #CCC; display: block; float: left; margin-right: 4px; margin-bottom: 4px; }
.static .static-gallery li a:hover { border: 3px solid #7EB30D; }

/* Home log in */
#client-area-home { float: left; width: 100%; height: auto; background: url(../img/bg_side_nav.png) no-repeat scroll left top; /*margin-bottom: 5px;*/ }

#client-area-home h2 { background: url(../img/bg_h2_brown.png) no-repeat left top; font-size: 11px; font-weight: bold; color: #FFF; padding: 8px 0px 8px 11px; margin: 0px 0px 1px 6px; display: block; }
#client-area-home p { color: #FFF; padding: 7px 0px 0px 16px; }
#client-area-home p a { color:#444444; font-weight:bold; text-decoration:none; }
#client-login-home form { float:left; padding:10px 5px 5px 22px; width: 180px; }
#client-login-home form label { color: #FFF; display: block; font-size: 11px; }
#client-login-home form input { display: block; border: 3px solid #db6d0f; padding: 3px; font-size: 11px; width: 167px; color: #333; }
#client-login-home form .submit { background: url(../img/bg_search_button_login.png) no-repeat left top; border: none; width: auto; float: right; width: 69px; height: 28px; padding: 4px 16px 4px 16px; margin-right: 0px; margin-top: 7px; font-size: 11px; font-weight: bold; color: #FFF; cursor: pointer; }
#client-login-home form .submit:hover { background: url(../img/bg_search_button_login.png) no-repeat left bottom; }
#client-login-home form .required { margin-bottom: 5px; }

#client-area-home .bottom {  width: 100%; clear:left; height: 11px; position:absolute; background: transparent url(../img/bg_side_nav_bottom.png) no-repeat scroll 0 0; bottom: -11px;  }