/* * 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#OpenSansRegular') 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: Arial,Helvetica,sans-serif; line-height:18px;} body, td, th, input, textarea, select /* , a */{font-size:14px;} ul, ol { margin:0; padding:0; } #container h1 {color: #000; margin-bottom:18px; font-size:35px; line-height:normal; font-weight: normal; text-rendering:optimizelegibility;} #container h2{position:relative; padding:0px; line-height:normal; font-size:20px; /* color:#000000; border-bottom:2px solid #ddd; */} a, a b {color:#3e7cb4; /* text-decoration: none; */ cursor: pointer;} a:hover, a b:hover {text-decoration:none; color:#000;} a:focus{outline:none;} .clear{clear:both;} form {padding:0; margin:0; display:inline;} .form-control{border-radius:0px;} img{vertical-align:inherit;} /********** 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;padding-left: 10px;} /********** header **********/ #header {position: relative; padding:0px; } #header .htop{background:rgba(66, 182, 23, 0.82) none repeat scroll 0% 0%} #header .header-row{position:relative; padding:15px 0;/* background: url(/catalog/view/theme/marketshop/stylesheet/image/header_bg_new_year.jpg) no-repeat; */} #header .header-row .inner{padding:0;} /********** Language & Currency **********/ #language, #currency{float:left; margin:0 0px; border-right:1px dotted #5b9ad4; cursor:default; color:#fff; text-decoration:none; text-transform:capitalize; position:relative;line-height:35px;} #language span a, #currency span a{color:#fff;} #language ul, #currency ul{display:none; position:absolute; top:35px; left:0; background:#fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); z-index:1013;} #language ul li, #currency ul li{ display:block; line-height:18px; } #language ul li a, #currency ul li a{display:block; color:#333; padding:7px 10px; min-width:120px; } #language ul li a b, #currency ul li a b{cursor:default; display:block; color:#333;} #language ul li a:hover, #currency ul li a:hover{color:#3e7cb4;} #language ul li + li a, #currency ul li + li a{border-top:1px solid #eee;} #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;} #language span b, #currency span b, #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 span, #currency span{ position:relative; display:block; padding:0 10px 0 10px; -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;} #language img {cursor: pointer; margin-right:5px;} /********** Top Links **********/ #header .links { position: relative; float:left; line-height:35px; border-right:1px dotted #7b97b2;} #header .links > ul > li{float:left; list-style-type:none; border-left:1px dotted #5b9ad4;} #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} #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 .links > ul > li.mobile{background:url(../image/contact/telephone.png) 10px 8px no-repeat; padding:0 10px 0 35px; color:#fff;} #header .links > ul > li.mobile.contact_icon1{background:url(../image/contact/1/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon2{background:url(../image/contact/2/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon3{background:url(../image/contact/3/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon4{background:url(../image/contact/4/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon5{background:url(../image/contact/5/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon6{background:url(../image/contact/6/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon7{background:url(../image/contact/7/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon8{background:url(../image/contact/8/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon9{background:url(../image/contact/9/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.mobile.contact_icon10{background:url(../image/contact/10/telephone.png) 10px 8px no-repeat;} #header .links > ul > li.email{background:url(../image/contact/mail.png) 10px 11px no-repeat; padding:0 0px 0 25px; color:#fff;} #header .links > ul > li.email.contact_icon1{background:url(../image/contact/1/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon2{background:url(../image/contact/2/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon3{background:url(../image/contact/3/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon4{background:url(../image/contact/4/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon5{background:url(../image/contact/5/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon6{background:url(../image/contact/6/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon7{background:url(../image/contact/7/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon8{background:url(../image/contact/8/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon9{background:url(../image/contact/9/mail.png) 10px 11px no-repeat;} #header .links > ul > li.email.contact_icon10{background:url(../image/contact/10/mail.png) 10px 11px no-repeat;} #header #welcome {color:#fff; line-height:35px; border-right:1px dotted #7b97b2;} #header #welcome a {color:#fff; text-transform:capitalize; display: inline-block; padding:0px 10px; border-left:1px dotted #5b9ad4;} #header .links a:hover, #header #welcome a:hover{text-decoration:underline;} .wrapper-box #header #welcome{border-right:none;} .wrapper-box .htop .main-wrapper{max-width:1220px; padding:0;} /********** Mini Cart ***********/ #header #cart .heading{text-align:right;} #header #cart .heading h4{position: relative; height: 30px; width: 35px; margin-right: 5px; top: -8px;} #header #cart .heading h4:before{} #header #cart .heading h4:after{} #header ul, #header ol{list-style:none;} #header #cart .heading a { text-decoration: none; font-size:14px; height:32px; color:#FFFFFF; display:inline-block; position:relative; padding:0;} #header #cart .heading a span {display:inline-block; line-height:32px;} #header #cart.active .heading a 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 .content { clear: both; display:none; position:absolute; padding:8px; min-height:120px; z-index:1011; background: #FFF; border-top:3px solid #3e7cb4; width:350px; right:0; top:32px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} #header #cart.active .heading a{color:#000;} #header #cart.active .content { display: block; } .mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; } .mini-cart-info td {color: #000; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; } .mini-cart-info .image { width: 1px; } .mini-cart-info .image img { text-align: left; } .mini-cart-info .name small { color: #666; } .mini-cart-info .quantity { text-align: right; } .mini-cart-info td.total { text-align: right; } .mini-cart-info .remove { text-align: right; } .mini-cart-info .remove img { cursor: pointer; background:#e9e9e9; padding:3px; border-radius:50%;} .mini-cart-total { text-align: right; } .mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; } .mini-cart-total td {padding:2px; font-size:13px;} .mini-cart-total td b{padding-right:10px;} #header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0 -8px -8px; padding:15px 8px; background:#f5f5f5; border-top:1px solid #EEEEEE;} #header #cart .empty { padding-top:35px; text-align: center; text-transform:capitalize;} #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; text-align: center; } /********** Search Bar **********/ #header #search { position:relative;} #header .button-search {background: url("../image/sprites.png") no-repeat scroll center center rgba(246, 219, 17, 0.51);width: 33px;height: 36px;position: absolute;right: 0px;cursor: pointer;float: right;} #header #search input {background:#FFF; padding:0 10px; height:36px; font-size:13px; color:#333; outline:none; display:block;} #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 .heading {text-align:left;} #header.style2 #cart .content{left:0; right:auto;} #header.style3 #cart .heading{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 {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:17px; 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;} #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.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:14px; 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;background: none repeat scroll 0% 0% #FFCF00;} #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;} .breadcrumb{color:#c2c2c2; margin-bottom: 10px; background:none; padding:0; border-radius:0px;} .breadcrumb a{color:#5E74EC;} .breadcrumb a:hover{color:#2f4a90; text-decoration:underline;} .success, .warning, .attention, .information {padding:10px 10px 10px 33px; margin-bottom:15px; color:#555555;} .success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; color:#333;} .warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; color:#333;} .attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; color:#333;} .attention a:hover, .success a:hover, .warning a:hover{color:#333; text-decoration:underline;} .success { background: #E6F5D4 url('../image/success.png') 10px center no-repeat; border:2px solid #EC8877; } .warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border:2px solid #F8ACAC; } .attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border:2px solid #F2DD8C; } .success .close, .warning .close, .attention .close, .information .close { float: right; padding:5px; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff; opacity:1;} .success .close{border:1px solid #BBDF8D;} .warning .close{border:1px solid #F8ACAC;} .attention .close{border:1px solid #F2DD8C;} .required { color: #FF0000; font-weight: bold; } .error { display: block; color: #FF0000; } .help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table.form tr td:first-child { width: 150px; } table.form > * > * > td { color: #333; } table.form td { padding:8px 4px; } input.large-field, select.large-field { width: 300px; } table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } table.list tbody td { vertical-align: top; padding: 0px 5px; } table.list .left { text-align: left; padding: 7px; } table.list .right { text-align: right; padding: 7px; } table.list .center { text-align: center; padding: 7px; } table.radio { width: 100%; border-collapse: collapse; } table.radio td { padding: 5px; vertical-align: top; } table.radio td label { display: block; } table.radio tr td:first-child { width: 1px; } table.radio tr td:first-child input { margin-top: 1px; margin-left:0;} table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; } /*********** Pagination ***********/ .pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; } .pagination .links { float: left; } .pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; margin-right:4px; padding: 4px 10px; text-decoration: none; color: #555; } .pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #3e7cb4; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #3e7cb4; margin-right:4px;} .pagination .links a:hover { color:#000; background:#EEEEEE; } .pagination .results { float: right; padding-top: 3px; } /*********** button ***********/ a.button, .button {background-color:#38B606; color:#ffffff; border:0px none; text-transform:uppercase; cursor:pointer; color:#fff; font-size:15px; -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;border-radius: 3px;} a.button { display: inline-block; text-decoration: none; padding:8px 16px;} .button { margin:0; padding:8px 16px;} a.button:hover, .button:hover { background:#45c313; color:#fff; -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;border-radius: 3px; } .buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; } .buttons .left { float: left; text-align: left; } .buttons .right { float: right; text-align: right; } .buttons .center { text-align: center; margin-left: auto; margin-right: auto; } .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: 14px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;} .htabs 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;} .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 .tabs{position:absolute; right:70px; top:-46px; height:25px; line-height:25px;} .category .tabs li{float:left; list-style-type:none;} .category .tabs li a{padding:0px 7px; font-size:12px; display:inline-block; color:#333;} .category .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 .tabs li.active a:hover{text-decoration:none; cursor:default;} .category .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 .deactive {display:none;} .addthis_default_style > a{padding:0} /*********** box ***********/ .box { margin-bottom: 20px; } .box .box-heading, .welcome{position:relative; line-height:normal; margin-bottom:20px; font-size:26px; color:#000000; border-bottom:2px solid #ddd; padding-bottom:3px;} .box .box-content { padding:0px; position:relative;} .box .box-heading a:hover{text-decoration:underline;} /*********** box products ***********/ .box-product {width: 100%;} .box-product .product-item{padding:7px; margin:0px 3px 0px 0px; position: relative; text-align: center; border:3px solid transparent;} .box-product .product-item:hover{border-color:#eae9e9;} .box-product .image {display: block; margin-bottom:5px;} .box-product .image a {display:block;} .box-product .image img {padding:0px; display:inline-block; height:auto; width:100%;} .box-product .image-blog img {padding:0px; display:inline-block; height:auto;float: left;} .box-product .name a {font-size:14px; line-height:18px; text-decoration: none; display:block; margin:0 auto; padding:0px; color:#333;} .box-product .name a:hover {text-decoration:underline;} .box-product .price { display: block; font-weight: bold; margin:5px 0; color:#3e7cb4; font-size:13px;} .box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;} .box-product .price-new { font-weight: bold; } .saving {background:#EA1707 none repeat scroll 0% 0%; border-radius: 100% 100% 100% 100%; color: #FFFFFF; display: block; font-size: 13px; font-weight:bold; height:40px; line-height:40px; position: absolute; right: 9px; text-align: center; top: 8px; width: 40px;} .box-product .rating {display: block;} .box-product .cart input, .box-product .cart a{padding:4px 8px; margin-top: 5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} /********** Comented for Right Part *******/ #column-right .product-grid > div, #column-left .product-grid > div{padding:0px 0px 7px 0px; text-align:left; border:0px none; margin:0;} #column-right .product-grid > div + div, #column-left .product-grid > div + div{border-top:1px dotted #ccc; padding-top:7px;} #column-right .product-grid .image, #column-left .product-grid .image{float:left; margin-right:8px; margin-bottom:0px;} #column-right .product-grid .product-details, #column-left .product-grid .product-details{float:left; max-width:202px; width:170px;} #column-right .product-grid .name, #column-left .product-grid .name {margin-bottom:2px;} #column-right .product-grid .name a, #column-left .product-grid .name a{font-size:12px; display:block;} #column-right .product-grid .price, #column-left .product-grid .price {padding:0; margin:0px 0 2px 0; font-size:12px;} #column-right .product-grid .saving, #column-left .product-grid .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;} /*********** Category boxes ***********/ .box-category ul, .list-item { list-style: none; margin: 0; padding: 0; } .box-category > ul > li, .list-item > li {display: block; position: relative; } .box-category > ul > li.custom_id741 > a {display: block; position: relative; color: red;} .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; } #column-right .list-item, #column-left .list-item{margin-top:-10px;} .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 > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;} .box-filter > li > ul{margin-bottom:15px;} .box-filter > li > ul li {margin-bottom:5px;} .box-filter > li > ul li label{margin-left:5px;} #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 .content {margin-bottom: 20px;} /*********** 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 ***********/ .manufacturer-list {margin-bottom: 20px; } .manufacturer-heading {border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-size:20px; color: #333;} /*********** product ***********/ .product-filter { border:1px solid #EAEAEA; background:#F6F6F6; padding:6px 5px; overflow: auto; line-height:27px; margin-bottom:20px;} .product-filter .display { margin-right:4px; float: left; color: #333; } .product-filter .display a { font-weight: bold; } .product-filter .sort { float: right; color: #333; } .product-filter .limit { margin-left: 15px; float: right; color: #333; } .product-filter select{padding:4px; font-size:13px;} .product-filter .display b { float:left; margin-right:10px;} .product-compare {font-weight: bold; float:left; padding-left:10px; border-left:1px solid #EAEAEA; } .product-compare a { text-decoration: none; font-weight:normal; color: #555;} .product-compare a:hover{color:#3E7CB4;} .product-list > div {position:relative; padding:20px 0px; border-top:2px solid #eae9e9;} .product-list > div:first-child {border-top:none;} .product-list .image { float: left; margin-right:15px; } .product-list .name { margin-bottom:8px; } .product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:15px; } .product-list .name a:hover { color:#3e7cb4; } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } .product-list .rating { color: #7B7B7B; margin-top:5px;} .product-list .price {font-size:14px; font-weight: bold; color:#3e7cb4; } .product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; } .product-list .price-tax { font-size: 12px; font-weight: normal; color: #aaa; } .product-list .cart{float:left; margin-right:5px; margin-top:8px;} .product-list .cart input{margin:0!important;} .product-list .wishlist, .product-list .compare {float:left; margin-top:8px; padding:3px 6px; display:inline-block;} .product-list .wishlist a, .product-list .compare a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:20px;} .product-list .wishlist a{background: url("../image/wishlist.png") 0 0 no-repeat;} .product-list .compare a {background: url("../image/compare.png") 0 0 no-repeat;} .product-list .saving{top:25px; left:16px;} #cloud-zoom-big{background:#fff;} /*********** Grid-List Icon ***********/ .list-icon, .grid-icon, .list1-icon, .grid1-icon{width:17px; height:17px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .list-icon{background:url(../image/list-icon.png) left top no-repeat; } .grid-icon{background:url(../image/list-icon.png) left -45px no-repeat;} .list1-icon { background: url(../image/list-icon.png) left -23px no-repeat;} .grid1-icon { background: url(../image/list-icon.png) left -68px no-repeat;} /*********** Grid Product ***********/ .product-list.row, .product-grid.row{margin:0;} .product-grid > div {position: relative; text-align:center; vertical-align:top; background:#fff; padding:7px; border:1px solid transparent; margin-bottom:0px;} .product-grid > div:hover{border-color:#eae9e9;} .product-grid .image {display: block; margin-bottom:5px; } .box-product .image a {display:block; } .product-grid .image img {padding:0px; height:auto; max-width:100%;} .product-grid .name a {font-size:13px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333;} .product-grid .name a:hover {text-decoration:underline;} .product-grid .description {display: none; } .product-grid > div .product-grid .rating {display:block;} .product-grid .price {display: block; font-weight: bold; margin:5px 0; color:#3e7cb4; font-size:13px;} .product-grid .price-old {color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;} .product-grid .price-new { font-weight: bold; } .product-grid .price .price-tax {display: none;} .product-grid .cart input, .product-list .cart input, .product-grid .cart a.button{padding:4px 8px; margin-top:5px; font-size:11px; height:auto; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:normal;} .product-list .cart input{margin-right:5px;} .product-grid .wishlist, .product-grid .compare, .box-product .product-item .wishlist, .box-product .product-item .compare{visibility:hidden; display:inline-block; width:28px; height:22px; margin-top:7px;} .product-grid div:hover .wishlist, .box-product .product-item:hover .wishlist{border-right:1px solid #eee;} .product-grid div:hover .wishlist, .product-grid div:hover .compare, .box-product .product-item:hover .wishlist, .box-product .product-item:hover .compare{visibility:visible;} .product-grid .wishlist a, .product-grid .compare a, .box-product .product-item .wishlist a, .box-product .product-item .compare a{color:#666; text-decoration:none; font-size:10px; text-transform:uppercase; text-indent:-99999px; width:28px; height:22px; display:inline-block; opacity:0.7;} .product-grid .wishlist a, .box-product .product-item .wishlist a{background: url("../image/wishlist.png") center center no-repeat; } .product-grid .compare a, .box-product .product-item .compare a {background: url("../image/compare.png") center center no-repeat;} .product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover, .box-product .product-item .wishlist a:hover, .box-product .product-item .compare a:hover {color:#3e7cb4; opacity:1;} /*********** 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 {padding: 1px 1px 1px 16px; font-size:11px; line-height: 11px; font-style:italic; color:#666; background:url(../image/zoom-plus.png) left 3px no-repeat; padding:1px 1px 1px 20px;} .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:68px;} .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 {padding:0px 0px 12px 0px; line-height: 22px; color: #4D4D4D; font-size:13px; } .product-info .description span { font-weight:bold; } .product-info .description a {text-decoration: none; font-size:13px; } .product-info .price {background:#F4F3F3; border:1px solid #eee; overflow: auto; padding:10px 5px; margin-bottom:20px; font-size:28px; font-weight: bold; color: #3e7cb4; } .product-info .price-old {color:#F00; font-size:20px; text-decoration: line-through; font-weight:normal; } .product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } .product-info .options {padding: 0px 5px 0px 5px; margin-bottom:20px; color:#333; border-bottom:1px solid #eee;} .product-info .option-image { margin-top: 3px; margin-bottom: 10px; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #eae9e9; cursor: pointer; } .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, .product-info .cart div .compare{font-size:11px; display:inline-block;} .product-info .cart div .wishlist{padding-top:4px;} .product-info .cart #button-cart{padding:11px 40px;} .product-info .cart .minimum { padding-top:5px; font-size: 11px; color: #999; clear: both; } .product-info .review { color: #999; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #eae9e9;} .product-info .review > div {line-height: 20px; overflow:auto; } .product-info .review > div > span { color: #38B0E3; } .product-info .review .share { overflow: auto; line-height: normal; } .product-info .review .share a { text-decoration: none; } .review-list { padding:0px; overflow: auto; margin-bottom:20px;} .review-list + .review-list{border-top:1px dotted #D5D5D5; padding-top:20px;} .review-list .author { float: left; margin-bottom: 20px; font-size:11px;} .review-list .author b{font-size:14px;} .review-list .rating { float: right; margin-bottom: 20px; } .review-list .text { clear: both; } .attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; } .attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info { border-collapse: collapse; width: 100%; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; } .compare-info thead td, .compare-info thead tr td:first-child {padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; text-align:left;} .compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; } .compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top; border-bottom: 1px solid #EAEAEA; } .compare-info td + td{border-left: 1px solid #EAEAEA;} .compare-info thead td{padding:10px 7px;} .compare-info .name a { font-weight: bold; } .compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; } .compare-info .price-new { font-weight: normal; } .product-info .cart div .qty{margin-right:20px; float:left;} .qty strong{margin-right:10px; float:left; padding:12px 0; display:inline-block;} .qty a{background: url("../image/sprites.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;background-position: -15px -170px;} .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 input{float:left; font-size:15px; max-width:49px; height:40px; text-align:center;} /*********** wishlist ***********/ .wishlist-info table { width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; } .wishlist-info td { padding: 7px; } .wishlist-info thead td {padding:12px 10px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA;} .wishlist-info thead .image { text-align: center; } .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { text-align: left; } .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { text-align: right; } .wishlist-info tbody td {border-bottom: 1px solid #EAEAEA; } .wishlist-info tbody .image { text-align: center; } .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { text-align: left; } .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { text-align: right; } .wishlist-info tbody .price s { color: #F00; } .wishlist-info tbody .action img { cursor: pointer; } label{font-weight:normal;} /*********** orders ***********/ .order-list { margin-bottom: 10px; } .order-list .order-id { width: 49%; float: left; margin-bottom: 2px; } .order-list .order-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .order-list .order-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .order-list .order-content div { float: left; width: 33.3%; } .order-list .order-info { text-align: right; } .order-detail { background: #EFEFEF; font-weight: bold; } /*********** returns ***********/ .return-list { margin-bottom: 10px; } .return-list .return-id { width: 49%; float: left; margin-bottom: 2px; } .return-list .return-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .return-list .return-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .return-list .return-content div { float: left; width: 33.3%; } .return-list .return-info { text-align: right; } .return-product { overflow: auto; margin-bottom: 20px; } .return-name { float: left; width: 31%; margin-right: 15px; } .return-model { float: left; width: 31%; margin-right: 15px; } .return-quantity { float: left; width: 31%; } .return-detail { overflow: auto; margin-bottom: 20px; } .return-reason { float: left; width: 31%; margin-right: 15px; } .return-opened { float: left; width: 31%; margin-right: 15px; } .return-opened textarea {vertical-align: top; } .return-captcha { float: left; } .download-list { margin-bottom: 10px; } .download-list .download-id { width: 49%; float: left; margin-bottom: 2px; } .download-list .download-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .download-list .download-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .download-list .download-content div { float: left; width: 33.3%; } .download-list .download-info { text-align: right; } /*********** cart ***********/ .cart-info table{width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px;} .cart-info td { padding: 7px; } .cart-info thead td { padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; } .cart-info thead .image { text-align: center; } .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; } .cart-info thead .price, .cart-info thead .total { text-align: right; } .cart-info tbody td {border-bottom: 1px solid #DDDDDD; } .cart-info tbody .image { text-align: center; } .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; } .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; cursor: pointer; } .cart-info tbody .price, .cart-info tbody .total { text-align: right; } .cart-info tbody span.stock { color: #F00; font-weight: bold; } .cart-module > div { display: none; } .cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; } .cart-total table { float: right; } .cart-total td { padding: 3px; text-align:right; } .wishlist-info table tr td img, .wishlist-info table tr td input, .cart-info table tr td img, .cart-info table tr td input{vertical-align: middle;} /*********** checkout ***********/ .checkout{margin-bottom:20px;} .checkout-heading {border:1px solid #EAEAEA; background:#FDFDFD; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;} .checkout-heading a {float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } .checkout-content { padding:0px; margin-bottom:20px; display: none;} .checkout-content .buttons { clear: both; } .checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;} .checkout-product td { padding: 7px; } .checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left; } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } .checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } .checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; } .sitemap-info {margin-bottom: 40px;} #back-top{display:none;} #back-top a{ position:fixed; bottom:0px; right:10px; background-image:url(../image/arrow-backtotop.png); background-color:rgba(0, 0, 0, 0.2); background-position:center center; background-repeat:no-repeat; width:45px; height:30px;text-indent:-9999px; display:block;} #back-top a:hover { background-color:#3e7cb4; } /************************* Footer ***********************/ /******* Facebook ********/ #facebook{position:fixed; width:235px; background:#fff; border:3px solid #3b5998; padding:0px;} #facebook.fb-left{left:-235px;} #facebook.fb-right{right:-235px;} #facebook_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/socialicons/facebook.png); background-position:center center; background-repeat:no-repeat; 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; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/socialicons/twitter.png); background-position:center center; background-repeat:no-repeat; background-color:#2daae1;} .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; position:absolute; top:-3px; background-image:url(../image/arrow-block.png); background-position:center center; background-repeat:no-repeat; background-color:#ed5f01;} .custom_side_block_left .custom_side_block_icon{right:-33px;} .custom_side_block_right .custom_side_block_icon{left:-33px; background-image:url(../image/arrow-block-prv.png); background-position:center center; background-repeat:no-repeat;} /******* Video Box ********/ #video_box{position:fixed; width:560px; 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; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/video_box_icon.png); background-color:#ff679a; background-position:center center; background-repeat:no-repeat;} .vb-left #video_box_icon{right:-33px;} .vb-right #video_box_icon{left:-33px;} /******** Footer Links *******/ #footer .fpart-first{background-color:#f3f3f3; color:#444; padding-top:50px; padding-bottom:50px;clear: left;} #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 h3{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_icon ul li{background:url(../image/contact-icon.png) left top no-repeat;} #footer .contact_icon1 ul li{background:url(../image/contact-icon-1.png) left top no-repeat;} #footer .contact_icon2 ul li{background:url(../image/contact-icon-2.png) left top no-repeat;} #footer .contact_icon3 ul li{background:url(../image/contact-icon-3.png) left top no-repeat;} #footer .contact_icon4 ul li{background:url(../image/contact-icon-4.png) left top no-repeat;} #footer .contact_icon5 ul li{background:url(../image/contact-icon-5.png) left top no-repeat;} #footer .contact_icon6 ul li{background:url(../image/contact-icon-6.png) left top no-repeat;} #footer .contact_icon7 ul li{background:url(../image/contact-icon-7.png) left top no-repeat;} #footer .contact_icon8 ul li{background:url(../image/contact-icon-8.png) left top no-repeat;} #footer .contact_icon9 ul li{background:url(../image/contact-icon-9.png) left top no-repeat;} #footer .contact_icon10 ul li{background:url(../image/contact-icon-10.png) left top no-repeat;} #footer .contact ul li{font-size:12px; list-style-type:none; padding:0 0 0 32px;} #footer .contact ul li + li{margin-top:25px;} /* #footer .contact ul li.address{background:url(../image/contact/location.png) 2px 3px no-repeat;} #footer .contact ul li.mobile{background:url(../image/contact/telephone.png) left 2px no-repeat;} #footer .contact ul li.email{background:url(../image/contact/mail.png) left 4px no-repeat;}*/ #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;} #footer .contact_icon1 ul li.address{background-image:url(../image/contact/1/location.png);} #footer .contact_icon2 ul li.address{background-image:url(../image/contact/2/location.png);} #footer .contact_icon3 ul li.address{background-image:url(../image/contact/3/location.png);} #footer .contact_icon4 ul li.address{background-image:url(../image/contact/4/location.png);} #footer .contact_icon5 ul li.address{background-image:url(../image/contact/5/location.png);} #footer .contact_icon6 ul li.address{background-image:url(../image/contact/6/location.png);} #footer .contact_icon7 ul li.address{background-image:url(../image/contact/7/location.png);} #footer .contact_icon8 ul li.address{background-image:url(../image/contact/8/location.png);} #footer .contact_icon9 ul li.address{background-image:url(../image/contact/9/location.png);} #footer .contact_icon10 ul li.address{background-image:url(../image/contact/10/location.png);} #footer .contact_icon1 ul li.mobile{background-image:url(../image/contact/1/telephone.png);} #footer .contact_icon2 ul li.mobile{background-image:url(../image/contact/2/telephone.png);} #footer .contact_icon3 ul li.mobile{background-image:url(../image/contact/3/telephone.png);} #footer .contact_icon4 ul li.mobile{background-image:url(../image/contact/4/telephone.png);} #footer .contact_icon5 ul li.mobile{background-image:url(../image/contact/5/telephone.png);} #footer .contact_icon6 ul li.mobile{background-image:url(../image/contact/6/telephone.png);} #footer .contact_icon7 ul li.mobile{background-image:url(../image/contact/7/telephone.png);} #footer .contact_icon8 ul li.mobile{background-image:url(../image/contact/8/telephone.png);} #footer .contact_icon9 ul li.mobile{background-image:url(../image/contact/9/telephone.png);} #footer .contact_icon10 ul li.mobile{background-image:url(../image/contact/10/telephone.png);} #footer .contact_icon1 ul li.email{background-image:url(../image/contact/1/mail.png);} #footer .contact_icon2 ul li.email{background-image:url(../image/contact/2/mail.png);} #footer .contact_icon3 ul li.email{background-image:url(../image/contact/3/mail.png);} #footer .contact_icon4 ul li.email{background-image:url(../image/contact/4/mail.png);} #footer .contact_icon5 ul li.email{background-image:url(../image/contact/5/mail.png);} #footer .contact_icon6 ul li.email{background-image:url(../image/contact/6/mail.png);} #footer .contact_icon7 ul li.email{background-image:url(../image/contact/7/mail.png);} #footer .contact_icon8 ul li.email{background-image:url(../image/contact/8/mail.png);} #footer .contact_icon9 ul li.email{background-image:url(../image/contact/9/mail.png);} #footer .contact_icon10 ul li.email{background-image:url(../image/contact/10/mail.png);} /******** 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;} /*********** banner ***********/ .banner div { text-align: center; width:100%; display:none; } .banner div img { margin-bottom: 20px; } /*********** 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:#f5f5f5; text-align:center; padding:10px; margin-bottom:20px;} .custom-feature-box .feature-box h3{color:#666; font-size:13px; text-transform:uppercase; line-height:normal; margin:0;} .custom-feature-box .feature-box p{color:#999; font-size:12px; margin:0; line-height:normal;} #content-top-full{margin-bottom:-20px;} /*********** Extra ***********/ .w30{max-width:50px; text-align:center; display:inline-block;} /*====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; } #header #contact{width: 100%;position: absolute;top: -10px;left: 20%;font-size: 12px;} .image .corner_0{left:0;top:0;} .image .corner_0,.image .corner_1,.image .corner_2,.image .corner_3{height:57px;position:absolute;width:58px;} .image .corner_1{right:0;top:0;} .image .corner_2{bottom:0;left:0;} .image .corner_3{bottom:0;right:0;} /*****RECALL****/ #recall_anchor{left:0;top:25%;width:20px;height:auto;background:#0E7FA2 none repeat scroll 0% 0%;position:fixed;z-index:9999;border:0;cursor:pointer;color:#FFF;font-size:13px;text-align:center;line-height:24px;font-family:Tahoma, Arial;padding:12px 1px!important;} #recall_form{background:none repeat scroll 0 0 #FFF;box-shadow:0 2px 13px rgba(0,0,0,0.5);display:none;left:50%;position:fixed;top:50%;width:380px;z-index:99999;padding:0;} .call_b_char{line-height:7px;-webkit-animation:pulsate 1.2s linear infinite;animation:pulsate 1.2s linear infinite;height:8px;font-size:13px;font-family:Tahoma;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);text-shadow:0 1px 0 #000;} .error_message{color:#7A0404;font-family:tahoma;font-size:11px;font-weight:400;line-height:11px;display:none;padding:10px 10px 10px 0;} .form_table_recall .input_error{border-color:#7A0404;} .green_big_title{color:#0B4C0D;font-family:Georgia;font-size:22px;font-style:italic;line-height:40px;} .recall_header{background:none repeat scroll 0 0 #9BFF9D;width:360px;cursor:move;margin:10px;} .recall_input{width:210px;} .success_block{background:none repeat scroll 0 0 #9BFF9D;border:1px solid #3ABC3D;border-radius:4px 4px 4px 4px;margin:20px 10px;} .category-info-bottom{font-size: 12px;} /*********** Blog Product ***********/ .rating .fa-stack,.review .fa-stack{width:1.1em;} .rating .fa-star,.rating .fa-star + .fa-star-o,.review .fa-star,.review .fa-star + .fa-star-o{color:#FFD700;} .rating .fa-star,.rating .fa-star-o,.review .fa-star,.review .fa-star-o{color:#CBC930;font-size:15px;} .product-grid .blog {position: relative; width: 22%; float: left; text-align:center; vertical-align:top; background:#fff; padding:7px; border:3px solid transparent; margin-bottom:0px;width: 220px;} #null-zakaz{display:none;} #header #free-delivery-top {font-size: 16px; /* color: rgb(237, 89, 65); */ color: white;padding: 0px;font-weight: 600;visibility: hidden;} p img {max-width: 100%;} #company-id-display { display: none; } .tab-content ol {padding: 5px 15px 5px;} #content p {line-height: 1.38; margin-top: 0pt;text-align: justify;font-size: 10pt;font-family: Arial;color: rgb(0, 0, 0);background-color: transparent;font-variant: normal;text-decoration: none;} #hiddentxt {overflow: hidden; max-height: 15em;} .top-phones-small .phone { font-size: 18px; line-height: 24px; position: relative; padding-left: 5px; } .top-phones-small .phone span { font-weight: bold; } .phone.ks::before {position: absolute; content: '';top: 4px;left: -17px;} .top-phones-small { display: inline-block; vertical-align: top; /* margin: 15px 0 0 20px; */ } .top-phones-small .phone.life::before {position: absolute;content: '';top: 5px;left: -31px;} .top-phones-small a {font-size: 16px; text-decoration: none;} .blog-description a { text-decoration: none; border-bottom: 1px dashed #000080; } .blog-description img { display: block; margin: 0 auto; } /* Кредит */ .creditWindow{position:fixed;border:1px solid gray;background:#fff;color:#000;padding:10px;top:50%;left:50%;margin-top:-300px;margin-left:-325px;font-family:'Open Sans',sans-serif;z-index:2147483646}.form-column{width:200px;float:left;padding:0 15px}.form-column-title{font-size:16px;font-weight:700;margin-bottom:10px}#creditTitle{text-align:center;font-size:20px;font-weight:900}.form-label{display:block;font-weight:400;margin-bottom:5px;color:#444;font-size:12px}.form-field-day,.form-field-month{width:48px;margin-right:5px}.form-field-year{width:48px}.credit-info{width:65%;float:left}.form-field-row{margin-bottom:10px}.credit-info .form-label{width:150px;float:left;margin-right:15px;margin-bottom:0;padding-top:5px}.label-term{padding:5px 0}.buttons-term{text-align:left} .button_credit{background-color:#444;border:0;color:white;cursor:pointer;padding:5px 10px;background-color:#444;border:0;color:white;cursor:pointer;padding: 5px 10px;font:normal 20px "Arial",sans-serif;background-color:rgb(100, 152, 27);font-weight:900;border-radius:5px;} .state-active{background-color:#7373d3}.buttons-term .button{float:left}.monthly-payment-block{width:35%;text-align:center;float:right}.monthly-payment-title{font-size:18px;margin-bottom:10px}.monthly-payment-amount{font-size:32px;font-weight:700;margin-bottom:10px}.monthly-payment-per-month{font-size:16px}.calculation{margin-bottom:15px;padding:0 15px;display:table;width:100%}input[type=button]:focus{outline:0}.button-back{height:50px;width:100px} .button-send{background-color:#BE0010;height:50px;width:100px;height:50px;width:100px;color:#fff;border-radius:5px;font:normal 16px "Arial",sans-serif;background-color:rgb(54,69,81);font-weight:900;cursor:pointer;padding: 5px;}.personal-info{display:table}.form-button-group{text-align:center;margin-top:10px;margin-bottom:5px}.form-bottom-group{margin-top:10px;margin-bottom:5px;font-size:10px}.black_overlay_credit{position:absolute;top:0;left:0;width:1000%;height:1000%;background-color:#000;z-index:1001;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=80)}.popup-css-green{border-color:#329a1c}.popup-css{background:#fff;border-radius:10px;border:3px solid #fff;padding:1.25em 1em 1em;position:relative;text-align:left;box-shadow:0 0 0 12px rgba(0,0,0,.2)}.popup-close{position:absolute;top:5px;right:5px;z-index:1}.credit-tariff-i{padding:0 20px 0 20px;text-align:center;}.catalog_item_credit{padding-top:20px}.credit-input{width:180px}.button-send:hover{background-color:rgb(227,38,35);}.button_credit:hover{background-color:rgb(58, 171, 9);} .creditLoader{font-size:10px;position:fixed;background:#999;color:#000;padding:10px;top:50%;left:50%;margin-top:-30px;margin-left:-25px;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,0.2);border-right:1.1em solid rgba(255,255,255,0.2);border-bottom:1.1em solid rgba(255,255,255,0.2);border-left:1.1em solid #ffffff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;}.creditLoader,.creditLoader:after{border-radius:50%;width:3em;height:3em;}@-webkit-keyframes load8 {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} /* /Кредит */ /* ***catalog/view/theme/marketshop/stylesheet/owl.carousel.css*** */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(../image/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div {width:26px; height:26px; margin:0px 0 0; display: block; position: absolute; top:-48px; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-buttons div.owl-next {background:url(../image/slider-arrows-medium.png) no-repeat 0px 0px; right: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; opacity: .3; filter:alpha(opacity=30);} .owl-theme .owl-controls .owl-buttons div.owl-prev {background:url(../image/slider-arrows-medium.png) no-repeat -1px -32px; right:32px; -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; opacity: .3; filter:alpha(opacity=30);} .owl-theme .owl-controls .owl-buttons div.owl-next:hover, .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: .9!important; filter:alpha(opacity=90);} .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-prev, .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-next{width:30px; height:60px; line-height:66px; text-align:center; margin:-30px 0px 0px 0px; top:50%; opacity:1;} .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-prev {left:0px; background:rgba(0, 0, 0, 0.3) url(../image/slider-arrows-large.png) no-repeat -10px 5px;} .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-next {right:0px; background:rgba(0, 0, 0, 0.3) url(../image/slider-arrows-large.png) no-repeat -10px -45px;} .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-prev:hover, .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-next:hover{color:#fff; background-color:#3e7cb4;} .owl-carousel.slideshowhome{margin-bottom:20px;} .owl-carousel.slideshowhome .owl-item img{width:100%;} .owl-carousel.slideshowhome .owl-controls .owl-pagination{position:absolute; bottom:0; width:100%;} .owl-carousel.slideshowhome.owl-theme .owl-controls .owl-page span{background:rgba(0,0,0,0.4);} .owl-carousel.slideshowhome.owl-theme .owl-controls .owl-page.active span, .owl-carousel.slideshowhome.owl-theme .owl-controls.clickable .owl-page:hover span{background:rgba(0,0,0,0.6);} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */} .owl-theme .owl-controls .owl-page span { display: block; width:11px; height:11px; margin:5px 7px; filter: Alpha(Opacity=40);/*IE7 fix*/ opacity: 0.4; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #999; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading .image { min-height: 150px; background: url(/image/progress.gif) no-repeat center center } /* ***catalog/view/theme/marketshop/stylesheet/owl.carousel.css*** */ /* спрайты */ #header #cart .heading h4,.phone.ks::before,.phone.life::before,#footer .contact ul li.address,#footer .contact ul li.email,#footer .contact ul li.mobile,.zoom-plus{background:url(../image/sprites.png) no-repeat;} #header .button-search{background-position: -7px +10px;} #header #cart .heading h4{background-position:-4px -22px;width:37px;height:30px;} .phone.ks::before{background-position:-12px -57px;width:16px;height:15px;} .phone.life::before{background-position:-8px -80px;width:29px;height:15px;} #footer .contact ul li.address{background-position:-16px -103px;height:17px;} #footer .contact ul li.email{background-position:-15px -130px;height:14px;} .qty a{background-position:-15px -155px;} #footer .contact ul li.mobile{background-position:-16px -197px;height:17px;} .zoom-plus{background-position:-17px -225px;width:16px;height:13px;} /* спрайты */ #scroll-txt {max-height: 15em;overflow-y: scroll;} .div2 a {color: #fff;font-size: 8px;} #footer .column ul li {font-size: 12px;color: #888;} #language a { color: white; }