/*----------------------------------------------- CONTENT: =RESET =BASE =LAYOUT =MODULES =HELPERS =PRINT -----------------------------------------------*/ /*----------------------------------------------- =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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; list-style:none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]), [hidden] {display: none} strong {font-weight: bold;} em {font-style:italic} img {-ms-interpolation-mode:bicubic; vertical-align:middle;} abbr { border-bottom:1px dotted #333; cursor:help;} input:focus { outline: none; } /*----------------------------------------------- =BASE -----------------------------------------------*/ @font-face { font-family: 'Oswald'; src: url('../fonts/oswald-webfont.eot'); src: url('../fonts/oswald-webfont.eot?iefix') format('eot'), url('../fonts/oswald-webfont.woff') format('woff'), url('../fonts/oswald-webfont.ttf') format('truetype'), url('../fonts/oswald-webfont.svg#webfont0EfxgKkg') format('svg'); font-weight: normal; font-style: normal; } ::-moz-selection {background: #df151a; color: #fff; text-shadow: none; } ::selection {background: #df151a; color: #fff; text-shadow: none; } html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body {height: 100%;} /* Sticky footer requirement */ body {font: 14px/1.4 'Oswald', Helvetica, Arial, sans-serif; color: #4c4c4c; background:#F4F4F4 url(../img/bg-body.gif) repeat 0 0;} table {border-collapse: collapse; border-spacing: 0;} td {vertical-align: top;} a {color:#df151a;text-decoration:none;} a:hover {color:#b71317;} a:focus {outline:thin dotted;} a:hover, a:active {outline:0;} p {font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;} figure img:hover {opacity:.8; filter: alpha(opacity=80);} hr { height:1px; display:block; clear:both; width:100%; border:none; background:#DDD;} h1, h2, h3, h4, h5, h6 {color:#352F2A; text-transform:uppercase; font-weight:normal;} h1 {margin:0 0 10px; font-size:24px; letter-spacing:1px; color:#474747; text-shadow:0 2px 1px #FFF;} h2 {margin:0 0 10px; font-size:24px; letter-spacing:1px; color:#474747; text-shadow:0 2px 1px #FFF;} h3 {font-size:16px;margin-bottom:5px;} h3 a {text-transform:none; line-height:1.6;} h3 a:hover {border-bottom:1px solid #b71317;} h4 {font-size:16px; font-family:'Oswald', Helvetica, Arial, sans-serif;} h1.title-index { font-size: 14px; text-transform: none;} .mb-20 { margin-bottom: 20px;} .mb-30 { margin-bottom: 30px;} .mb-35 { margin-bottom: 35px;} .mb-40 { margin-bottom: 40px;} i.icon { background-color: #777; padding:3px; color:#fff; font-size: 14px; border-radius: 4px; text-shadow:0 0 0 !important; } a.btn-exchange { float: left; clear: both; font-size: 11px; } a.btn-exchange-2 { font-size: 12px; } a.btn-exchange-2:hover i.icon { background-color: #df151a; } a.btn-exchange-3 { position:relative; top:20px; float: left; font-size: 12px; } a.btn-exchange-3:hover i.icon { background-color: #df151a; } label, input[type="submit"], button {cursor: pointer;} legend {border: 0; *margin-left: -7px; padding: 0; white-space: normal;} button, input, select, textarea {vertical-align: baseline; *vertical-align: middle;} select {border: 1px solid #E4E4E4; border-radius:4px; outline:none; padding:6px} select:hover {/* background-color:#FFFFCC*/ cursor:pointer} button, input {line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] {cursor: default; } input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } textarea {overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid {} input:invalid, textarea:invalid {background-color: #f0dddd; } /*----------------------------------------------- =LAYOUT -----------------------------------------------*/ #wrapper, #content, #top_bar, #main_content, #help, #friends {position:relative;} #wrapper {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} /* Sticky footer requirement */ #content {/*padding-bottom: 590px;*/ } /* Same height as footer */ #top_bar {background: url(../img/bg-header-2.png) repeat-x 0 0; height:250px; margin-bottom: 30px; z-index: 1100;} #home #main_content {overflow: hidden;} #help {clear:both; width:100%; padding-top:20px; height:72px; background: url(../img/bg-nav-bottom.png) repeat-x 0 0; border-top:1px solid #000;} #friends {background:#FFF; padding:20px 0 16px; border:1px solid #DDD; width:978px; margin:0 auto; top:20px; z-index:500;} .block {position:relative; width:100% /* Sticky footer requirement */; overflow:visible;} .block_left, .block_right, .block_full {background:#FFF; border:1px solid #DDD; padding:20px; margin-bottom:20px;} .block_left {float:left; width:630px;} .block_right {float:right; width:250px /*290px*/; padding-bottom:0;} .block_full {width:938px; } .block_inner {width:980px; overflow:hidden; margin:0 auto;} /* Sidebar Refinement */ body#search .block_left {width:228px; padding:0 0 10px; background:transparent; border:none;} body#search .block_right {width:630px; background:transparent; border:none; padding:0; margin:0; width:730px; margin-top:-51px;} body#search .block_right h2 { margin-bottom:17px;} /* Blog */ /* Meni - Kategorije */ .blogCatHor { padding-bottom: 20px; } .blogCatHor li { margin-bottom: 10px; display: inline-block; } .blogCatHor a { color: #4c4c4c; font-size: 16px; background-color: #F4F4F4; padding: 5px 10px; transition: all 0.5s ease; } .blogCatHor a:hover, .blogCatHor a:focus, .blogCatHor a:active, .blogCatHor a.active { background-color: #df151a; color: #fff; } /* Meni - Kategorije END */ #accordionBlog .ui-state-focus{ outline: none; } #accordionBlog h3 { background-color: #f4f4f4; padding: 5px; cursor: pointer; transition: all 0.5s ease; } #accordionBlog h3:focus, #accordionBlog h3:hover, #accordionBlog h3:active, #accordionBlog h3.active, #accordionBlog h3.ui-state-active{ border: 0; background-color: #df151a; color: #fff; } #accordionBlog h3 span { float: right; font-size: 20px; } #accordionBlog ul { position: relative; top:-5px; background-color: #f4f4f4; } #accordionBlog ul li { list-style: none; padding: 5px 20px; border-top: 1px solid #ddd; transition: all 0.5s ease; } #accordionBlog ul a { color: #4c4c4c; transition: all 0.5s ease; } #accordionBlog ul li:focus, #accordionBlog ul li:hover, #accordionBlog ul li:active, #accordionBlog ul li.active { background-color: #df151a; color: #fff; } .titleBlogH3 { margin: 20px auto 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; } ul.latestBlog li { margin-bottom: 10px; list-style: square; list-style-position: inside; padding-left: 5px; } .blogAuthor { color: #999; font-size: 13px; font-weight: 300; float: left; } .blogExcerpt span { color: #4c4c4c; } .blogExcerpt time { text-align: right; } ul.blogTags { border-top: 1px solid #E2E2E2; padding: 10px 0 0; } ul.blogTags li { display: inline-block; list-style: none; margin-right: 10px; margin-bottom: 10px; } .blogTags a { color: #999; font-size: 13px; } .blogTags span { color: #4c4c4c; } .blogTags a:hover { color: #df151a; } ul.blogTagsAside { } ul.blogTagsAside li { display: inline-block; list-style: none; margin-right: 5px; margin-bottom: 10px; } .blogTagsAside a { color: #999; font-size: 13px; } .blogTagsAside span { color: #4c4c4c; } .blogTagsAside a:hover { color: #df151a; } .inputBlog_src { border-radius: 4px; border: 1px solid #ddd; padding: 10px 10px 10px 40px; height: 18px; width: 198px; color: #777; font-size: 14px; margin-bottom: 20px; } .srcBlog_submit { width: 30px; height: 30px; background: url(../img/bg-search-submit-blog.png) no-repeat 5px 5px; border: none; border-radius: 50%; position: absolute; left: 5px; top: 5px; text-indent: -999px; background-color: #4c4c4c; transition: all 0.5s ease; } .srcBlog_submit:hover { background-color: #df151a; } .blogArchive { float: right; color: #999; font-size: 13px; transition: all 0.5s ease; } .blogArchive:hover { color: #df151a; } /* Blog END */ .filters_accordion {} .filters_accordion .form_block {background:#FFF; border:1px solid #DDD; position:relative; padding:36px 0 0;} .filters_accordion .filter_item {display:block; background:#F6F6F6; color:#999; padding:10px; width:206px; text-transform:uppercase; letter-spacing:1px; font-size:12px; position:absolute; top:0; left:0;} .filters_accordion .input_wrap {border-top:1px solid #EEE;} .refinement_title, .refinement_title_active {background: #474747; color:#FFF !important; display:block; padding:10px; width:auto; border:1px solid #333; border-bottom:none; text-transform:uppercase; letter-spacing:1px;} .refinement_title:hover {background-color:#333;} .refinement_title_active:hover {} .filters_accordion .filter_range {overflow:hidden; padding:15px 0 10px;} .filters_accordion .filter_range label, .filters_accordion .filter_range input {display:inline; padding-left:10px;} /* Breadcrumb Block */ .block_breadcrumbs {margin-bottom: 20px;height: 40px;width: 508px;padding-right: 470px /*sort items width */;background: #FFF;border: 1px solid #DDD;overflow: hidden;clear: both;font: 12px/38px Arial, Helvetica, sans-serif;color: #999;} .block_breadcrumbs .element_anchor, .block_breadcrumbs .element_active {float:left; line-height:40px; font-weight:bold;} .block_breadcrumbs .element_anchor:hover {color:#999;} .block_breadcrumbs .divider {height:40px; width:11px; margin:0 10px; float:left; background:url(../img/bg-breadcrumb-divider.gif) no-repeat 0 0;} .block_breadcrumbs #bread_home {display:block; width:50px; margin-right:10px; white-space:nowrap; overflow:hidden; text-indent:100%; height:40px; background:url(../img/bg-breadcrumbs-home.png) no-repeat 0 0; } .block_breadcrumbs #bread_home:hover {background-position:0 -40px;} .block_breadcrumbs_Sort {margin-bottom:20px; height:40px; width:510px; background:#FFF; border:1px solid #DDD; overflow:hidden; float: left; font:12px/38px Arial, Helvetica, sans-serif; color:#999;} .block_breadcrumbs_Sort .element_anchor, .block_breadcrumbs_Sort .element_active {float:left; line-height:40px; font-weight:bold;} .block_breadcrumbs_Sort .element_anchor:hover {color:#999;} .block_breadcrumbs_Sort .divider {height:40px; width:11px; margin:0 10px; float:left; background:url(../img/bg-breadcrumb-divider.gif) no-repeat 0 0;} .block_breadcrumbs_Sort #bread_home {display:block; width:50px; margin-right:10px; white-space:nowrap; overflow:hidden; text-indent:100%; height:40px; background:url(../img/bg-breadcrumbs-home.png) no-repeat 0 0; } .block_breadcrumbs_Sort #bread_home:hover /* Sort items */ .sort {} .category_sort {position:relative; float: right; width: 450px; height:36px; text-align:right; border-left:0!important; border: 1px solid #ddd; padding:4px 7px 0 10px; background: #fff; } .sort_items { float:left; margin-right:10px;} #cmbBrand { position: relative; float: left;} .category_sort label { display:inline} .sort_btn {position: relative; top: 2px; padding:8px 10px; background-color:#666; color:#FFF; border:0; border-radius:4px; font:12px/1 Oswald, sans-serif; text-transform:uppercase; letter-spacing:1px; display: -moz-inline-stack; display: inline-block; margin: 0; zoom: 1; *display: inline;} .sort_btn:hover { background: #df151a;} /* Paging Block */ .block_paging {position: relative; width:978px; height:55px; overflow:hidden; clear:both; background:#FFF; border:1px solid #DDD; padding:0; margin-bottom:10px; font:14px/20px Arial, Helvetica, sans-serif; color:#474747;} body#search .block_paging {width:728px;} .block_left .block_paging {width:630px; border:none;} .block_paging .product_count {position:relative; float:left; width:270px; padding-top:12px; left:12px} html.lt-ie8 .block_paging .product_count {top:17px;} .block_paging .paging_nav {position:relative; float:left; width:120px; padding-top:17px; left:12px;} .block_paging .paging_controls {display:block; width:20px; height:20px; float:left; position:relative;} .block_paging a.paging_controls {overflow:hidden; text-indent:100%; white-space:nowrap; background-image:url(../img/bg-paging-nav.gif); background-repeat:no-repeat;} #paging_prev {background-position:0 -20px} #paging_prev:hover {background-position:-20px -20px} #paging_prev.disabled {background-position:-40px -20px; cursor: default;} #paging_next {background-position:0 0;} #paging_next:hover {background-position:-20px 0;} #paging_next.disabled {background-position:-40px 0; cursor: default;} .block_paging span.paging_controls {width: 50px; text-align:center} .block_paging .paging_prev {background-position:0 -20px;} .block_paging .paging_prev:hover {background-position:-20px -20px} .block_paging a.paging_prev.disabled {background-position:-40px -20px; cursor: default;} .block_paging .paging_jump {position:relative; float:right; right:12px; width:175px; padding:12px 0 0;} .block_paging select.paging_count {outline: 0; border: 1px solid #E2E2E2; border-radius: 4px; padding:5px; width:240px; white-space: nowrap; -webkit-appearance:none; cursor:pointer} .block_paging #jump_form, .block_paging #count_form {margin-bottom:10px; padding-bottom:0;} .block_paging #jump_form label {display:inline; font-size:14px} .block_paging #jump_val {width:30px; text-align:center;} .block_paging #jump_button {width:20px; height:20px; background:url(../img/bg-paging-nav.gif) no-repeat 0 0; border:none; overflow:hidden; text-indent:100%; white-space:nowrap; margin:0; padding:0; line-height:20px;} .block_paging #jump_button:hover {background-position:-20px 0} /* Item listing page */ .grid_left .product_count {width:330px;} /* Article cross page jump */ .page_jump {position:relative; margin:20px 0;} .page_jump label {font-weight:bold; font-size:12px; color:#333; cursor: auto;} .page_jump .select_menu {border:1px solid #E2E2E2; width:240px; border-radius:4px; border: 1px solid #E2E2E2; cursor: pointer; outline: 0 none; padding: 5px;} #page_header, #category_menu, #main_content, #page_footer {width:980px; margin:auto; position:relative;} #page_header {height:190px; width:980px; z-index:2000;} #drop_down {z-index:1000; background:#FFF; border:1px solid #DDD; position:relative; top:-30px;} /*----------------------------------------------- =MODULES -----------------------------------------------*/ #logo {position:relative; float:left; top:53px; left:0px;} /***** Languages *****/ #lang_menu {position:absolute; top:14px; right:0; text-align:right; background:url(../img/bg-vertical-divider.gif) repeat-y 50% 0;} #lang_menu .input_btn {border:none; background: transparent; padding:0 5px; margin:0 5px; font:12px/1 'Oswald', Helvetica, Arial, sans-serif; color:#999; text-transform:uppercase;} #lang_menu .input_btn:hover {color:#CCC;} #lang_menu .input_btn.active {color:#FFF;} /***** The Most Popular Articles *****/ .top_articles {position: relative; padding: 0; overflow: hidden;} .top_articles {margin-bottom:10px; background-color:#FFF; padding:20px 0; border:1px solid #DDD;} .top_articles .article {float:left; width:243px; text-align:center; border-right:1px solid #e2e2e2; border-bottom:none; margin-bottom:0; padding-bottom:0;} .top_articles .article.last {border-right: none;} /******* Bob added *******/ .top_articles .title { margin-top:10px; margin-bottom: 20px; height:50px; } .top_articles .price { margin-left: 0; position: relative; top:0; left:0; width: 100%; font-weight: 400; } .top_articles .add_to_cart a { position: relative; bottom: 0; left:0; margin-top:20px; } .titleH2 { width: 90%; float: left; } /***** Bottom help (Navigation menu, Customer services) *****/ #help .page_nav {position:relative; top:0; left:0; float:left; width:670px; height: 30px; margin-top:15px;} #help .page_nav li {padding:0 5px 0 0 !important;} #help .page_nav a {text-shadow: none; font-size:14px;} #customer_help {position:relative; float:right; width:300px; text-align:right; font-size:16px; text-transform:uppercase; margin-top:15px; line-height:22px;} #faq, #phone {background:url(../img/ico-help.png) no-repeat 0 -17px; height:19px; width:130px; position:relative; float:right;} #phone {background-position:0 0; width:145px; height:17px; line-height:18px; color:#FFF; letter-spacing:1px; margin-left:25px;} #help .page_nav a.forum_link, #help .page_nav a.home_link { background-color: #df151a; color: #fff; padding: 5px 10px; text-shadow: 0 2px 1px #000; } #help .page_nav a.forum_link:hover, #help .page_nav a.home_link:hover { opacity: 0.9; } #page_header #customer_help {position: absolute; left: 570px; top:64px; width: 250px;} #page_header #customer_help #phone {width: 250px; background: url("../img/phone-header.png") no-repeat scroll 0 0 transparent; padding-left: 5px;} #page_header #customer_help .title {width: 250px;} #page_header #customer_help .title h1 {text-shadow: none; font-size: 12px; color: #fff;} /***** Friends (Site & Facebok) *****/ .block_friends {position:relative; float:left; width:652px; padding:0 0 10px 20px;} .block_firends li {width:120px; float:left; height:89px; overflow:hidden; margin-right:10px;} .block_firends li.last {margin-right:0;} .block_facebook_friends {position:relative; float:right; width:272px; padding-right:20px;} #friends .section_title {margin-bottom:10px; letter-spacing:1px;} #facebook_frame {overflow:hidden; border:none; vertical-align:top;} /***** Bottom content *****/ #sticky_content {position:relative; /*margin-top: -590px; negative value of footer height height: 590px;*/ clear:both; background:#121212 url(../img/bg-bottom-content.png) repeat 0 0; overflow:hidden;} #sticky_content h2 {color:#666; font-size:18px; padding:20px 0 10px; text-shadow:none;} #sticky_content .latest_articles {width:200px; padding-right:20px; margin:0; float:left; position: relative;} #sticky_content .latest_articles h2 {letter-spacing:normal} /***** Latest Tests *****/ #latest_tests {float:right; position: relative; width:292px;} #latest_tests .tests {padding:0; overflow:hidden; } #latest_tests .tests li.article {width:135px; overflow:hidden; margin-right:10px; float:left; margin-bottom:20px; border-bottom:none; padding-bottom:0;} #latest_tests .tests .image {background:#FFF; width:150px !important; height:100px !important; overflow:hidden; float:left;} #latest_tests .tests .title {padding-top:10px; float:left; width:140px; font: 14px/1.3 Helvetica,Arial,sans-serif; color:#DF151A; text-shadow: 0 2px 1px #000000;} #latest_tests .tests .title:hover {color:#FFF;} /* Article detail */ .article {overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E2E2E2;} /***** Latest Posts *****/ .latest_articles .article {margin:0 0 10px; border-bottom: 1px dotted #242425; padding: 0 0 10px 10px; background: url(../img/bg-red-bullet.png) no-repeat 0 7px;} .latest_articles .article:last-child { border-bottom: none;} .latest_articles a.title {text-shadow:0 2px 1px #000; color:#FFF; text-transform:none; font: 14px/1.4 Helvetica, Arial, sans-serif; display:block;} .latest_articles a.title:hover {color:#DF151A;} .latest_articles .article time {color:#666; font: 12px/1 Arial, Helvetica, sans-serif;} /***** Aticle items (News, Test, Tutorials) *****/ .items time {display:block; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .items h4 {text-transform:none; font-weight:normal; font-size:14px;} .sidebar_block {position:relative; clear:both; margin-bottom:30px;} .sidebar_block .items {position:relative; width:100%;} .sidebar_block .items li {border-bottom:1px solid #e4e4e4;} .sidebar_block .items li.last {border-bottom:none;} .sidebar_block .items a {font-family:Arial, Helvetica, sans-serif; display:block; padding:10px; border-bottom:1px solid #FFF; border-top:1px solid #FFF;} .sidebar_block .items a:hover {color:#474747; background:#F7F7F7;} .sidebar_block .items a:active, .sidebar_block .items a:active time {background:#df151a; color:#FFF; } .sidebar_block .items a:active, .sidebar_block .items a:focus {outline:none} .sidebar_block .items span {font-weight:bold;} /* Sidebar - Similar Articles */ .sidebar_block .similar_articles li {overflow:hidden;} .sidebar_block .similar_articles a {display:block; overflow:hidden;} .sidebar_block .similar_articles img {width:50px; float:left;} .sidebar_block .similar_articles a:hover * {color:#474747;} .sidebar_block .similar_articles a:active * {color:#FFF;} .sidebar_block .similar_articles .product_info {float:right; width:170px; padding:0; margin:0; clear:none;} .sidebar_block .similar_articles .title {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #DF151A; display:block;} .sidebar_block .similar_articles .price {position:relative; float: none; top:0; left:0; margin:0; font-weight:normal; color:#999;} /***** Cart Link *****/ #cart {position: relative; float:right; top:80px; right:0; width:320px; text-align:right;} #cart_link, .login_link {display:inline-block; height:38px; padding:0; margin-left:10px; border-radius:6px; color:#FFF; text-transform:uppercase; font-size:12px; line-height:40px;} .login_link:visited {color:#FFF;} #cart_link {background: #fff; height:40px; width:50px; color:#333;} #cart_link span {padding-right: 5px} #cart_link i {font-size: 16px; color:#df151a; margin-right: 10px;} #cart_link.cart_active {background-position:0 -40px;} #cart_link:hover {opacity: 0.9;} #cart_link.cart_active:hover {background-position:-157px -40px;} .login_link {margin-left:5px; border-radius:50%; width:40px; height:40px; padding:0; text-align:center; float:right;} .login_link:hover {color:#CCC;} /***** Main navigation *****/ #top_bar .page_nav {position: absolute; top:15px; left:0;} .page_nav a:hover {color:#999;} .page_nav li {display:inline; padding-right:19px;} .page_nav a {color:#777; text-shadow:0 2px 1px #000; font-size:16px;} /* Active pages */ body#home .home_link, body#news .news_link, body#test .test_link, body#dictionary .dictionary_link, body#prices .prices_link, body#tuts .tuts_link, body#search .src_link, body#register .register_link, body#contact .contact_link, body#login #login_link {color:#FFF} .page_nav a.outlet_link, .page_nav a.home_link {color: #DF151A;} .page_nav a.outlet_link:hover, .page_nav a.home_link:hover {color: #B71317;} .page_nav li.highlight a.outlet_link, .page_nav li.highlight a.home_link { color: #fff; } .page_nav li.highlight { background-color: #df151a; color: #fff; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; margin-right: 15px; } .page_nav li.highlight:hover { opacity: 0.9; } /***** Category Menu *****/ #category_menu {clear:both; top:0; height:100px; position:relative; left:0 /*8px*/;} #category_menu li {float:left; border-right:1px solid #DDD; padding:20px 11px 0; height:80px; line-height:100px; position:relative;} #category_menu li:last-child {border:none} #category_menu a {display:block; height:29px; color:#352F2A; line-height:90px; text-align:center; background-position:0 0; background-repeat:no-repeat; background-image:url(../img/icon-cat-menu.png); text-transform:uppercase; font-size:10px; letter-spacing:1px;} html.lt-ie8 #category_menu a {float:left;} #category_menu a span {cursor:pointer;} #category_menu a .has_child { position:relative; float:right; height:auto !important;} #category_menu a:hover {color:#656565} #category_menu a#photo_link {width:72px;} #category_menu a#photo_link:hover, a#photo_link.selected {background-position:0 -29px;} #category_menu a#lens_link {background-position:-72px 0; width:54px;} #category_menu a#lens_link:hover, #category_menu a#lens_link.selected {background-position:-72px -29px;} #category_menu a#camera_link {background-position:-126px 0; width:48px;} #category_menu a#camera_link:hover, #category_menu a#camera_link.selected {background-position:-126px -29px;} #category_menu a#gopro_link {background-position:-174px 0;width:94px;} #category_menu a#gopro_link:hover, #category_menu a#gopro_link.selected {background-position:-174px -29px;} #category_menu a#memory_link {background-position:-267px 0; width:116px;} #category_menu a#memory_link:hover, #category_menu a#memory_link.selected {background-position:-267px -29px;} #category_menu a#power_link {background-position:-383px 0; width:106px;} #category_menu a#power_link:hover, #category_menu a#power_link.selected {background-position:-383px -29px;} /***** Computer icon *****/ #category_menu a#computers_link {background-position:-488px 0; width:56px;} #category_menu a#computers_link:hover, #category_menu a#computers_link.selected {background-position:-488px -29px;} /***** Pro Video icon *****/ #category_menu a#proVideo_link {background-position:-740px 0; width:56px;} #category_menu a#proVideo_link:hover, #category_menu a#proVideo_link.selected {background-position:-740px -29px;} /***** Pro Video icon 2 *****/ #category_menu a#proVideo_2_link {background-position:-810px 0; width:56px;} #category_menu a#proVideo_2_link:hover, #category_menu a#proVideo_2_link.selected {background-position:-810px -29px;} #category_menu a#equipment_link {background-position:-545px 0; width:50px;} #category_menu a#equipment_link:hover, #category_menu a#equipment_link.selected {background-position:-545px -29px;} #category_menu a#tv_link {background-position:-595px 0; width:42px;} #category_menu a#tv_link:hover, #category_menu a#tv_link.selected {background-position:-595px -29px;} #category_menu a#multimedia_link {background-position:-630px 0; width:112px;} #category_menu a#multimedia_link:hover, #category_menu a#multimedia_link.selected {background-position:-630px -29px;} #category_menu a:hover { color:#999;} #category_menu li ul { /*display:none;*/ padding:0; position:absolute; top:100px; left:-1px; z-index:1000; width:249px !important; background:#474747 url(../img/bg-bottom-content.png) repeat 0 0; } #category_menu ul li { height: auto; line-height:1.2; width:100%; margin:0; border:none; font-size:12px; padding:0; border-bottom:1px solid #151515; background:url(../img/bg-drop-down-item.png) no-repeat 10px 50%; } #category_menu ul li a {background: none; color:#FFF; display:block; line-height:normal; height:auto; text-align:left; font-size:12px; width:219px; padding:10px 10px 10px 20px !important; float:left; text-transform:none;} #category_menu .last, #category_menu .last a {border:none !important;} #category_menu ul li a:hover, #category_menu ul li a.selected { color:#999 !important; background:rgba(0,0,0,0.3)} #category_menu ul li a.selected { background:rgba(0,0,0,0.3)} #category_menu a.selected span { height:80px; display:block; background:url(../img/bg-drop-down.png) no-repeat 50% 100%; } #category_menu ul li ul { position:absolute; top:0; left:249px; background:black; background:#474747 url(../img/bg-bottom-content.png) repeat 0 0; } #category_menu ul li ul li {background:none; margin:0; padding:0; border:none;} #category_menu ul li ul li a { border-bottom:1px solid #151515; margin-left:0; padding:10px 20px; width:219px;} /***** Home Page Slider *****/ #main_slider { position:relative; margin-bottom:40px; width:980px; height:311px; /*overflow:hidden;*/ } /***** Item List *****/ .block_items {clear:both;} .block_items .item.last {border:1px solid #DDD;} .item {position:relative; float:left; width:168px; height:272px; padding:20px 30px 30px !important; margin:0 20px 20px 0; background-color:#FFF; border:1px solid #DDD; text-align:center;} .item.last {border:none; padding-bottom:0;} .item h3 { margin-top:10px;} .item_figure {float:left; width:290px;} .itemBlog_figure {float:left; width:290px; margin-right: 20px; margin-bottom: 20px;} .item_img {display:block; margin:0 auto 30px;} .item_excerpt {float:right; width:320px; position:relative;} .blogExcerpt {position:relative;} .item_excerpt h3 {margin-bottom:10px;} .related { border-bottom:1px solid #DDD; border-top:1px solid #DDD; padding:10px 0; margin:20px 0 10px; float:left;} .related_items {} .related_item { margin:5px 0; color:#999;} .related_link { font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .related_link:hover {border-bottom:1px solid #df151a;} /********** Added for Test **********/ h2.titleTest { font-size: 20px; margin-top: 5px; } .relatedTest { width:940px; height: auto; top:50px; position: relative; border-bottom: 0; border-top: 1px solid #E4E4E4; } .relatedItem { float:left; width:19%; padding-top: 0; padding-bottom: 40px; padding-right: 8px; } .relatedItem:nth-child(5n) { padding-right: 5px; border-right:0; } .relatedFull { width: 100%; } .relatedFull h2 { border-bottom: 0; font-size:12px; height: 40px; } .relatedHalfLeft { width:50%; float: left; } .imageHolder { height:50px; width: 100%; } .relatedHalfLeft img { width: 50px; margin-left: 5px; } .relatedHalfRight { width:50%; float: right; } .relatedHalfRight h2 { border-bottom: 0; font-size:12px; height: 50px; } .relatedHalfLeft p.testPrice { font-size:12px; padding-left: 7px; } p.testPrice span { font-weight:700; } .add_to_cart_test { background-color:#df151a; color:#FFF; text-transform:uppercase; font-size:10px; padding:3px 7px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0; zoom: 1; *display: inline; border:1px solid #df151a; border-radius:4px; } .add_to_cart_test:hover { background-color:#f73a3f; color:#fff; } /********** Added for Test END **********/ .block_items.trazi {} .block_items.trazi .item {width: 668px; text-align: left; height: 100px; margin: 0 0 20px;} .block_items.trazi figure {margin-right: 20px; position: absolute;} .block_items.trazi .item h3 {margin-top: 0; margin-bottom: 0; margin-left: 170px;} .block_items.trazi .item h3, .block_items.trazi .item .description {width: 380px;} .block_items.trazi .item .category_link,.block_items.trazi .item h3 {width: 380px; margin-left: 170px;} .block_items.trazi .item .price {float: right; position: absolute; left: 498px; width: 200px; top: 20px; text-align: right;} .block_items.trazi .item .add_to_cart a {bottom: auto; left: auto; top: 45px; right: 30px;} .block_items.trazi .item .description {padding: 5px 0; margin-left: 170px;} .block_items.trazi .item .description, .block_items.trazi .item .description p {font-size: 12px; line-height: 15px;} .block_items.kategorija { ;} .block_items.kategorija .item {width: 918px; text-align: left; height: 100px; margin: 0 0 20px;} .block_items.kategorija figure {margin-right: 20px; position: absolute;} .block_items.kategorija .item h3 {margin-top: 0; margin-bottom: 0; margin-left: 170px;} .block_items.kategorija .item h3, .block_items.kategorija .item .description {width: 620px;} .block_items.kategorija .item .category_link,.block_items.kategorija .item h3 {width: 380px; margin-left: 170px;} .block_items.kategorija .item .price {float: right; position: absolute; left: 748px; top: 20px; text-align: right; width: 200px; } .block_items.kategorija .item .add_to_cart a {bottom: auto; left: auto; top: 45px; right: 30px;} .block_items.kategorija .item .description {padding: 5px 0; margin-left: 170px;} .block_items.kategorija .item .description, .block_items.kategorija .item .description p {font-size: 12px; line-height: 15px;} /* Blog page header */ .blog .block {border-bottom:0; padding-bottom:0;} .blog .product_info {float:left; width:605px;} .blog .widgets {float:right; width:310px; border-left:1px solid #e4e4e4; padding-left:20px;} .blog .twitter-share-button, .blog #___plusone_0, .blog .fb-like {width:33% !important; margin: 5px 0; display:block; float: left; position: relative; top:0;} .share_item {margin:0 0 40px;} .test .block {border-bottom:0px solid #e4e4e4; padding-bottom:45px;} .test figure {left:20px; position:relative;} .test figure img:hover {opacity:1; filter: alpha(opacity=100);} .test .product_info {float:left; width:260px;} .test .widgets {float:right; width:310px; height:218px; border-left:1px solid #e4e4e4; padding-left:20px;} .test .twitter-share-button, .test .fb-like {width:100% !important; margin:10px 0; display:block;} .widgets {font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; } .widgets .comments_link {color:#DF151A; display:block;} .widgets .comments_link:hover {text-decoration: underline;} .widget {position:relative; overflow: hidden; width:100%; margin:0 0 20px; display:block;} .rate_widget { overflow:hidden; margin-bottom: 20px;} .top_articles .rate_widget {margin:10px auto 5px; width:80px;} .ratings_stars {float:left; border:none !important; height:16px !important; width:16px !important; background: url(../img/rating-stars.gif) no-repeat 0 0;} .ratings_vote {background: url(../img/rating-stars.gif) no-repeat -32px 0;} .ratings_over {background: url(../img/rating-stars.gif) no-repeat -16px 0; cursor:pointer;} .total_votes {color:#999; background: none; float:left; padding-left:4px;} .comments { display:block; margin-bottom:20px;} .excerpt {font-family:Arial, Helvetica, sans-serif; padding:10px 0 0;} .date {font: 12px/1.6 Arial, Helvetica, sans-serif; color:#999; display:block; text-transform:uppercase;} .more {font-weight:bold; font-size:12px; display:block; padding-top:10px; color:#333;} .item_excerpt .title {text-transform:none; letter-spacing:normal; line-height:1.2; text-shadow:none; color:#333;} .description {clear:both; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4C4C4C; padding:20px 0 30px;} .description p, .description span {font:16px/1.5 Arial, Helvetica, sans-serif; color:#474747; margin-bottom:10px;} .description strong {font-weight:bold;} .description a, .description a * {text-decoration:underline; color:#df151a; font-weight:bold;} .description a:hover, .description a:hover * {text-decoration:none; color:#df151a;} .description h3 {text-transform:none; font:18px/1.4 'Oswald', Helvetica, Arial, sans-serif; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #DDD;} .description img { text-align:center; display:inline-block; margin:0 auto;} .desr_photo {margin-bottom:20px;} .shares {padding:20px 0 0;} .product_detail {font:14px/1.4 Arial, Helvetica, sans-serif; margin:20px 0 0;} .description ul { padding-left:20px;} .description li {list-style:outside;} .product_detail h3 {font-family:Oswald} .product_detail .title, .article .title {text-shadow:none; color:#333; text-transform:none; letter-spacing:normal;} .product_detail {margin-top:0;} .product_detail .toggle_link {display:inline-block; height:37px; line-height:37px; /*background:url(../img/bg-details-gradient.png) repeat-x 0 0;*/ position:relative; top:-37px; padding:37px 0 0; font-size:12px; text-decoration:underline;} .product_detail .toggle_link:hover {text-decoration:none;} .product_detail .toggle_link:focus {outline:none;} .product_detail .toggle_link.active {top:0; padding:0 0 37px;} .category_link {font:bold 14px/1.6 Arial, Helvetica, sans-serif; color:#4c4c4c;} .category_link:visited, .category_link:hover {color:#4c4c4c;} .category_link:hover {border-bottom:1px solid #4c4c4c;} /* Pricing & Cart Link */ .price {font:14px/1.4 Arial, Helvetica, sans-serif; color:#4c4c4c; position:absolute; left:0; top:230px; width:100%; text-align: center;} .price a {font-size:11px;} .add_to_cart {margin:0 auto;} .add_to_cart a {background-color:#df151a; color:#FFF; text-transform:uppercase; letter-spacing:1px; font-size:14px; padding:7px 15px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0; zoom: 1; *display: inline; border:1px solid #df151a; border-radius:4px; line-height:20px; position:absolute; bottom:20px; left:70px;} .order .add_to_cart a {bottom:13px; right:15px; left:auto;} .add_to_cart a:hover {background-color:#f73a3f} .discount {position:absolute; top:-1px; left:-1px; width:50px; height:50px; background:url(../img/bg-discount.png) no-repeat 0 0; text-indent:-9999px;} .alphabet_nav {margin:10px 0 40px; overflow:hidden;} .alphabet_nav a {display:block; float:left; width:30px; height:30px; line-height:30px; text-align:center; color:#474747; font-size:16px; border-radius:50%;} .alphabet_nav a:hover {background-color:#DF151A; color:#FFF;} .alphabet_nav a.active {color:#FFF; background-color:#474747;} .alphabet_letter { margin-bottom:20px;} .alphabet_letter a {background:#474747; display:block; width:30px; height:30px; line-height:30px; border-radius: 50%; margin:auto; color:#fff; text-align:center; font-size:16px;} .alphabet_letter a:hover {background: url(../img/go-to-top.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;} #dictionary_alphabet { width:810px; margin:10px auto 40px;} body#prices .panel {border-radius:6px; margin-bottom:0; overflow:hidden} .pricing_table {width:916px; margin:10px;} .pricing_table th {background-color:#474747; border-right:1px solid #666; padding:10px 20px; font: bold 12px/1 Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; white-space:nowrap;} .pricing_table thead th {cursor:pointer} .pricing_table tr .header {background:#474747 url(../img/bg.gif) no-repeat 100% 50%} .pricing_table tr .headerSortUp {background:#474747 url(../img/asc.gif) no-repeat 100% 50%} .pricing_table tr .headerSortDown {background:#474747 url(../img/desc.gif) no-repeat 100% 50%} .pricing_table thead th:hover { background-color:#333 !important} .pricing_table td {padding:10px 20px; background:#FFF; text-align:center; vertical-align:middle; border-bottom:3px solid #F7F7F7} .pricing_table .model {font-weight:bold; text-align:left;} .pricing_table .price { position:static; margin:0; left: auto; top:auto;} .pricing_table .category {} .pricing_table .subcategory {text-align:right; padding-right:30px} .pricing_table a:hover {color:#474747} /***** Adds *****/ .adds {position:relative; clear:both; margin:10px 0 30px; overflow:hidden;} .banner_728x90 {position:relative; float:left; width:728px !important; height:90px !important; overflow:hidden !important; background-color:#DDD; text-align:center; margin-right:4px; line-height:90px;} .banner_120x90 {position:relative; float:left; width:120px !important; height:90px !important; overflow:hidden !important; background-color:#DDD; text-align:center; margin-right:4px; line-height:90px;} .banner_250x250 {position:relative; width:250px !important; height:250px !important; overflow:hidden !important; margin:0 0 20px;} .articles {position: relative; padding: 0; overflow:hidden;} .articles li {width:180px; margin:20px 0 0; padding:10px; float:left; text-align:center;} .content h3 { font-size:14px} .content figure { display:block; margin:10px auto; } .comment_count { font:12px/1.5 Arial, Helvetica, sans-serif; color:#999; } .comment_count span {font-weight:bold} /* Comments */ #comments h4 {margin:0 10px; padding-bottom:10px; border-bottom:1px solid #DDD;} #comments p {padding-right:20px; color:#999;} #comments .customer_help {padding:10px 10px 0;} #comments .warning {padding:0 10px; margin-bottom:10px; background:transparent;} .comment_list {position:relative; overflow:hidden; width:auto; padding:10px;} .comment_list .comment {margin-bottom:40px;} .comment_list .sub_comment {padding-left: 60px; margin-top: 20px; width: 545px; background:url(../img/bg-subcomment.png) no-repeat 20px 0} .comment_list .avatar, .avatar {border:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; width:38px; height:38px;} .comment_list .name {float:left; font:20px/38px Georgia, "Times New Roman", Times, serif; margin-right:20px; padding-left:10px; margin-bottom:10px;} .comment_list .comment_text {background-color:#FFF; border:1px solid #DDD; border-top:5px solid #333; padding:30px 20px 20px; clear:left;} .comment_list .reply {line-height:2.5; padding-bottom:2px;} .comment_list .reply:hover {border-bottom:1px solid #DF151A;} .comment_list .pcfoto .comment_text {border-top-color:#DF151A;} .comment_list .comment_date {float:left; line-height:40px; margin-bottom:10px; color:#999;} /* Comment Form */ #comment_form { padding:0 10px; margin-bottom:10px} #comm_msg { width:590px !important;} body#test #comm_msg {width:898px !important;} #page_footer { position: relative; width:100%; clear:both; height:81px; background:url(../img/bg-footer.png) repeat-x 0 0; } #page_footer .block_inner { padding-top:18px;} #page_footer p { width:70%; float:left; color:#666; padding-top: 5px; } .footer_logo {margin-right:10px;} #page_footer p small { font-size:12px;} #owner { text-transform:uppercase; font-family:'Oswald', Helvetica, Arial, sans-serif; } #page_footer p span, #owner span { color:#FFF;} /* Social links */ .social_networks {position:relative; width:120px; margin-top:10px; overflow:hidden;} #page_footer .social_networks {float:right;} .social_networks li {float:left; margin-right:5px;} #page_footer .social_networks li {margin:0 0 0 5px;} .social_networks a {background:url(../img/ico-social-networks.png) no-repeat 0 0; display:block; width:30px; height:30px; float:left; text-indent:-9999px;} #page_footer .social_networks a {background-image:url(../img/ico-footer-social-networks.png)} .social_networks .facebook_link {background-position:0 0} .facebook_link:hover {background-position:0 -30px} .social_networks .twitter_link {background-position:-30px 0} .social_networks .twitter_link:hover {background-position:-30px -30px} .social_networks .google_link {background-position:-60px 0} .social_networks .google_link:hover {background-position:-60px -30px} /* Product detail */ .product_info {position:relative; float:right; width:310px; font-family:Arial, Helvetica, sans-serif; } .product_info h1 {text-transform:none; letter-spacing:normal; margin-bottom:10px; font-family:'Oswald', Helvetica, Arial, sans-serif;} .product_info h2 {text-transform:none; letter-spacing:normal; margin-bottom:10px; font-family:'Oswald', Helvetica, Arial, sans-serif;} .product_info p {margin:10px 0;} .product_widgets {font-size:12px; color:#999;} .product_widgets a {} .product_widgets .divider {padding:0 10px;} .product_widgets a:hover {text-decoration: underline;} .product_info .addthis {margin:10px 0; height:16px;} .product_info .rating_stars {margin:0; width:100px; margin-right:10px;} .product_meta {border-bottom:1px solid #e4e4e4; width:100%; margin-bottom:20px;} .product_meta td {border-top:1px solid #e2e2e2; padding:5px 0; line-height:1; font-size:12px; color:#999;} .product_meta td.first, .product_meta td.last {text-align:left; vertical-align:middle; line-height:1;} .product_meta td.last { text-align:right} /* Order secition */ .order {background-color:#ffffcc; padding:0 20px; height:60px; border:1px solid #f0f0d9; overflow:hidden} .order span {float:left; width:105px; display:inline-block; *display:inline; zoom:1; white-space:nowrap; margin-top:20px; margin-right: 5px; overflow:hidden; font:bold 12px/1.8 Arial, Helvetica, sans-serif; color:#666; } .update_cart {float:left; font-size:12px; color:#999; margin-top:20px;} .update_cart label { font-size:12px; display:inline;} #product_count {width:26px; padding:0; height:20px; line-height:18px; text-align:center; font-size:12px;} .order .add_to_cart {float:right; margin-top:15px; font-family:'Oswald', Helvetica, Arial, sans-serif;} /* Photo gallery */ .gallery {position:relative; float:left; width:290px;} .thumbs_gallery {margin-top:20px;} .thumbs_gallery li {width:50px; float:left; height:50px; margin-right:10px;} .thumbs_gallery a {float:left;} /* Additional data (Tabs) */ .tabs_nav li .sets { background-color: #17171D; border-color: #17171D; } .tabs {clear:both; float:left; position:relative; width:100%;} .tabs_nav li {border-bottom: none; float: left; margin: 0 3px 1px 0; position: relative; top: 1px; white-space: nowrap;} .tabs_nav li a {float: left; display:block; padding: 12px 20px; text-decoration: none; background:#666; color:#FFF; text-transform:uppercase; font:bold 12px/1 Arial, Helvetica, sans-serif; letter-spacing:1px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; border:1px solid #666; cursor: pointer;} .tabs_nav li a:hover {background:#828282;} .tabs_nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom: 1px; z-index:200;} .tabs_nav li.ui-tabs-selected a {cursor: text; background:#f7f7f7; color:#999; border:1px solid #EEE; border-bottom-color:#f7f7f7;} .panel {background: #f7f7f7; border:1px solid #EEE; -webkit-border-radius: 0px 6px 6px 6px; border-radius: 0px 6px 6px 6px; display: block; padding:0; position:relative; top:-1px; clear:both; font-family:Arial, Helvetica, sans-serif;} .anythingBase .panel { border-radius:0;} body#cart_page .panel { border-radius:6px; padding:10px;} .tabs_nav li a.specification { background: #DF151A; border:1px solid #DF151A; } .tabs_nav li.ui-tabs-selected a.specification { color: #fff; } #specification { padding:10px;} html.lt-ie8 #specification { padding-top:5px;} .tabs .ui-tabs-hide {display: none !important;} .ui-tabs *:active, .ui-tabs *:focus {outline: none !important;} .fb-like {width:90px !important; position:relative; top:-3px;} #___plusone_0 {width:80px !important;} /* Product Sets */ #sets {} .product_set {padding:30px 0 0; margin:10px; overflow:hidden; text-align:center; background-color:#FFF; border:1px solid #EEEEEE;} .product_set .set_product {margin:0;} .product_set .set_product img {} .product_set .description {font-size:12px; color:#666; padding:20px 0 0;} .product_set .divider {background:url(../img/bg-set-divider.gif) no-repeat 0 0; display:inline-block; *display:inline; zoom:1; width:22px; height:22px; text-indent:100%; overflow:hidden; white-space:nowrap; position:relative; top:10px;} .set_tbl {text-align: left; margin:30px 0 0; width:100%; border-top:1px solid #EEE;} .set_tbl caption {display:none} .set_tbl th {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #EEE; text-transform:uppercase; font-size:12px;} .set_tbl td {vertical-align:middle; color:#474747; white-space:nowrap; } .set_tbl .inner_tbl td {border:0; border-bottom:1px solid #EEE; border-right:1px solid #EEE;} .set_tbl .inner_tbl .last td {border-bottom:none;} .set_tbl .inner_tbl .value {padding:10px 30px;} .set_tbl .set_cart {text-align: center;} .set_tbl .add_to_cart {margin:auto;} .set_tbl .add_to_cart a {font-family: 'Oswald',Helvetica,Arial,sans-serif; background-color:#df151a; position:relative; left:0; bottom:0;} .set_tbl .add_to_cart a:hover {background-color:#474747;} /* Cart table */ .cart_table {} #cart_form {margin-bottom:0} .cart_table th {background-color:#474747; padding:10px; font: bold 12px/1 Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; white-space:nowrap;} .cart_table td {padding:20px 10px !important; text-align:center; border-top:10px solid #F7F7F7;} .cart_table img:hover {opacity:.8; filter: alpha(opacity=80);} .cart_table .product_name {margin-bottom:10px;} .cart_table .product_name a {font-size:14px; font-weight:bold; color:#474747; line-height:1;} .cart_table .product_name a:hover {border-bottom: 1px solid #474747;} .cart_table .remove_from_cart {color:#999; text-transform:none; padding-bottom:1px;} .cart_table .remove_from_cart:hover {border-bottom:1px solid #999; color:#474747;} .cart_table .cart_value {width:30px; padding:4px; text-align:center;} .cart_table label {font-size:12px; text-transform:none; display:inline; padding-left:5px;} .cart_table .empty {background-color:#f7f7f7; text-align:left; text-transform:none;} .cart_table .empty a {border-bottom: 1px solid #DF151A; font-size:14px;} .cart_table .empty a:hover {border-bottom: none;} .cart_table .cart_total {text-align: right; vertical-align: middle; background-color:#FFF; font-weight:bold; font-size:18px; padding:10px !important} /* Specification table */ table {width:100%;} .specif_tbl {font:12px/1 Arial, Helvetica, sans-serif; color:#666; background:#FFF; width:100% /*626px*/;} #adv_src_form .specif_tbl { width:938px;} .specif_tbl td {vertical-align:middle; padding:0; text-transform:uppercase; color:#474747; white-space:nowrap; } .specif_tbl .first {border:1px solid #EEE; border-bottom-width:3px;} .specif_tbl .last {border:1px solid #EEE; border-left:none; border-bottom-width:3px; padding: 0;} table .title {padding:0 30px; font-weight:bold;} .specif_tbl tr.odd td {background:#EAEAEA} /* Uporedjivanje */ #specification.uporedno { padding:0; clear: both; } .uporedno .specif_tbl_head { background: #F9F9F9; font-weight:bold; color:#888; font-size:13px; text-align:left; padding: 10px; border: 1px solid #eee;} .uporedno .specif_tbl td .spec_name { background:#eee; border:0; width:20%;} .uporedno .spec_name .label { color: #474747; font-weight: bold;} .uporedno .specif_tbl td { border-left:1px solid #EEEEEE; width: 40%;} .max .specif_tbl td .spec_name {width:17%;} .max .specif_tbl td {width:27%;} .uporedno .spec_proizvod {vertical-align: top; font-weight:bold; text-align: center; padding: 15px 10px;} .uporedno .spec_proizvod .value {display: block; height: 20px; padding: 5px 10px;line-height: 1.6; } .uporedno .spec_proizvod .add_to_cart_compare a {background-color: #DF151A; border-radius: 4px 4px 4px 4px; color: #FFFFFF; display: inline-block; font-size: 14px; letter-spacing: 1px; line-height: 20px; margin: 10px 0 0; padding: 7px 15px; text-transform: uppercase; vertical-align: top;} .uporedno .spec_proizvod .add_to_cart_compare a:hover { background-color: #F73A3F;} .uporedno .spec_proizvod .cena {color:#777;} .uporedno .spec_proizvod .ukloni {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; color: #DF151A; font-weight: lighter; margin-left: 85px; margin-top: -39px; padding: 5px 10px; position: absolute;} .uporedno .spec_proizvod .ukloni span {font-weight:bold;} .uporedno .spec_proizvod .ukloni:hover {color: #B71317;} /* Second level table */ .inner_tbl {} .inner_tbl td {border:none; border-bottom:1px solid #EEE; padding:0; color:#999; text-transform:none;} .inner_tbl tr.last {border:none} .inner_tbl tr.last td { border-bottom:none !important} .inner_tbl .label, .inner_tbl .value {padding:5px 10px; display:block; white-space:normal; line-height:1.6;} .inner_tbl .subitile {color:#474747;} /* Forms */ form {font-size:16px; position:relative; margin-bottom:20px;} label {display:block; font:bold 12px/1 Arial, Helvetica, sans-serif; margin:0 0 5px 0;} label.error {color:red; font-weight:normal !important; font-size:12px !important; background:transparent;} /*::-webkit-input-placeholder {color: red;} :-moz-placeholder {color: red;}*/ .input_txt, input[type="text"], input[type="tel"] input[type="email"], textarea {border:1px solid #e4e4e4; padding:6px 8px; margin-bottom:4px; margin-right:10px; -webkit-border-radius:4px; border-radius:4px; font:14px/1 Arial, Helvetica, sans-serif; color:#666;} textarea {padding:8px; line-height:1.6;} #contact_form textarea {width:610px !important} .input_txt:hover, input[type="text"]:hover, textarea:hover {border-color:#CCC;} .input_txt:focus, input[type="text"]:focus, textarea:focus {border-color:#999; outline:none;} .input_txt.error, textarea.error {border-color:#df151a !important} .input_txt.valid, textarea.valid {border-color:#3adf0e !important;} .help_link {position:relative; left:10px; font:12px/1 Arial, Helvetica, sans-serif;} .help_link:hover {border-bottom:1px solid ;} #login_form .help_link {position:absolute; left:350px; top:59px;} /* Register form */ #register_form {margin-bottom:40px;} #register_form fieldset {border-top:5px solid #DDD; padding:0 20px; margin:40px 0 20px; } #register_form legend {padding:0 20px 0 20px; text-transform:uppercase; font-size:16px; line-height:30px;} input#terms {margin:0 5px 0 0;} #register_form legend span {background:url(../img/bg-fieldset.gif) no-repeat 0 0; width:30px; height:30px; float:left; text-indent:100%; overflow:hidden; white-space: nowrap; margin-right:5px;} #account_leg span {background-position:-30px 0 !important} #reg_check span {background-position:-60px 0 !important} .form_content {position:relative; overflow:hidden; width:100%; padding:30px 0 0;} .form_subcnt {position:relative; float:left; width:230px; padding-bottom: 20px;} #register_form label a {color:#999; text-decoration:underline;} #register_form label a:hover{text-decoration:none;} .input_wide_1 {width:320px !important;} .input_wide_2 {width:200px !important;} .input_wide_3 {width:100px !important;} .input_wide_4 {width:46px !important; text-align:center;} #email {background-color:#FFF} #email.error {background-color:#FFBEBF ;} #captcha {width:60px !important;} .captcha label {margin-left:0 !important;} .input_wrap {position:relative; overflow:hidden; padding:0 0 0 10px; width:auto;} .input_wrap label {float:right; margin:0; padding:10px 0; width:190px;} .input_wrap:hover {background:#F9F9F9; cursor:pointer;} .input_chck, .input_radio {margin:9px 10px 0 0; padding:0; position: relative; float:left;} .accept_terms {padding-bottom:20px;} .accept_terms label.error {position:absolute; left:0; top:50px;} .chck_label {margin:2px 0 0 0; float:left;} .warning {margin-bottom:20px; font-size:14px;} #contact .warning, #register .warning, #order .warning {background:transparent;} .warning span {color:red; font-weight:bold;} #captcha_img {position:relative; top:0; float:left; margin-right:5px; width:75px; height:30px;} .form_btn, .aside_call {padding:10px 15px; background-color:#df151a; color:#FFF; border:1px solid #df151a; border-radius:4px; font:14px/1 Oswald, sans-serif; text-transform:uppercase; letter-spacing:1px; position:relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0; zoom: 1; *display: inline;} .aside_call {float:left; background-color:#474747; border-color:#474747; line-height:20px;} .form_btn:hover {background-color:#f73a3f;} .aside_call:hover {background-color:#666; color:#FFF;} .aside_call:visited {color:#FFF;} .form_btn:active, .aside_call:active {top:1px;} /* Bob */ .red { color: #df151a; } .brosuraTitle { font-size: 15px; } .squeeze_left small.disclaimer { position: relative; left: 40px; } a.form_btn { padding:10px 15px; background-color:#df151a; color:#FFF; border:1px solid #df151a; border-radius:4px; font:14px/1 Oswald, sans-serif; text-transform:uppercase; letter-spacing:1px; position:relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 10px auto; zoom: 1; *display: inline; } a.form_btn:hover { background-color: #f73a3f; color: #fff; } /* Alerts */ .alert {position:relative; width:100%; height:70px; overflow:hidden; margin-bottom:40px; border-radius:6px; background-image:url(../img/bg-alerts.png); background-repeat:no-repeat;} .alert p {margin-bottom:0; color:#333; padding:13px 10px 10px 85px;} .alert a:hover {color:#474747;} .successful {background-color: #ccffff; background-position: 0 0;} .warning {background-color: #fefeb3; background-position: 0 -70px;} .error {background-color: #ffbebf; background-position: 0 -140px;} .tabs .alert, .panel .alert { margin:10px; width:608px;} body#test .alert { width:916px;} .tabs .alert p, body#test .alert p { color:#333 !important;} .em { font: italic 16px/1.4 Georgia, "Times New Roman", Times, serif; color:#999; padding:0 20px 10px;} .customer_help {padding-top:10px; font-size:14px;} .customer_help span { font: 26px/1.4 Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#CCC; display:block; padding:15px 0 0} .customer_help a { border-bottom:1px solid #DF151A; padding-bottom:4px;} .customer_help a:hover { border:none;} /* Search form */ .simple_src {} .simple_src label {text-transform:uppercase; font:16px/1 Oswald, sans-serif; margin-bottom:10px; margin-left:0;} .simple_src .input_txt {width:199px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; border-right:none; float:left;} html.lt-ie8 .simple_src .input_txt, html.lt-ie9 .simple_src .input_txt {line-height:30px;} #src_submit {display:block; width:34px; height:30px; background:url(../img/search-submit.gif) no-repeat 0 0; border:none; text-indent:-9999px; overflow:hidden; float:left;} #src_submit:hover {background-position:0 -30px;} #src_submit:active {background-position:0 -60px;} .advanced_src {font:12px/1 Arial, Helvetica, sans-serif; padding-left:9px; clear:both; position:relative; top:5px;} .advanced_src:hover {text-decoration:underline} #search_form {position: absolute; top: 80px; left: 235px;} .input_src {border-radius:4px; background:url(../img/bg-dark-noise.png) repeat 0 0; border:1px solid #666; padding:10px 10px 10px 40px; height:18px; width:220px; color:#777; font-size:14px;} .input_src::-webkit-input-placeholder {color:#666;} .input_src:focus {border-color:#777; outline:none; color:#FFF;} #search_form .src_submit {width:18px; height:17px; background:url(../img/bg-search-submit.png) no-repeat 0 0; border:none; position:absolute; left:12px; top:13px;} #search_form .src_submit:hover {background-position:0 -17px;} /* Advanced search */ #advanced_src {background:#FFF; border: 1px solid #E2E2E2; border-radius:6px; width:978px; overflow:hidden; margin-bottom:40px;} #adv_src_form {position:relative; margin:0;/* overflow:hidden;*/} #adv_src_form h2 {font-size:18px;} #adv_src_form h3 {font-size:14px; margin:4px 0 10px;} #adv_src_form label {position:relative; display:inline;} #adv_src_form .form_content {padding:0; float:left; width:195px; margin:0 25px 0 0;} #adv_src_form .form_content.last {margin-right:0;} #search_filters_form {margin-bottom:0;} #search_filters_form .form_content {border-bottom:1px solid #DDD; padding:0 0 10px; margin-bottom:10px; overflow:visible;} #search_filters_form .form_block {margin-top:10px;} #search_filters_form .refinement_title {font:bold 14px/1 Arial, Helvetica, sans-serif; display:block; width:100%; color:#474747;} #search_filters_form .toggle_refinement {float:right; font-weight:normal; line-height:22px; background:url(../img/bg-accordion-pointer.gif) no-repeat 0 0; width:12px; height:12px;} #search_filters_form .toggle_refinement:hover {background-position:0 -12px; color:#CCC;} #search_filters_form .refinement_select {width:100%;} #search .open_all_filters {position:relative; left:205px; top:-22px; width:12px; height:12px; background:transparent url(../img/bg-accordion-pointer.gif) no-repeat 0 0;} #search .open_all_filters.active {background-position:-12px 0;} /* Filters Table */ .filters_table {width:100%; border:1px solid #EEE; border-right:none; border-radius: 0 0 4px 4px;} .filters_table .filter_title {background:#474747; color:#FFF; border-radius: 4px 4px 0 0; width:918px; padding: 10px 15px; left:20px; text-transform:uppercase; letter-spacing:1px; text-align:left;} .filters_table .filter_group {border-right:1px solid #EEE;} .filters_table .filter_group .label {background:#F7F7F7; border-bottom:1px solid #EEE; padding:10px 15px; text-transform:uppercase; font-size:12px; letter-spacing:1px; font-weight:normal ;} #adv_src_form .filters_table .filter_group .input_wrap, #adv_src_form .filters_table .filter_group .form_content {margin:0; padding:10px 15px; width:auto;} #adv_src_form .filters_table .filter_group label { font-weight:normal;} .filters_table .filter_group .input_wrap:hover {background:#FFC;} #adv_src_form .block { overflow:visible; float:left;} #adv_src_form .keyword, #adv_src_form .categories, #adv_src_form .keyword {width:290px;} #adv_src_form .categories {width:390px;} #adv_src_form .prices {margin-right:0; float:right;} #adv_src_input {width:270px;} #adv_src_form .checkbox_wrap {width: 326px; float:left;} #select_cat, #select_sort, #price_filter_form {width:400px;} #select_sort {width:auto;} #select_cat:hover {background:#FFF; border-color:#CCC; box-shadow:0 0 2px #CCC;} #select_cat option {padding:4px 6px; cursor:pointer;} #price_filter_form {padding:20px; margin-top:20px; width:400px; background:#F7F7F7;} #adv_src_form option:hover {background:#EEE} #adv_src_form .src_through {border-bottom:1px solid #E4E4E4; padding:15px 0 10px; overflow:hidden;} #adv_src_form .src_through.last {border:none;} #adv_src_form .src_through label {float:left; left:12px;} #adv_src_form .src_submit {position:relative; clear:both; width:100%; margin-top: 10px;} #adv_src_form .src_submit .form_content {width:260px; padding:0 20px 0 0; margin-bottom:0;} #adv_src_form .src_submit .sort {text-align:right; width:330px; padding:0; margin:0; position:absolute; right:-20px; top:80px; z-index:500;} #adv_src_form .optional_filters {position:relative; overflow:hidden; left:0; } #adv_src_form .filters {padding-bottom: 0;} .refinement {background: #333; border-radius: 4px; color:#FFF; width:918px; padding: 10px; left:20px; cursor:pointer;} .refinement span {height:8px; width:8px; background: #333 url(../img/bg-refinment.gif) no-repeat 0 0; display:inline-block; *display:inline; zoom:1; text-indent:100%; overflow:hidden; white-space:nowrap; position: relative; top:-3px; left:-1px;} .refinement.open span {background-position:0 -8px;} #adv_src_form .filters h3 {padding:6px 8px; margin-bottom:15px; border-radius: 4px; background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #EEEEEE; font-size:12px; letter-spacing:1px;} #adv_src_form .txt_btn {left:0; background:none; border: none; padding-right:10px; color:#DF151A; letter-spacing:normal; font:14px/1 Arial, Helvetica, sans-serif; text-transform:none; text-decoration:underline;} #adv_src_form .txt_btn:hover {text-decoration:none;} /* Suggestions */ .suggestions {position:relative; overflow:hidden;} .suggestions .suggestion_item {float:left; width:275px; margin-right:56px; padding-top:20px; } .suggestions .suggestion_item.last {margin-right:0} .suggestions .suggestion_item .title {display:block; width:210px; height:50px /*210px*/; padding-top:160px; margin:0 auto; text-align:center; font-size: 18px; background:url(../img/bg-suggestions.jpg) no-repeat 0 0; color:#FFF; text-transform:uppercase; text-shadow:0 1px 3px #333; letter-spacing:1px;} .suggestions .suggestion_item .title.tutorial { background-position:-210px 0} .suggestions .suggestion_item .title.forum { background-position:-1049px 0} .suggestions .suggestion_item .title.category_photo {background-position:-840px 0; font-size:18px;} .suggestions .suggestion_item .title.reviews {background-position:-420px 0} .suggestions .suggestion_item .title:hover {border:none; opacity:.8; filter: alpha(opacity=80);} .suggestions .suggestion_item .description {color:#666; text-align:center;} #login .suggestions .suggestion_item { margin-right:40px;} .bulleted { margin:20px 0;} .bulleted li { background:url(../img/bg-red-bullet.png) no-repeat 0 7px; padding:0 0 7px 10px;} #terms .block { margin-bottom:20px;} /* Alerts & Notifications */ /*.alert {position:relative; overflow:hidden; clear:both; padding:20px; font:italic 14px/1.4 Georgia, "Times New Roman", Times, serif; color:#999;} */.tip {margin:30px; font:italic 16px/1 Georgia, "Times New Roman", Times, serif; color:#999;} .tip_link {display:inline-block; height:24px; line-height:24px; width:24px; position:relative; top:0; background:#474747; color:#FFF !important; font-size:18px; border-radius:50%; text-align:center;} .tooltip {display:none; position:absolute; width: 400px; background-color:#000; padding:5px 10px;color:#fff; opacity:.9;} .form_tip {position:relative; left:5px; font:12px/1.2 Arial, Helvetica, sans-serif; color:#999;} #page_msg {position:relative; margin:0 auto; top:150px; width:410px; background:#FFF; border:1px solid #e4e4e4; padding:20px; font-family:Arial, Helvetica, sans-serif;} #page_msg h2 {text-transform:none; padding:30px 15px 0;} #page_msg p {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:15px; padding:0 15px;} /*----------------------------------------------- =HELPERS -----------------------------------------------*/ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .last { margin-right:0 !important;} .border_radius_6px { border-radius:6px; } .width-90 { width: 90%; } /* Search Panel Filter */ .searchFilter select { height: 30px; border: 0; padding: 5px; font-size: 12px; display: inline-block; color: #fff; background: #df151a; -webkit-appearance: menulist; } a.btn-exchange-fixed { position: absolute; right:0px; top:288px; color:#fff; background-color: #df151a; border-top: 1px solid #df151a; border-right: 0; border-bottom: 1px solid #df151a; border-left: 1px solid #df151a; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 15px 20px 15px 15px; text-transform: uppercase; font-size: 16px; } a.btn-exchange-fixed:hover { background: #F73A3F; border-top: 1px solid #F73A3F; border-right: 0; border-bottom: 1px solid #F73A3F; border-left: 1px solid #F73A3F; color:#fff; } /****** Floating Log Menu *****/ .fixedMenuArrow { position:fixed; right:0; float: right; top:176px; padding: 20px; border: 1px solid #ddd; z-index: 9999; } a#showRightPush { position: absolute; right:240px; top:188px; color:#fff; background-color: #df151a; border-top: 1px solid #df151a; border-right: 0; border-bottom: 1px solid #df151a; border-left: 1px solid #df151a; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 15px 20px 15px 15px; text-transform: uppercase; } a#showRightPush:hover { background: #F73A3F; border-top: 1px solid #F73A3F; border-right: 0; border-bottom: 1px solid #F73A3F; border-left: 1px solid #F73A3F; color:#fff; } a#showLeftPush { position: absolute; left:240px; top:188px; background-color: #fff; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 15px 20px 15px 15px; text-transform: uppercase; } a#showLeftPush:hover { background: #F73A3F; border-top: 1px solid #F73A3F; border-right: 1px solid #F73A3F; border-bottom: 1px solid #F73A3F; border-left: 0; color:#fff; } ul.floatingLogMenu { position: fixed; right: 0; top: 176px; background-color: #fff; z-index: 9999; padding: 10px; border: 1px solid #ddd; } .floatingLogMenu li { list-style: none; /*border-bottom: 1px solid #ddd;*/ padding: 10px auto; margin-bottom: 5px; } .floatingLogMenu li a { color:#4c4c4c; } .floatingLogMenu li a:hover { color:#999; } .floatingLogMenu li a:focus { color:#999; } .floatingLogMenu li a.active { color:#df151a; } .floatingLogMenu li:first-child:before{ content: ""; } .floatingLogMenu li:first-child:hover:after{ content: ""; } .floatingLogMenu li:before{ margin-right:3px; content: "\00bb"; color: #df151a; } .floatingLogMenu img { margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: all 0.5s; } .floatingLogMenu img:hover { -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); filter:alpha(opacity=90); } /****** Floating Log Menu HIDDEN *****/ ul.floatingLogMenuHidden { position: fixed; right: 0; top: 176px; background-color: #fff; z-index: 9999; border-top: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding-right: 10px; transition: all 0.5s; } ul.floatingLogMenuHidden:hover { border-top: 1px solid #df151a; border-right: 1px solid #fff; border-bottom: 1px solid #df151a; border-left: 1px solid #df151a; } ul.floatingLogMenuHidden img { padding: 10px; } /****** Activate Affiliate ******/ .affiBtn a { background-color:#df151a; color:#FFF; text-transform:uppercase; letter-spacing:1px; font-size:14px; padding:7px 15px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0; zoom: 1; border:1px solid #df151a; border-radius:4px; line-height:20px; position:relative; bottom:0px; left:0px; } .affiBtn a:hover { background-color:#f73a3f } .affiMenu { position: relative; } .affiMenu label { font-size: 16px; margin-bottom: 10px; margin-top: 20px; cursor: default; } .mrTB { margin-top:10px; margin-bottom: 20px; } .mrT20 { margin-top: 20px; } ul.thumbAffi { width:100%; list-style: none; display: block; position: relative; margin:20px auto 20px; } .thumbAffi h2 { font-size: 16px; text-transform: none; } .thumbAffi li img { margin-top: 10px; } .thumbAffi input { clear:both; } .tooltipAffi { text-decoration:none; position:relative; } .tooltipAffi h3 { font-size: 12px; margin-left: 8px; text-transform: none; } .tooltipAffi span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:black; background:white; } .tooltipAffi span img { margin:0px 8px 8px; } .tooltipAffi:hover span { display:block; position:absolute; top:-10px; left:100%; z-index:1000; width:auto; max-width:1000px; min-height:60px; border:1px solid #ddd; margin-top:0; margin-left:0; overflow:hidden; padding:8px; } ul.listAffi { display: block; margin-bottom: 20px; } .listAffi li { list-style: circle; } /******* Moja zarada TABLE ********/ .myMoneyTable { margin:0px; padding:0px; width:100%; border:1px solid #ddd; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; } .myMoneyTable table{ border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; } .myMoneyTable tr:last-child td:last-child { -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; } .myMoneyTable table tr:first-child td:first-child { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; } .myMoneyTable table tr:first-child td:last-child { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; } .myMoneyTable tr:last-child td:first-child{ -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; } .myMoneyTable tr:hover td{ } .myMoneyTable tr:nth-child(odd){ background-color:#e5e5e5; } .myMoneyTable tr:nth-child(even){ background-color:#ffffff; } .myMoneyTable td{ vertical-align:middle; border:1px solid #ddd; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:12px; font-family:Arial; font-weight:normal; color:#352f2a; } .myMoneyTable tr:last-child td{ border-width:0px 1px 0px 0px; } .myMoneyTable tr td:last-child{ border-width:0px 0px 1px 0px; } .myMoneyTable tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .myMoneyTable tr:first-child td{ background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) ); background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2"); background: -o-linear-gradient(top,#cccccc,b2b2b2); background-color:#cccccc; border:0px solid #ddd; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Arial; font-weight:bold; color:#352f2a; } .myMoneyTable tr:first-child:hover td{ background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) ); background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2"); background: -o-linear-gradient(top,#cccccc,b2b2b2); background-color:#cccccc; } .myMoneyTable tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .myMoneyTable tr:first-child td:last-child{ border-width:0px 0px 1px 1px; } /*********** Product Comparison ************/ table { border-collapse: collapse; border-spacing: 0; } table { max-width: 100%; background-color: transparent; } .table { width: 100%; margin-bottom: 20px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > tbody > tr > td.noBorder { border-right: 1px solid #f9f9f9; } th { text-align: left; } .table thead tr { background: linear-gradient(to bottom, #F8F8F8 0px, #ECECEC 100%) repeat-x scroll 0 0 #F2F2F2; color: #707070; font-weight: normal; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space:normal; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } .product_comparison .thumbnail { border: medium none; text-align: center; } .product_comparison .thumbnail img { margin-top: 20px; width:90%; } .product_comparison small { font-weight: normal; } .product_comparison .price_summary td { text-align: center; } .product_comparison .price_summary a { background-color: #df151a; border: 1px solid #df151a; border-radius: 4px; color: #fff; font-size: 12px; letter-spacing: 1px; margin: 0; padding: 5px 10px; text-transform: uppercase; } .product_comparison .price_summary a:hover { background-color: #f73a3f; } .product_comparison .price_summary p { font-family:'Oswald', Helvetica, Arial, sans-serif; } .compareTd { list-style: none; padding-left: 0; font-size:12px; } .compareTd li { border-bottom: 1px solid #ddd; vertical-align: middle; height: 55px; margin-top: 5px; } .compareTd li:last-child { border-bottom: 0 none; } .compareTdCat { list-style: none; padding-left: 0; } .compareTdCat li { border-bottom: 1px solid #ddd; vertical-align: middle; height: 55px; margin-top: 5px; } .compareTdCat li:last-child { border-bottom: 0 none; } .extraHLg { height:50px!important; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space:normal; } .caption a { text-decoration: none; } .caption h2 { font-size: 16px; font-weight: 100; color: #df151a; } .compareTitleCat { color: #df151a; font-weight: 100; font-size: 15px; } /*********** Product Comparison END ************/ /*********** Newsletter Slide In/Out ************/ #newsletterSlideOut { display: block; position: fixed; bottom: 15px; right: 15px; width: 270px; height: 80px; border: 1px solid #df151a; background: url(../img/newsletter-slideout-bg.jpg) no-repeat; background-size: cover; color: #fff; margin: 0px; padding: 0px; opacity: 0.95; filter: alpha(opacity=95); z-index: 999; } #newsletterSlideOut .formNL { padding:0; margin:5px 0 0 7px; text-align:left; } #newsletterSlideOut .formNL p { text-transform: uppercase; max-width: 230px; } #newsletterSlideOut .formNL form { margin: 0; } #newsletterSlideOut .closeNL { position: absolute; right: 0; top: 5px; } #newsletterSlideOut .closeNL a { background-color: #df151a; color: #fff; padding: 5px 10px; } #newsletterSlideOut .closeNL a:hover, #newsletterSlideOut input[type="submit"]:hover { opacity: 0.9; } #newsletterSlideOut input[type="submit"] { margin: 0; box-shadow: 0 0 0; border-radius: 0; border: 0; background-color: #df151a; color: #fff; font-size: 12px; line-height: 14px; padding: 7px 9px; text-transform: uppercase; } #newsletterSlideOut input[type="text"] { border-radius: 0; font-size: 12px; line-height: 14px; padding: 6px 9px; } #newsletterSlideOut input[type="submit"]:focus, #newsletterSlideOut input[type="text"]:focus { outline: none; } #newsletterSlideOut ::-webkit-input-placeholder { color: #666; } #newsletterSlideOut ::-moz-placeholder { color: #666; } /* firefox 19+ */ #newsletterSlideOut :-ms-input-placeholder { color: #666; } /* ie */ #newsletterSlideOut input:-moz-placeholder { color: #666; } /* Squeeze Page */ .squeeze_left img { width: 35%; float: left; } .squeezeTitle { text-shadow: none; text-transform: none; color: #df151a; } .squeezeTitleForm { text-shadow: none; text-transform: none; color: #df151a; font-size: 18px; text-align: center; } ul.squeezeList { margin-top: 30px; margin-left: 40px; font-size: 16px; font-weight: 300; float: left; width: 50%; } .squeezeList li { list-style: circle; } .squeeze_right { text-align: center; } .squeeze_right span { display: block; margin-bottom: 10px; } .squeeze_right .fa { color: #df151a; } .squeeze_right input[type="text"], .squeeze_right input[type="email"] { text-align: left; float: left; width: 238px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0; font-size: 14px; padding: 10px 5px; border: 1px solid #ddd; margin-bottom: 15px; } .squeeze_right input[type="submit"] { margin-bottom: 10px; } .squeeze_right ::-webkit-input-placeholder { color: #aaa; } .squeeze_right ::-moz-placeholder { color: #666; } /* firefox 19+ */ .squeeze_right :-ms-input-placeholder { color: #666; } /* ie */ .squeeze_right input:-moz-placeholder { color: #666; } /* CLEAR FIX (Sticky footer requirement) */ .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear { height: 1%;} .clear {display: block;} /* End hide from IE-mac */ /* Call to action */ #calltoactionSlideOut { display: none; text-align: center; position: fixed; bottom: 0; right: 0; width: 100%; height: auto; color: #fff; margin: 0; padding: 0; opacity: 0.95; filter: alpha(opacity=95); z-index: 999; -webkit-box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.5); } #calltoactionSlideOut .block_full.callToAction { width: 100%; margin-bottom: 0; } #calltoactionSlideOut .callToAction { transition: all 0.5s ease; float: left; background-color: #222; border: 0; border-top: 2px solid #df151a; } /* .callToAction:hover { background-color: #222; } .callToAction:hover h3,*/ #calltoactionSlideOut .callToAction:hover .fa { color: #fff; } .callToAction .fa { color: #df151a; margin: auto 10px; position: relative; top: 3px; transition: all 0.5s ease; } .callToAction h3 { float: left; margin: 0; color: #333; } #calltoactionSlideOut .callToAction h3 { float: none; margin: 0 auto 15px; color: #fff; } .callToAction form { margin-bottom: 0; } .callToAction input[type="email"] { width: 210px; border-radius: 4px; margin: 0; font-size: 14px; padding: 9px 5px; border: 1px solid #ddd; } #calltoactionSlideOut .closeCTA { position: absolute; right: 0; top: 8px; } #calltoactionSlideOut .closeCTA a { background-color: #df151a; color: #fff; padding: 5px 15px; } #calltoactionSlideOut .closeCTA a:hover, #calltoactionSlideOut input[type="submit"]:hover { opacity: 0.9; } /* Call to action Wrapp */ #callToActionWrapp .block_full { position: relative; } #callToActionWrapp .closeCTAW { position: absolute; right: 0; top: 0; } #callToActionWrapp .closeCTAW a { background-color: #df151a; color: #fff; padding: 0 5px; } #callToActionWrapp .closeCTAW a:hover { opacity: 0.9; } .block_full.oprIzdvojeno img { max-width: 938px; height: auto; margin-bottom: 20px; } .block_full.ny-sale { text-align: center; } h1.title-ny-sale { color: #df151a; } .old-price { color: #008945; font-size: 16px; top: 210px; left: 0px; width: 100%; text-align: center; position: absolute; font-family: Arial, Helvetica, sans-serif; text-decoration: line-through; } .old-price span.no-decoration { text-decoration: none; } .old-price strong { text-decoration: none; } .new-price { font:22px/1.4 Arial, Helvetica, sans-serif; color:#B70000; position:absolute; left:0; top:230px; width:100%; text-align: center; } .order.discounted-wrapp { padding: 0 10px; } .order .price-discount span.discounted { color: #008945; position: relative; top: 8px; font-size: 13px; text-decoration: line-through; } .order .price-discount span { margin-top: 0; font-size: 16px; color: #B70000; width: auto; } .order .price-discount a.btn-exchange-3 { top: -13px; left: 7px; } /*----------------------------------------------- =PRINT -----------------------------------------------*/ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Snow illustration */ .illustration { position: absolute; margin: 0 auto; background: transparent; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.3; } .i-large, .i-medium, .i-small { position : absolute; top: 0; right: 0; bottom: 0; left: 0; } .i-large { background: url("../img/snow/particules_large.png") repeat 0px 0px; /* -webkit-animation: dropFlowParticles 2s linear infinite; -o-animation: dropFlowParticles 2s linear infinite; animation: dropFlowParticles 2s linear infinite; */ } .i-medium { background: url("../img/snow/particules_medium.png") repeat 0px 0px; /* -webkit-animation: dropFlowParticles 12s linear infinite; -o-animation: dropFlowParticles 12s linear infinite; animation: dropFlowParticles 12s linear infinite; */ } .i-small { background:url("../img/snow/particules_small.png") repeat 0px 0px; /* -webkit-animation: dropFlowParticles 27s linear infinite; -o-animation: dropFlowParticles 27s linear infinite; animation: dropFlowParticles 27s linear infinite; */ } /* @-webkit-keyframes dropFlowParticles { from { background-position: 0 0; } to { background-position: 0 413px; } } @keyframes dropFlowParticles { from { background-position: 0 0; } to { background-position: 0 413px; } } */ /* Social Footer */ .social-footer { display: block; float: right; margin-top: 15px } .social-footer li { display: inline-block; float: left; list-style: none; margin-left:5px; text-align:center; } .social-footer li a { padding: 6px 8px; border-radius: 50%; background-color: white; color: #000; transition: all 0.5s; } .social-footer li a:hover { color: #fff; } .social-footer li a i { width: 16px; font-size: 16px; } .social-footer li a.facebook:hover { background-color: #3b5998; } .social-footer li a.twitter:hover { background-color: #4099FF; } .social-footer li a.google:hover { background-color: #dd4b39; } .social-footer li a.youtube:hover { background-color: #e52d27; }