/* * MarketShop OpenCart Theme CSS * By Harnish Design * www.harnishdesign.net */ @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } html {overflow: -moz-scrollbars-vertical; margin:0; padding:0; -webkit-font-smoothing: antialiased;} body {background:#dcdbdb; color:#222; font-family: 'OpenSansRegular'; line-height:18px;} body{font-size:12px;} ul, ol { margin:0; padding:0; } #container h1 {color: #000; margin:0px 0px 20px 0px; font-size:35px; line-height:normal; font-weight: normal; text-rendering:optimizelegibility;} #container h2, #container h3{position:relative; padding:0px; margin:0px 0px 20px 0px; line-height:normal; font-size:20px; color:#000000; border-bottom:2px solid #ddd; padding-bottom:3px;} #container h3 .viewall{font-size:12px;} a, a b {color:#3e7cb4; text-decoration: none; cursor: pointer;} a:hover, a b:hover {text-decoration:none; color:#000;} a:focus{outline:none;} legend { font-size: 18px; padding: 7px 0px } label{font-weight:normal;} .clear{clear:both;} form {padding:0; margin:0; display:inline;} .form-control{border-radius:0px;} img{vertical-align:inherit;} .img-thumbnail{border-radius:0px;} /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .nav-tabs { margin-bottom: 15px; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /********** layout **********/ .wrapper-box{max-width:1220px; margin:0px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);} .wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08);} .main-wrapper{max-width:1170px; margin:0px auto; padding:0 25px; clear:both;} #container{text-align:left; margin-top:20px; margin-bottom:20px;} /********** header **********/ #header {position: relative; padding:0px; } #header .htop{background:#3e7cb4;} #header .header-row{position:relative; padding:35px 0;} #header .header-row .inner{padding:0;} /********** Language & Currency **********/ #language, #currency{float:left; border-right:1px dotted #5b9ad4;} #language span, #currency span{color:#fff; font-size:12px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} #top .dropdown-menu{margin:0; border-radius:0px; padding:0; border:none; z-index:1013; } #top .dropdown-menu li a, #currency ul li .currency-select{display:block; color:#333; padding:7px 10px; text-align:left; font-size:12px;} #top .dropdown-menu li + li a, #currency ul li + li .currency-select{border-top:1px solid #eee;} #my_account:hover > a:after, #language:hover span:after, #currency:hover span:after, #header .links > ul > li.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; z-index:1014; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;} #header .links > ul > li.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; z-index:1014; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;} #language button .btn-link{border:none 0px;} #header .links > ul > li.wrap_custom_block > a b{clear:both; content:' '; display:inline-block; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-width:4px 5px 0px 5px; margin:0 0 1px 0;} #language img {cursor: pointer; margin-right:5px;} #top .dropdown-menu li a:hover, #currency ul li .currency-select:hover{color:#3e7cb4; background:none; text-decoration:none;} /********** Top Links **********/ #header .links { position: relative; float:left; border-right:1px dotted #5b9ad4;} #header .links > ul > li{float:left; list-style-type:none; border-left:1px dotted #5b9ad4;} #header .links > ul > li.mobile, #header .links > ul > li.email{color:#fff;} #header .links > ul > li.mobile{padding:0 10px;} #header .links > ul > li > a, #header .links > ul > li .wrap_custom_block > a {padding:0px 10px; color: #fff; text-decoration: none; font-size:12px; position:relative; display:block} #language .btn-link, #currency .btn-link{padding:0px 10px; border:none;} #language .btn-link:hover, #currency .btn-link:hover{text-decoration:none;} #header .links > ul > li .fa-phone, #header .links > ul > li .fa-envelope{font-size:120%; margin-right:5px;} #header .links > ul > li.wrap_custom_block{position:relative;} #header .links > ul > li.wrap_custom_block > div { display: none; background:#fff; position:absolute; z-index:1015; top:35px; padding:10px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);} #header .links > ul > li.wrap_custom_block > a b{margin-left:3px;} #header .links > ul > li.wrap_custom_block > a:hover{text-decoration:none;} #header .links > ul > li.wrap_custom_block > div ul li{list-style-type:none;} #header #top-links {color:#fff; border-right:1px dotted #5b9ad4;} #header #top-links > ul > li{float:left; border-left:1px dotted #5b9ad4;} #header #top-links > ul > li > a {color:#fff; text-transform:capitalize; display: inline-block; padding:0px 10px; } #header #top .links > ul > li, #header #top-links > ul > li, #language .btn-link span, #currency .btn-link span{line-height:35px;} #header #top-links > ul > li > a:hover, #header .links > ul > li > a:hover{text-decoration:underline;} .wrapper-box #header #top-links{border-right:none;} .wrapper-box .htop .main-wrapper{max-width:1220px; padding:0;} /********** Mini Cart ***********/ #header #cart {position:relative; text-align:right;} #header #cart .heading h4{width:20px; height:16px; background:#3e7cb4; position:relative; margin-right:5px;} #header #cart .heading h4:before{clear:both; content:' '; display:block; width:14px; height:19px; top:-8px; left:3px; border:2px solid #3e7cb4; border-radius:50%; border-bottom:none; position:absolute; } #header #cart .heading h4:after{clear:both; content:' '; display:block; width:20px; height:2px; bottom:-2px; left:0px; border:1px solid #3e7cb4; border-top:none; position:absolute;} #header ul, #header ol{list-style:none;} #header #cart .heading { text-decoration: none; font-size:14px; height:32px; color:#444; display:inline-block; position:relative; padding:0; background:none; border:none;} #header #cart .heading span {display:inline-block; line-height:32px;} #header #cart.open .heading{color:#000;} #header #cart.open .heading span:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1012;} #header #cart .dropdown-menu {padding:8px; margin:0; z-index:1011; background: #FFF; border:3px solid #3e7cb4; border-width:3px 0px 0px 0px; width:350px; border-radius:0px; right:0; left:auto; height: 350px; overflow: auto;} #cart .dropdown-menu li > p{margin:30px 0;} #header #cart .dropdown-menu .remove{border-radius:100%; padding:1.5px 4px; line-height:normal;} #cart .dropdown-menu > li > .table > tbody > tr > td{border-bottom: 1px solid #ddd; border-top:none 0px;} #header #logo img{display:inline-block!important;} .table-container {display: table; width: 100%; table-layout: fixed;} .table-container .col-table-cell {display: table-cell; vertical-align: middle; float: none;} /********** Search Bar **********/ #header #search { position:relative; display:block;} #header .button-search {width:36px; height:36px; font-size:14px; z-index:2; position:absolute; right:0; cursor:pointer; float:right; background:none; border:none; color:#bbb; padding:0;} #header #search input {background:#FFF; padding:0 36px 0 10px; height:36px; font-size:13px; color:#333; outline:none; display:block; border-radius:0px;} #header #search input:focus{border-color:#bbb; box-shadow:none;} #header.style2 #logo{text-align:center;} #header.style2 #logo a img{display:inline-block;} #header.style2 #cart {text-align:left;} #header.style2 #cart .dropdown-menu{left:0; right:auto;} #header.style3 #cart{text-align:right;} /********** Menu **********/ #menu .navbar-collapse{padding-left:0px; padding-right:0px;} #menu.navbar{border-radius:0px; min-height:inherit;} #menu .navbar-nav{float:none; position:relative;} #menu .nav > li > a.home_link span{text-indent:-99999px; position:relative; background:#656565; width:12px; height:5px; display:inline-block; vertical-align:middle; margin:0 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link span:before{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #656565 transparent; position:absolute; border-width:0 10px 9px; top:-9px; left:-4px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link span:after{clear:both; content:' '; display:block; width:12px; height:4px; border:1px solid #656565; border-width:0px 4px 0px 4px; position:absolute; bottom:-4px; left:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link:hover span{background:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link:hover span:before{border-bottom-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > a.home_link:hover span:after{border-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > span.home_link span{text-indent:-99999px; position:relative; background:#656565; width:12px; height:5px; display:inline-block; top:19px; margin:0 14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > span.home_link span:before{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #656565 transparent; position:absolute; border-width:0 10px 9px; top:-9px; left:-4px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > span.home_link span:after{clear:both; content:' '; display:block; width:12px; height:4px; border:1px solid #656565; border-width:0px 4px 0px 4px; position:absolute; bottom:-4px; left:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > span.home_link:hover span{background:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > span.home_link:hover span:before{border-bottom-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > span.home_link:hover span:after{border-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu {border-bottom:3px solid #d6d6d6; border-top:1px solid #d6d6d6; border-right:0; border-left:0; margin-bottom:0px;} #menu .nav {} #menu .nav > li {height:40px; } #menu .nav > li > a { font-size:16px; color: #555; line-height:40px; text-decoration: none; padding:0px 10px 0px 10px; z-index: 1009; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li:hover > a {color:#3e7cb4; background:#f3f3f3; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li > .dropdown-menu { display: none; background:#fff; position:absolute; z-index:1010; padding:5px 0 0; border-top:3px solid #3e7cb4; border-bottom:0px none; border-left:0px none; border-right:0px none; font-size:12px;} #menu .nav > li:hover > .dropdown-menu.custom_block ul{display:table-cell;} #menu .nav > li > .dropdown-menu > ul { display: table-cell; } #menu .nav > li .dropdown-menu{border-radius:0px;} #menu .nav > li.categories_hor > div { display:none; background:#fff; margin-left:0px!important; width:100%; position:absolute; padding:10px 0px 0px 0px; } #menu .nav > li.sub:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1009;} #menu .nav > li.categories_hor > div > .column a span, #menu .nav > li.categories > div > .column a span, #menu .nav > li > div > ul li a span{float:right; font-size:18px; line-height:13px;} #menu .nav > li.selected {color:#3e7cb4; background:#f3f3f3; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #menu .nav > li.categories_hor > div > .column {position:relative; display:inline-block; margin:0 0px 15px 0px;} #menu .nav > li > div > ul{position:relative; width:160px;} #menu .nav > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; border-bottom:1px solid #ddd; margin-bottom:5px;} #menu .nav > li.categories_hor > div > .column a, #menu .nav > li > div > ul li a{padding:4px 0; display:block; } #menu .nav > li > div > ul li a{font-size:12px;} #menu .nav > li.categories_hor > div > .column:hover > a{color:#3e7cb4;} #menu .nav > li.categories_hor > div > .column > div{display:block;} #menu .nav > li.categories_hor > div > .column > div ul li, #menu .nav > li.categories > div > .column > div ul li{position:relative;} #menu .nav > li ul + ul { padding-left: 20px; } #menu .nav > li.categories_hor ul + ul, #menu .nav > li.categories > div > .column > div ul + ul { padding-left:0px;} #menu .nav > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 160px;} #menu .nav > li div > ul > li > a {color:#222;} #menu .nav > li div > ul > li:hover > a {color:#3e7cb4;} #menu .nav > li.categories > div { display: none; background:#fff; min-width:180px; position:absolute; z-index:1008; padding:5px 0 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);} #menu .nav > li.categories > div > .column, #menu .nav > li > div > ul{position:relative;} #menu .nav > li.categories > div > .column + .column, #menu .nav > li > div > ul li + li{border-top:1px solid #eee;} #menu .nav > li.categories > div > .column > a, #menu .nav > li div > ul > li > a{font-size:13px; padding:7px 10px; display:block; color:#444;} #menu .nav > li.categories > div > .column:hover > a, #menu .nav > li > div > ul li:hover > a{color:#3e7cb4;} #menu .nav > li.categories > div > .column > div{display:none; position:absolute; background:#fff; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); z-index:1010; left:100%; top:0; padding:0; border-top:3px solid #3e7cb4;} #menu .nav > li.categories > div > .column > div ul li + li, #menu .nav > li.categories_hor > div .submenu ul li + li a{border-top:1px solid #eee;} .submenu {background:#fff; position:absolute; z-index:1008; padding:0px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.3); min-width:160px; display:none; border-top:3px solid #3e7cb4; left:100%; margin-top:-32px;} #menu .nav > li.categories_hor > div .submenu{margin-top:-23px; margin-left:-15px;} #menu .nav > li.categories_hor > div .submenu ul li a{padding:7px 10px;} #menu .nav > li.categories_hor.dropdown, #menu .nav > li.menu_brands.dropdown {position: static;} #menu .nav > li.menu_brands.name {position: relative;} #menu .nav > li.menu_brands.name > div{padding:0px!important;} #menu .nav > li.menu_brands > div{padding:15px 0px 0px!important; width:100%; margin-left:0px!important;} #menu .nav > li.menu_brands > div > div{text-align:center; margin-bottom:10px;} #menu .nav > li.menu_brands > div > div a{display:block; line-height:16px;} #menu .nav > li.menu_brands > div > div a img{display:inline-block;} #menu .nav > li.custom-link-right{float:right;} #menu .nav > li.wrap_custom_block > div.custom_block{padding:5px;} .custom_block p{line-height:18px; margin:0;} .custom_block a, #menu .nav > li.wrap_custom_block > div.custom_block a{display:inline-block;} .custom_block {line-height:normal;} .custom_block td, .custom_block th{padding:5px;} .custom_block h1{font-size:28px; margin-top:0px;} .custom_block h2{font-size:24px; margin-top:0px;} .custom_block h3{font-size:22px; margin-top:0px;} .custom_block h4{font-size:20px; margin-top:0px;} .custom_block h5{font-size:18px; margin-top:0px;} .alert {padding:10px 14px;} .alert-success { width: 400px; position: fixed; top: 10%; right: 10%; z-index: 99999; } .breadcrumb{color:#c2c2c2; margin-bottom: 10px; background:none; padding:0; border-radius:0px;} .breadcrumb a{color:#999; font-size:11px;} .breadcrumb a:hover{color:#2f4a90; text-decoration:underline;} .breadcrumb a i dd{text-indent:-99999px; display:inline-block;} /*********** Pagination ***********/ .pagination {margin:0px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #3e7cb4;} .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0px;} .pagination > li > a, .pagination > li > span{color:#3e7cb4;} /*********** button ***********/ .buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; } .btn {padding:6.2px 12px; border:0px none; border-radius:0px; box-shadow:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .btn:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 10px 16px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .dropdown-menu { font-size: 12px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .btn-default { color: #444; background-color: #e7e7e7;} .btn-default:hover{background:#444; color:#fff;} .btn-primary { background-color:#3e7cb4; color:#ffffff;} .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background:#444; color:#fff; } .btn-warning { color: #ffffff; background-color: #faa732; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; background-color: #da4f49; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; background-color: #5bb75b;} .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; background-color: #df5c39;} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #3e7cb4; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; background-color: #363636;} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222;} .htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom:2px solid #ddd; } .htabs a {padding:7px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;} .nav-tabs > li > a.selected {color:#111; padding-bottom:5px; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;} .nav-tabs{margin-bottom:0px; border-width:2px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:2px; font-weight:bold;} .nav-tabs > li{margin-bottom:-2px;} .nav-tabs > li > a:hover{border-color:transparent; color:#444;} .nav-tabs > li > a{border-radius:0px; color:#666;} .tab-content{padding:15px 15px 10px; margin-bottom: 20px; z-index:2; border:2px solid #ddd; border-top:0px; } #tab-description ul {margin-left:20px; margin-bottom:15px;} .tab-sub{position:absolute; right:70px; top:-46px; border:none; padding:0; height:25px; line-height:25px;} .tab-sub a{padding:0px 7px; font-size:12px;} .tab-sub a.selected{padding:0px 10px; position:relative; border-width:2px; line-height:24px;} .tab-sub a.selected:hover{text-decoration:none; cursor:default;} .tab-sub a:hover{text-decoration:underline;} .category-module-content{position:relative;} .category-module .tabs{position:absolute; right:70px; top:-46px; height:25px; line-height:25px;} .category-module .tabs li{float:left; list-style-type:none;} .category-module .tabs li a{padding:0px 7px; font-size:12px; display:inline-block; color:#333;} .category-module .tabs li.active a{position:relative; line-height:24px; color:#111; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;} .category-module .tabs li.active a:hover{text-decoration:none; cursor:default;} .category-module .tabs li a:hover{text-decoration:underline; color:#004B91;} .product-tab{margin-bottom:20px;} .product-tab .tabs{height:32px; line-height:15px; padding-left:10px; border-bottom:2px solid #ddd; margin-bottom:20px;} .product-tab .tabs li{float:left; list-style-type:none;} .product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:18px; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff;} .product-tab .tabs li.active a{opacity:1; padding-bottom:8px; background: #FFFFFF; border-top:2px solid #ddd; border-left: 2px solid #ddd; border-right:2px solid #ddd;} .product-tab .deactive, .category-module .deactive {display:none;} .addthis_default_style > a{padding:0} /********** Comented for Right Part *******/ #column-right .featured_carousel, #column-right .bestseller_carousel, #column-right .latest_carousel, #column-right .special_carousel, #column-left .featured_carousel, #column-left .bestseller_carousel, #column-left .latest_carousel, #column-left .special_carousel{display:block;} #column-right .owl-carousel .product-thumb, #column-left .owl-carousel .product-thumb{padding:0px 0px 7px 0px; text-align:left; border:0px none; margin:0; clear:both;} #column-right .owl-carousel .product-thumb + .product-thumb, #column-left .owl-carousel .product-thumb + .product-thumb{border-top:1px dotted #ccc; padding-top:7px;} #column-right .owl-carousel .product-thumb .image, #column-left .owl-carousel .product-thumb .image{float:left; margin-right:8px; margin-bottom:0px; width:50px;} #column-right .owl-carousel .product-thumb .caption, #column-left .owl-carousel .product-thumb .caption{float:left; max-width:202px;} #column-right .owl-carousel .product-thumb h4, #column-left .owl-carousel .product-thumb h4 {margin-bottom:2px;} #column-right .owl-carousel .product-thumb h4 a, #column-left .owl-carousel .product-thumb h4 a{font-size:12px; display:block;} #column-right .owl-carousel .product-thumb .price, #column-left .owl-carousel .product-thumb .price {padding:0; margin:0px 0 2px 0; font-size:12px;} #column-right .owl-carousel .product-thumb .saving, #column-left .owl-carousel .product-thumb .saving{position:relative; line-height:normal; padding:0 3px; width:auto; height:auto; top:0px; left:0px; font-size:11px; border-radius:0px; display:inline-block;} #column-right .owl-carousel .product-thumb .button-group, #column-left .owl-carousel .product-thumb .button-group{display:none;} /*********** Category boxes ***********/ .box-category, .list-item{} .box-category ul, .list-item { list-style: none; margin-bottom:20px; margin-top:-5px;} .box-category > ul > li, .list-item > li {display: block; position: relative; } .box-category .down { top:2px; right: 0; position: absolute; cursor: pointer; width:16px; height:24px; background: transparent url(../image/plus.png) 0px 4px no-repeat; opacity: 0.6; -moz-opacity: 0.6; } .box-category .down:hover { opacity: 1; -moz-opacity: 1;} .box-category ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#222; display: block; background: transparent url(../image/bullet-dark.png) 0px 10px no-repeat;} .box-category ul li.double a { display: inline-block; margin: 0; } .box-category ul li {position: relative; } .box-category ul li ul li + li{border-top:1px dotted #ccc;} .box-category > ul > li a.active + .down { background-position: 0px -12px; } .box-category > ul > li > a { color: #333; text-transform: uppercase; } .box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;} .box-category > ul > li a.active { font-weight: bold; } .box-category > ul > li > a.active { margin-bottom:5px; } .box-category > ul > li a.active + ul { display: block; } .box-category a:hover, .list-item a:hover {text-decoration:underline; color:#3e7cb4; } .box-category > ul > li ul li a { margin-right: 16px; } .box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;} .box-category > ul > li ul > li > a { text-decoration: none; } /*********** Filter ***********/ .box-filter{list-style-type:none; margin-bottom:20px;} .box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444; } .box-filter > li > ul{margin-bottom:15px; list-style-type:none;} .box-filter > li > ul li {margin-bottom:5px;} .box-filter > li > ul li label{margin-left:5px;} .box-filter > li > ul li label input[type="radio"], .box-filter > li > ul li label input[type="checkbox"]{margin-left:0; margin-right:5px; position:relative;} #button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;} /*********** sitemap ***********/ .sitemap{list-style: none; margin: 0; padding: 0; } .sitemap > li{border-top:1px solid #eee; display:block; position:relative; font-weight:bold; color:#555;} .sitemap > li:first-child{border-top:0;} .sitemap li a{color:#555; padding:5px 8px 5px 0px; display:block; font-weight:bold;} .sitemap li ul{margin-left:30px; } .sitemap li ul li a{font-weight:normal;} .sitemap li a:hover{color:#3e7cb4; text-decoration:underline;} /*********** content ***********/ #content { min-height:400px; } /*********** category ************/ .category-list-thumb, .category-list {margin-bottom:15px;} .category-list-thumb > div {text-align:center; vertical-align:top; margin-bottom:10px;} .category-list-thumb > div img{max-width:100%!important; border:1px solid #dddddd; padding:3px;} .category-list .div a { text-decoration: underline; font-weight: bold;} /*********** manufacturer ***********/ .product-manufacturer.manufacturer-list {margin-bottom: 20px; } .product-manufacturer #container h2 {border:1px solid #EAEAEA; background:#F6F6F6; padding:3px 8px; margin-bottom:10px; margin-top:20px; font-size:20px; color: #333;} /*====For Five Grid Columns====*/ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} .col-xs-5ths {width: 20%; float: left;} /*********** Grid-List Icon ***********/ #list-view, #grid-view{font-size:18px; padding:0; background:none; margin-right:10px; color:#555;} #list-view:hover, #grid-view:hover{color:#000;} #list-view:active, #grid-view:active{color:#444; box-shadow:none;} #list-view.selected, #grid-view.selected{color:#999; cursor:default;} /*********** product ***********/ .product-filter { border:1px solid #EAEAEA; background:#F6F6F6; padding:6px 5px; line-height:25px;} .product-filter .form-control{padding:2px 12px; height:auto;} .product-list.row, .products-category.row{margin:0;} .owl-carousel{margin-bottom:20px;} .owl-carousel .product-thumb .image{margin-bottom:5px;} .owl-carousel .product-thumb{padding:7px; margin:0px 3px 0px 0px; position:relative; text-align: center; border:3px solid transparent;} @media only screen and (min-width:1025px){.owl-carousel .product-thumb:hover{border-color:#eae9e9;}} /* carousel */ .carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } .product-thumb .image {text-align: center;} .product-thumb .image a { display: block; } .product-thumb .image a img{display:inline-block;} .product-thumb h4 {margin:0;} .product-thumb h4 a{font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;} .product-thumb h4 a:hover {text-decoration:underline;} .product-thumb .price {margin:10px 0; color:#3e7cb4; font-size:13px; font-weight: bold;} .product-thumb .price-new {font-weight: bold;} .product-thumb .price-old { color: #F00; text-decoration: line-through; font-weight:normal; font-size:12px;} .product-thumb .price-tax { color: #999; font-size: 12px; display: block; font-weight:normal;} .product-thumb .button-group button{border: none;} .product-thumb .button-group .btn-primary{padding:4px 8px; margin-bottom:7px; font-size:11px; height:auto; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:normal;} .product-thumb .button-group .add-to-links button {background:none; color:#666; font-size:15px;} .product-thumb .button-group .add-to-links button:hover { color:#3e7cb4; cursor: pointer; } .product-thumb .rating {padding-bottom:7px; } .product-thumb .rating span{vertical-align:top;} /*********** Grid Product ***********/ .product-grid{position: relative; text-align:center; vertical-align:top; background:#fff; padding:7px 7px 7px 7px; border:3px solid transparent; margin-bottom:15px; min-height: 100%;} .product-grid:hover{border-color:#eae9e9;} .product-grid .product-thumb .image {margin-bottom:5px;} .product-grid .product-thumb .image {float: none;} .product-grid .product-thumb .description, .product-grid .product-thumb .price-tax, .owl-carousel .product-thumb .price-tax{display:none;} .product-grid .product-thumb .button-group .add-to-links button, .owl-carousel .product-thumb .button-group .add-to-links button, {padding:2px 6px;} @media only screen and (min-width:1025px){.product-grid .product-thumb .button-group .add-to-links, .owl-carousel .product-thumb .button-group .add-to-links{visibility:hidden;}} .product-grid:hover .product-thumb .button-group .add-to-links, .owl-carousel .product-thumb:hover .button-group .add-to-links{visibility:visible;} .product-grid .product-thumb .button-group .add-to-links button span{display:none;} .saving {background:#f12b63; border-radius: 100% 100% 100% 100%; color: #FFFFFF; display: block; font-size: 13px; font-weight:bold; height:40px; line-height:40px; position: absolute; right: 10px; text-align: center; top: 10px; width: 40px;} .product-list{position:relative; padding:20px 0px; border-top:2px solid #eae9e9;} .product-list:first-child {border-top:none;} .product-list .image {float:left; margin-right:15px;} .product-list .product-thumb h4 {margin-bottom:8px;} .product-list .product-thumb h4 a {font-weight: bold; font-size:15px; } .product-list .product-thumb .description {margin-bottom:0px;} .product-list .product-thumb .button-group .btn-primary{float:left; margin-right:5px;} .product-list .product-thumb .button-group .add-to-links {float:left; padding:1px 0px; display:inline-block;} .product-list .product-thumb .button-group .add-to-links button span{font-size:12px;} .product-list .saving{top:25px; left:16px;} .rating .fa-stack {font-size:6px;} .rating .fa-star-o { color: #999; font-size: 13px; } .rating .fa-star { color: #FC0; font-size: 13px; } .rating .fa-star + .fa-star-o { color: #E69500; } /*********** Product ***********/ .product-info {margin-bottom: 20px;} .product-info .image {position:relative; text-align:center;} .product-info .zoomWrapper{display:inline-block;} .product-info span.zoom-gallery {font-size:11px; line-height: 11px; font-style:italic; color:#666; padding:1px 0;} .product-info span.zoom-gallery .fa{font-size:13px;} .product-info .image .zoomWrapper:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .product-info .image-additional {overflow: hidden; margin-left: -7px; margin-top:15px; } .product-info .image-additional img { max-width:75px; height:auto; display:block; } #column-left + #content .product-info .image-additional img, #column-right + #content .product-info .image-additional img{max-width:66px;} .product-info .image-additional a { float: left; display: block; margin-left:7px; border-radius:0px; margin-bottom:15px;} .product-info .image-additional a:hover, .product-info .image-additional a:focus, .product-info .image-additional a:active{border-color:#bbb;} .product-info .image-additional a.active{ opacity:0.5; outline: 0; cursor:default;} .addthis_toolbox{display:table; width:100%;} .product-info .description {line-height: 22px; margin-bottom:15px;} .product-info .price-box {background:#F4F3F3; border:1px solid #eee; overflow: auto; padding:10px 5px; margin-bottom:20px;} .product-info .price{font-size:28px; font-weight: bold; color: #3e7cb4;} .product-info .price-old {color:#F00; font-size:80%; text-decoration: line-through; font-weight:normal; } .product-info .cart { border-bottom: 1px solid #eae9e9; padding:0px 0px 20px; margin-bottom:15px; color: #4D4D4D; overflow: auto; } .product-info .cart div { vertical-align: middle; float:left;} .product-info .cart div.text-or{padding:5px 6px 0;} .product-info .cart div > span { padding-top: 7px; display: block; color: #999; } .product-info .cart div .wishlist{font-size:11px; display:inline-block; padding-top:3px; border:none; background:none; margin-left:15px;} .product-info .cart div .wishlist .fa{font-size:14px;} .product-info .cart div .wishlist:hover{text-decoration:underline;} .product-info .cart #button-cart{padding:11px 15px; text-transform: uppercase;} .product-info .cart .minimum { padding-top:5px; font-size: 11px; color: #999; clear: both; } .product-info .cart div .qty{margin-right:20px; float:left;} .qty .control-label{margin-right:10px; margin-bottom:0px; float:left; padding:12px 0; display:inline-block;} .qty a{background: url("../image/plus.png") no-repeat 2px 2px #f5f5f5; display: inline-block; height:20px; width:20px; position: relative; text-indent: -9999px; border:1px solid #ccc; border-width:1px 1px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline:none;} .qty a.mines{background-position:2px -13px; border-width:1px 1px 1px 0px;} .qty a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color:#fff;} .qty #button-cart, .qty #input-quantity{float:left; font-size:15px; width:44px; padding-left:2px; padding-right:2px; height:40px; text-align:center;} #back-top{display:none;} #back-top a{ position:fixed; bottom:0px; right:10px; background-color:rgba(0, 0, 0, 0.2); width:45px; height:30px; text-align:center; color:#fff; display:block; font-size:20px; line-height:28px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #back-top a:hover {background-color:#3e7cb4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******* Facebook ********/ #facebook{position:fixed; width:241px; background:#fff; border:3px solid #3b5998; padding:0px;} #facebook.fb-left{left:-241px;} #facebook.fb-right{right:-241px;} #facebook_icon{width:30px; height:50px; text-align:center; line-height:54px; cursor:pointer; display:block; position:absolute; top:-3px; background-color:#3b5998;} .fb-left #facebook_icon{right:-33px;} .fb-right #facebook_icon{left:-33px;} /******** Twitter *******/ #twitter_footer{position:fixed; width:215px; background:#fff; border:3px solid #2daae1; padding:5px 10px;} #twitter_footer.twit-left{left:-215px;} #twitter_footer.twit-right{right:-215px;} .twitter_icon{width:30px; height:50px; text-align:center; line-height:54px; cursor:pointer; display:block; position:absolute; top:-3px; background-color:#2daae1;} .twitter_icon .fa-twitter, #facebook_icon .fa-facebook{font-size:19px; color:#FFF;} .twit-left .twitter_icon{right:-33px;} .twit-right .twitter_icon{left:-33px;} /******** Custom Side block *******/ #custom_side_block{position:fixed; width:215px; background:#fff; border:3px solid #ed5f01; padding:5px 10px;} #custom_side_block.custom_side_block_left{left:-215px;} #custom_side_block.custom_side_block_right{right:-215px;} #custom_side_block img{width:100%!important; height:auto!important;} .custom_side_block_icon{width:30px; height:50px; cursor:pointer; display:block; text-align:center; line-height:54px; position:absolute; top:-3px; background-color:#ed5f01;} .custom_side_block_icon .fa-chevron-right, .custom_side_block_icon .fa-chevron-left{font-size:20px; color:#FFF;} .custom_side_block_left .custom_side_block_icon{right:-33px;} .custom_side_block_right .custom_side_block_icon{left:-33px;} /******* Video Box ********/ #video_box{position:fixed; width:566px; background:#fff; border:3px solid #ff679a; padding:0px;} #video_box.vb-left{left:-566px;} #video_box.vb-right{right:-566px;} #video_box p{margin-bottom:0px; line-height:0px;} #video_box_icon{width:30px; height:50px; text-align:center; line-height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-color:#ff679a;} #video_box .fa-play{font-size:16px; color:#FFF;} .vb-left #video_box_icon{right:-33px;} .vb-right #video_box_icon{left:-33px;} /************************* Footer ***********************/ /******** Footer Links *******/ #footer .fpart-first{background-color:#f3f3f3; color:#444; padding-top:50px; padding-bottom:50px;} #footer .fpart-first a{color:#888;} #footer .fpart-first a:hover{color:#3e7cb4; text-decoration:underline;} #footer .fpart-second{background-color:#fff; color:#666; padding:25px 0px 0px} #footer .fpart-second a{color:#3e7cb4;} #footer .fpart-second a:hover{color:#3e7cb4; text-decoration:underline;} #footer .custom-text{padding:0px 0px 25px;} #footer .custom-text p{margin:0;} #footer h5{color:#000; font-size:17px; margin:0px 0 15px 0; padding:0px 0px 7px 0px; font-weight:normal;} #footer .column ul li { list-style-type:none; } #footer .column a { text-decoration: none; display:block; padding:3px 0px; line-height:18px; font-size:12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Contact Details *******/ #footer .contact ul li{font-size:12px; list-style-type:none; line-height:20px; } #footer .contact > ul > li > .fa{margin-right:10px;} #footer .contact > ul > li > .fa-map-marker{font-size:18px;} #footer .contact > ul > li > .fa-phone{font-size:18px;} #footer .contact > ul > li > .fa-envelope{font-size:15px;} #footer .contact ul li + li{margin-top:12px;} #footer .contact ul li.email a{text-decoration:underline;} #footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none;} /******** Payments Types *******/ #footer .payments_types{text-align:center; padding:0px 0 25px 0;} #footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Social Icon *******/ #footer .social {margin:0; text-align:right; padding:0px;} #footer .social a {float:left; margin:0px 0 0px 10px;} #footer .social a img{display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .social a img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /******** Powered *******/ #footer #powered {line-height:20px; padding:0px 0 25px; margin-bottom:25px; border-bottom:1px solid #E8E8E8;} #footer #powered a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .powered_text{padding-top:6px;} #footer .powered_text p{line-height:18px; margin:0;} /*********** Marketshop banner ***********/ .marketshop-banner > div.row div {margin-bottom:25px;} .marketshop-banner div img {width:100%; height:auto; display:block; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .marketshop-banner div a img:hover{opacity:0.8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .custom-feature-box .feature-box{background:#f2f2f2; text-align:center; padding:10px; margin-bottom:20px;} .custom-feature-box .feature-box .title{color:#555; font-size:13px; text-transform:uppercase; line-height:normal; margin:0;} .custom-feature-box .feature-box p{color:#888; font-size:12px; margin:0; line-height:normal;} /*********** Extra ***********/ .w30{max-width:50px; text-align:center; display:inline-block;} .panel-group .panel{border-radius:0px;} /*********** Auto Complete ***********/ .ac_results { padding:0px; background-color: white; overflow: hidden; z-index: 99999; border:1px solid #ccc; border-top:0; box-shadow:0 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.2); max-height:325px!important; width:285px!important; } .ac_results.style2 { width:285px!important; } .ac_results.style3 { width:445px!important; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding:2px 10px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 13px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('http://plusplus.com.ua/catalog/view/theme/marketshop/image/loading.gif') right center no-repeat; } .ac_odd { } .ac_over { background-color: #f1f0f0; } /*====Filter Load Mask====*/ #content .product-grid div.loadmask, #content .product-list div.loadmask{ z-index: 100; position: absolute; top:0; left:0; background-color: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; zoom: 1; border:none;} .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9; padding:2px; } .loadmask-msg div { padding:5px 10px 5px 25px; background: #fbfbfb url('http://plusplus.com.ua/catalog/view/theme/marketshop/image/loading.gif') no-repeat 5px 5px; line-height: 16px; border:1px solid #a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; cursor:wait; } .masked { overflow: hidden; } .masked-relative { position: relative; } .masked-hidden { visibility: hidden; } /*====Adv Ajax Filter====*/ #adv_ajaxfilter_box{margin-bottom:20px;} form#adv_ajaxfilter { display:block; } #adv_ajaxfilter .option_box {display: inline-block; margin:0 0 10px; padding-bottom:10px; min-width: 100%; vertical-align: top; border-bottom: solid 1px #ddd;} #adv_ajaxfilter .price_limit { border: 0; color: #666; font-weight: bold; width: 100%; text-align:center; background:#f8f8f8;} #adv_ajaxfilter .ui-widget-header { background: none repeat scroll 0 0 #ccc; border: 0 none; color: #FFFFFF; font-weight: bold; } #adv_ajaxfilter select { width: 100%; } #adv_ajaxfilter .ui-state-hover, #adv_ajaxfilter .ui-state-focus, #adv_ajaxfilter .ui-state-active { border: 1px solid #0088CC; background: none repeat scroll 0 0 #d9f2fc; } #adv_ajaxfilter .price_slider { padding: 5px; } #adv_ajaxfilter .price_slider input { width: 30% !important; } #adv_ajaxfilter .price_slider label { display: inline !important; } #adv_ajaxfilter .option_values { padding-top: 5px; } #adv_ajaxfilter .option_name, #adv_ajaxfilter .attribute_group_name {color: #000; cursor: pointer; font-size:16px; padding:5px 0; vertical-align: middle; position:relative;} #adv_ajaxfilter .option_name:after, #adv_ajaxfilter .attribute_group_name:after{border-color: #a1a1a1 transparent transparent; border-style: solid; border-width: 4px 5px 0; clear: both; content: " "; display: inline-block height: 0; margin: 0 0 1px; width: 0; right:6px; top:12px; position:absolute;} #adv_ajaxfilter .attribute_group_name { padding-left: 0; } #adv_ajaxfilter .option_name.hided:after, #adv_ajaxfilter .attribute_group_name.hided:after{border-color:transparent transparent #a1a1a1; border-width:0 4px 5px;} #adv_ajaxfilter_box .clear_filter {float:right;} #adv_ajaxfilter_box .clear_filter a {width:20px; height:22px; display:block; line-height:22px; text-align:center; font-size:20px; color:#555555;} #adv_ajaxfilter_box .clear_filter a:hover{color:#222;} #adv_ajaxfilter .collapsible { max-height:118px; margin:10px 0; overflow-x: hidden; overflow-y: auto; } #adv_ajaxfilter .collapsible.brand{max-height:144px;} #adv_ajaxfilter .brand img{width:18%;} #adv_ajaxfilter img { cursor: pointer; margin:0 1% 2%; width:14%; height:auto; float:left; border:1px solid #eee;} #adv_ajaxfilter img.selected { border:2px solid;} #column-left + #column-right + #content .product-grid > div.loadmask { width: 100%; } #adv_ajaxfilter input { margin:5px 3px; } #adv_ajaxfilter table { margin-bottom: 5px; } #adv_ajaxfilter label {margin-bottom:0; display: block; cursor:pointer;} #adv_ajaxfilter label:hover {background:#f7f7f7;} #adv_ajaxfilter .ui-slider {margin: 15px 5px 5px 5px;} #adv_ajaxfilter .ui-slider .ui-slider-handle{height:24px; border:none; border-radius:0px; top:-8px; width:11px; cursor:pointer; background:#777 url("../image/handle-line.png") center center no-repeat;} #adv_ajaxfilter .ui-slider-horizontal{border-radius:0px;} /*custom style*/ @media (min-width: 1200px){ .product-block { height: 335px; } } @media (min-width: 992px){ .product-block { height: 335px; } } .no-instock-img { opacity: .52; } .no-instock-text { color: #a19f9f !important; } .text-end { font-weight: 700; font-size: 14px; margin-right: 5px; color: #444; }