/*------------------------------------------------------------------------------------------------------------ # VP MegaMart! Joomla 2.5 Template for VirtueMart 2.0 # ------------------------------------------------------------------------------------------------------------ # Copyright (C) 2012 VirtuePlanet Services LLP. All Rights Reserved. # License - GNU General Public License version 2. http://www.gnu.org/licenses/gpl-2.0.html # Author: VirtuePlanet Services LLP # Email: info@virtueplanet.com # Websites: http://www.virtueplanet.com ------------------------------------------------------------------------------------------------------------*/ /* TEMPLATE CSS *********************************************/ html {height:100%; overflow:auto;} body {background-color:#fff; color:#7B7A7A; height:100%;font:12px/1.55 Verdana, helvetica, sans-serif;} html.modal, body.modal { height: auto; } /* меню нет в наличии кошки*/ /* dt.off-nav-359 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-342 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-348 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-349 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-256 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-257 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-258 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-355 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-217 {background:#4c4b4b !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } */ /* меню нет в наличии собаки*/ /* dt.off-nav-358 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-343 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-351 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-350 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-253 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-254 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-255 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-354 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-95 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-96 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-97 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-98 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-99 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } dt.off-nav-101 {background:#402111 !important;background-image: url('/images/net-v-nalichii.png') !important;background-position: right 3px top !important;background-repeat: no-repeat !important;opacity: 0.5; } */ div.custom.topobjava { background-color: #e3f1ff; border-radius: 19px; color: #294CA0; padding: 13px 0px 0px 0px; border: 2px dotted #294CA0; margin-bottom: 12px; } .topobj1 { background-color: #fff; border-radius: 19px; color: #294CA0; font-size: 32px; padding: 2px 12px; border: 2px dotted #294CA0; } .topobj2 { background-color: #ff0000; border-radius: 19px; color: #fff; font-size: 26px; padding: 2px 12px; border: 3px dotted #fff; } .w1200 .container, .w1200 .navbar-static-top .container, .w1200 .navbar-fixed-top .container, .w1200 .navbar-fixed-bottom .container { width:1170px; } .w980 .container, .w980 .navbar-static-top .container, .w980 .navbar-fixed-top .container, .w980 .navbar-fixed-bottom .container { width:1017px; } #login-form .input-prepend .add-on, #login-form .input-prepend .btn { margin-right: -1px; } ul.sublevel-2 {display:none} .catID-182 div{ background:#3399FF } #thumb-carousel.flexslider .slides > li { display: block !important; } #thumb-carousel.flexslider .slides img { max-width: 95px; display: block; max-height: 105px; } .main-top-rek { width: 980px; border-radius: 12px; border: 1px solid #ff0000; } .sales { font-size: 40px; } #unsubpage .unsubsurvey, #unsubpage .unsubintro { color: #333; font-size: 14px; padding: 0px 0px 20px 0px; font-weight: bold; } .unsuboptions label, input, button, select, textarea { border-bottom: 0px dotted #ff0000; color: #ff0000; font-size: 12px; font-weight: bold; line-height: 11px; margin-right: 4px; padding-bottom: 3px; } .unsubsurvey label, input, button, select, textarea { border-bottom: 0px dotted #ff0000; color: #ff0000; font-size: 12px; font-weight: bold; line-height: 11px; margin-right: 4px; padding-bottom: 3px; padding-left: 20px; } #unsubpage .unsuboptions { padding-bottom: 20px; padding-left: 20px; } .unsubsurvey { padding-top: 30px; } #blink7 { -webkit-animation: blink7 2s linear infinite; animation: blink7 2s linear infinite; } @-webkit-keyframes blink7 { 50% { color: rgb(250, 250, 250); } 51% { color: rgba(250, 250, 250, 0); } 100% { color: rgba(250, 250, 250, 0); } } @keyframes blink7 { 50% { color: rgb(250, 250, 250); } 51% { color: rgba(250, 250, 250, 0); } 100% { color: rgba(250, 250, 250, 0); } } h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { color:#792B01; font-weight:normal; font-family: arial; } a {color:#7B7A7A;outline: 0 none} a:hover, a:focus {color:#292929;text-decoration:none;outline: 0 none} a, a:link, a:focus, a:visited, a.active, .active a, input:focus, input:active { outline: 0 none; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {color:#7B7A7A;text-decoration:none;} a, span { -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .category-list h1 { color: #792b01; font-size: 23px; font-weight: bold; margin-bottom: 25px; text-align: left; text-transform: none; } .list-title { border-bottom: 1px solid #888888; line-height: 14px; padding: 8px 0 12px 6px; width: 637px; } .list-date { border-bottom: 1px solid #888888; line-height: 11px; padding: 8px 0 12px; font-size: 11px; } .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: 0 linear; -moz-transition: 0 linear; -o-transition: 0 linear; transition: 0 linear; } .btn:focus { outline: 0 none; color:#FFF; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .add-on:last-child, .input-append .btn:last-child, .input-prepend .add-on:first-child, .input-prepend .btn:first-child, .boot-modal { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .social-button-container a { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } /* LAYOUT *********************************************/ /* TOP BAR */ #top-bar { background: url("../images/slide-bg2.png") repeat-x scroll 0 0 #EEEEEE; height: 23px; padding-top: 3px; } #top-bar [class*="span"] { min-height:0; } #top-bar h1 { color: #999999; font-family: arial; font-size: 12px; line-height: 12px; margin: 3px; padding: 0; text-align: center } #top-bar strong { color: #999999; font-family: arial; font-size: 12px; line-height: 12px; margin: 3px; padding: 0; width: 1200px; font-weight:normal } #top-bar h1 a{ color: #999999; } #top-bar h1 a:hover{ color: #999999; } .top-mods, .top-mods p, .top-mods ul li, .top-mods ul li > a { font-size:13px; line-height:15px; margin:0; padding:0; color:#333; } .top-mods ul li a { display:block; } .top-mods { float: left; display: inline-block; margin: 0 20px 0 0; padding:0; } .right .top-mods { float: right; margin: 0 0 0 20px; } .top-mods ul { list-style:none; list-style-type:none; margin:0; padding:0; } .top-mods ul li { float: left; display: inline-block; margin-right:8px; background:url(../images/link-separator.png) no-repeat left center transparent; padding-left:8px; } .top-mods ul li.first { background:0 none; padding:0; } .right .top-mods ul li.last { margin-right:0; } /* HEADER & MAIN MENU */ /* #header { background: url(/images/newyear-back.png); height: 140px; } .logo-main img { background: #fff; border-radius: 14px; border: 1px solid #ccc; } #vm_module_cart .lof_vm_top { background: #fff; } */ #header { height: 140px; background:#ffffff; margin-top: 10px; } #header .navigation { background:#fff; } .top-header { background:#ffffff } .navigation-inner { /*background:#ffffff;*/ border-bottom: 4px solid #FF0000; margin-bottom: 0; padding-top: 4px; } .logo img { margin: 9px 0 5px; padding-bottom: 1px; padding-left: 4px; padding-top: 0; width: 346px; } div.logo p { margin: 0px; } div.item-page p { font-size:12px } div.item-page { font-size:12px } #header .navbar { margin-bottom: 5px; height: 36px; } #header .navbar-inverse { margin:0; border: 1px solid #e57300; } #header .navbar-inner { padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 34px; height: 34px; } #header .menu.nav, #header .menu.nav ul { list-style:none; list-style-type:none; margin:0; padding:0; } #header .menu.nav .submenu.sublevel-1 { display:none; } #header .navbar .menu.nav { width: 100%; } .navbar .nav > li > a, .navbar .nav > li > a:focus, .navbar .nav > li > span { float:none; color:#fff0e1; text-decoration:none; padding:0; text-shadow:none; background:0 none; display: block; outline: 0 none; } .navbar .nav > li > a:hover { float:none; color:#ffffff; padding:0; text-shadow:none; background:0 none; display: block; outline: 0 none; } .navbar .nav > li > a, .navbar .nav > li > span, #header .menu.nav .sublevel-1 > li > a, #header .menu.nav .sublevel-1 > li > span { color:#f7f7f7; font-family: arial,verdana,tahoma; font-size:16px; text-transform: none; display: block; outline: 0 none; font-weight: bold; } #header .menu.nav .sublevel-1 > li > .submenu-inner > a, #header .menu.nav .sublevel-1 > li > .submenu-inner > span { background: #ffecee none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; color: #000; font-size: 12px; font-weight: normal; line-height: 13px; padding: 4px; } .navbar .nav > li.active > a, .navbar .nav > li.active > a:hover, .navbar .nav > li.active > a:focus { background:0 none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 0 none; } .navbar .nav > li.active, .navbar .nav > li.open, .navbar .nav > li.hover, .navbar .nav > li.focus, .vm-mini-cart .hidden-cart-content { background: none repeat scroll 0 0 #F18518; border-radius: 5px 5px 5px 5px; } .current.active.open a{color:#fff} .navbar .nav > li { padding:7px 10px; margin:0 0 0 -1px; border-color: transparent; overflow: hidden; display: block; border-left: 1px solid transparent; border-right: 1px solid transparent; } .navbar .nav > li a:hover{ color:cccccc } .navbar .nav > li.parent.open { padding-bottom: 11px; margin-bottom: -1px; border-radius:5px } #header .menu.nav .sublevel-1 { background: #fff none repeat scroll 0 0; border: 1px solid #f18518; border-radius: 5px; left: -1px; margin: 0; padding: 0 9px 10px; position: absolute; top: 27px; z-index: 10000; } .w1200 #header .menu.nav .sublevel-1 { width:1170px; } .w980 #header .menu.nav .sublevel-1 { width:958px; } #header .menu.nav .sublevel-1 > li { display: inline-block; float:left; margin:0; padding:0; } #header .menu.nav .sublevel-1 > li > .submenu-inner { border: 1px solid #ddd; border-radius: 7px; margin: 5px 10px 2px 4px; padding: 5px 0 6px 4px; } #header .menu.nav .sublevel-1 > li > .submenu-inner > div { margin-top:20px; } #header .menu.nav .sublevel-1 > li > .submenu-inner > .megamenu-mod { margin-top:10px; } #header .menu.nav .separator .submenu-inner { border-left: 1px solid #CCC; } #header .menu.nav .separator.first .submenu-inner { border: 0 none; } #header .menu.nav .sublevel-1 > li > a, #header .menu.nav .sublevel-1 > li > span, #header .menu.nav .sublevel-1 > li > .submenu-inner > a, #header .menu.nav .sublevel-1 > li > .submenu-inner > span { text-transform: none; margin-top:10px; outline: 0 none; } #header .nav .moduletable > .mods { margin-bottom:10px; } #header .menu.nav .sublevel-1 > li ul { margin-top:8px; } #header .menu.nav .sublevel-1 > li ul li { line-height: 7px; margin-bottom: 3px; } #header .menu.nav .sublevel-1 > li ul a, #header .menu.nav .sublevel-1 > li ul span { color:#000; font-size:12px; } #header .menu.nav .sublevel-1 > li ul a:hover { text-decoration: underline; } .megamenu-mod .modulcontent { padding: 0 15px; } .megamenu-mod .modulcontent h3 { font-size: 14px; font-weight: bold; line-height: 2px; margin-top: 0; } .megamenu-mod img {padding-bottom:4px} .square { height: 4px; width: 4px; background: #777777; display: inline-block; vertical-align: middle; margin-right: 7px; } #header .menu.nav .sublevel-1 li a:hover, #header .menu.nav .sublevel-1 li a:focus, #header .menu.nav .sublevel-1 li span:hover { text-decoration: underline; color:#ff0000; } #header .menu.nav .sublevel-2 li a:hover, #header .menu.nav .sublevel-2 li a:focus, #header .menu.nav .sublevel-2 li span:hover { text-decoration: underline; color:#ff0000; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background:0 none; outline: 0 none; } .width1{width:1%;}.width2{width:2%;}.width3{width:3%;}.width4{width:4%;}.width5{width:5%;}.width6{width:6%;}.width7{width:7%;}.width8{width:8%;}.width9{width:9%;}.width10{width:10%;}.width11{width:11%;}.width12{width:12%;}.width13{width:13%;}.width14{width:14%;}.width15{width:15%;}.width16{width:16%;}.width17{width:17%;}.width18{width:18%;}.width19{width:19%;}.width20{width:20%;}.width21{width:21%;}.width22{width:22%;}.width23{width:23%;}.width24{width:24%;}.width25{width:25%;}.width26{width:26%;}.width27{width:27%;}.width28{width:28%;}.width29{width:29%;}.width30{width:30%;}.width31{width:31%;}.width32{width:32%;}.width33{width:33%;}.width34{width:34%;}.width35{width:35%;}.width36{width:36%;}.width37{width:37%;}.width38{width:38%;}.width39{width:39%;}.width40{width:40%;}.width41{width:41%;}.width42{width:42%;}.width43{width:43%;}.width44{width:44%;}.width45{width:45%;}.width46{width:46%;}.width47{width:47%;}.width48{width:48%;}.width49{width:49%;}.width50{width:50%;}.width51{width:51%;}.width52{width:52%;}.width53{width:53%;}.width54{width:54%;}.width55{width:55%;}.width56{width:56%;}.width57{width:57%;}.width58{width:58%;}.width59{width:59%;}.width60{width:60%;}.width61{width:61%;}.width62{width:62%;}.width63{width:63%;}.width64{width:64%;}.width65{width:65%;}.width66{width:66%;}.width67{width:67%;}.width68{width:68%;}.width69{width:69%;}.width70{width:70%;}.width71{width:71%;}.width72{width:72%;}.width73{width:73%;}.width74{width:74%;}.width75{width:75%;}.width76{width:76%;}.width77{width:77%;}.width78{width:78%;}.width79{width:79%;}.width81{width:81%;}.width82{width:82%;}.width83{width:83%;}.width84{width:84%;}.width85{width:85%;}.width86{width:86%;}.width87{width:87%;}.width88{width:88%;}.width89{width:89%;}.width90{width:90%;}.width91{width:91%;}.width92{width:92%;}.width93{width:93%;}.width94{width:94%;}.width95{width:95%;}.width96{width:96%;}.width97{width:97%;}.width98{width:98%;}.width99{width:99%;}.width100{width:100%;} .navbar .nav > .pull-right { background: url("/images/back-dog-akcii.png") no-repeat scroll 0 39% #E50036; border-radius: 5px; float: right; margin-right: -1px; padding-left: 55px; } .pull-right span { } #header .menu.nav .submenu.sublevel-3 { display: none; margin: 0 0 0 15px; } .navigation.fixed { background:#fff; position: fixed; width: 100%; top: 0; z-index: 10000; padding:0; } /* TOP AND NAV MENU */ .top-mods .list > li { position: relative; } .top-mods .list .submenu { display: none; } .top-mods .list > li > .submenu.sublevel-1 { position: absolute; top: 23px; left: 0; right: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px; margin: 2px 0 0; list-style: none; background-color: #FFF; border: 1px solid #DDD; text-align: center; display: none; } .top-mods .list > li > .submenu.sublevel-1 > .arrow { background:url(../images/top_menu_arrow.png) no-repeat 50% 0 transparent; width:100%; height:15px; margin-top:-15px; display:block; } #header .top-mods > ul > li { background:url(../images/link-separator-2.png) no-repeat 0 50% transparent; } .top-mods .list > li > .submenu.sublevel-1 > li, #header .top-mods .list > li > .submenu.sublevel-1 > li { display: block; float: none; text-align: center; background: 0 none; padding: 8px 5px; margin: 5px; background: #FBFBFB; border: 1px solid #f5f5f5; } #header .top-mods ul li.first { background: 0 none; } /* WELCOME MESSAGE */ #header .welcome-text { margin: 0 0 5px 0; min-height: 18px; } #header .welcome-text p { color: #4f2a23; font-size: 18px; line-height: 15px; margin: 0 5px; padding: 0 0 0 6px; } #header .welcome-text a { color: #7B2E04; } #header .welcome-text strong { color: #e50036; font-size: 24px; font-weight: bold; line-height: 17px; margin: 0; padding: 0; } /* SEARCH */ #header .search-container { border: 1px solid #999; border-radius: 10px; height: 112px; margin: 10px 0 0 60px; width: 330px; } #header #mod-search-searchword, #header #mod_virtuemart_search { width:90%; font:12px/1.55 Verdana, helvetica, sans-serif; color:#777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .search-bar-inputbox, .search-bar-btn { float: left; } .search-bar-btn, .search-bar-btn[type="image"] { width: 15px; height: 15px; margin: 8px 0 0 -22px; opacity: 0.6; filter:alpha(opacity=60); -webkit-transition: all .3s ease; transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; border-bottom:0px } div.search-textbox input[type="submit"] { width: 180px; border-radius: 7px;} .search-bar-btn:hover, .search-bar-btn[type="image"]:hover { opacity: 1; filter:alpha(opacity=100); } .customtimez { width:233px; margin-right: 49px; margin-top: 14px; } .customtimez p{ font-size:11px } #header .right .top-mods { margin:0; } #header .mini-cart { float: right; height: 110px; padding-right: ; padding-top: 11px; display: block; width: 100%; } #overall { background: url(../images/dog-cat-back.jpg) 0 0 #f8f8f8; border-top: 1px solid #E8E8E8; } .main-wrap { background: url(../images/backb.gif) repeat-y scroll center center transparent; border-top: 1px dotted #ccc; } .pathway .breadcrumb { background:0 none; font-size: 12px; line-height: 13px; margin:0; padding: 10px 0; } .breadcrumb li { font-size: 11px; line-height: 12px; } .breadcrumb li a:hover{ text-decoration:underline } ul.breadcrumb { margin:0; padding:0; } .breadcrumbs-separator { margin: 0 5px 2px 5px; } .breadcrumb .pathway { color:#333; } #main-site { min-height:507px; padding:5px 0 0px 0; } /* Bottom */ #bottom { background:url(../images/light_toast.jpg) 0 0 #F4F4F2; border-top: 1px solid #ECECEA; color: #666; text-decoration: none; font-size:14px; } #bottom .inner-container { padding: 22px 0 0; } #bottom .modulcontent { font-size:0.9em; } #bottom ul { list-style:none; list-style-type:none; list-style-position:outside; margin-left:0; } #bottom ul li { padding: 0 0 6px 22px; position: relative; line-height: 20px; } #bottom ul li::before { content: '\2219'; font-size: 60px; position: absolute; top: 2px; left: 0; font-family: "Times New Roman"; font-style: normal; -webkit-transition: color 0.3s easing; -moz-transition: color 0.3s easing; -o-transition: color 0.3s easing; transition: color 0.3s easing; } .ie8 #bottom ul li:before { content: '\2219'; font-size: 60px; position: absolute; top: 2px; left: 0; font-family: "Times New Roman"; font-style: normal; } #bottom .mods > .bghelper > h3 { background:0 none; text-transform:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#814545; text-shadow: 0 1px 1px #eee; font-size: 20px; font-weight: normal; padding-bottom: 15px; } /* Info */ #info { background: #fff; padding: 0px 0px 50px 0px; border-top: 1px solid #EEE; } #info p{ padding: 0px; margin:0px } #info .moduletable > .mods > .bghelper { margin-bottom: 0; } #info a img { opacity: 1; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } #info a img:hover, #info a img:focus { opacity: 0.5; } /* Footer */ #footer { background: none repeat scroll 0 0 #e7c69b; color: #451D00; font-size: 11px; line-height: 12px; padding-bottom: 70px; } #footer .inner-container { padding:5px 0; } #footer a, #footer a:link, #footer a:visited, #bottom a, #bottom a:link, #bottom a:visited { color:#451D00; } #footer .footer-mods { text-align: right; } #footer ul { list-style:none; list-style-type:none; overflow:hidden; margin:0 auto; width:auto; margin-bottom:10px; } #footer ul li { display:inline; background: url(../images/link-separator-3.png) no-repeat 0 50% transparent; padding-left: 8px; margin:10px 0 10px 8px; } #footer ul li.first { background: 0 none; padding-left:0; margin-left: 0; } /* Side Menu & VM Menu */ .VM-menu, .VM-menu ul, .side-menu, .side-menu ul { list-style: none; list-style-type: none; margin: 0; padding: 0; } .VM-menu, .side-menu { padding: 10px 0 15px 0; } .VM-menu .submenu, .side-menu .submenu { display: none; margin-left: 20px; } .VM-menu .opener, .side-menu .opener { display: inline-block; width: 10px; height: 14px; line-height: 13px; font-size: 13px; padding: 0; margin-right: 10px; text-align: center; color:#292929; } .VM-menu a, .side-menu a { color: #292929; } .side-menu li { background: } /* Slider, Banner & Breadcrumb Container */ .slider, .banner-breadcrumb { } .banner-breadcrumb { padding-top:2px; padding-bottom:5px; font-size: 12px; line-height: 13px; } .infoz img{ padding:0px 8px } .vm-simple-product-slideshow.flexslider { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; border:0 none; } .carousel .vp-slideshow-inner > li { position:relative; margin-right:0; } .visible-desktop .vp-slideshow-product-details { position:absolute; left:50%; right:0; top:0; margin-top:30px; padding-right:10px; } .vp-slideshow-product-title > h4 { text-transform:uppercase; font-size:2.5em; margin:20px 0 30px 0; line-height:1.2em; } .vp-slideshow-product-s-desc { font-size:0.9em; font-family: 'Open Sans',sans-serif; } .vp-slideshow-details-button.btn { text-transform:uppercase; font-family: 'Open Sans',sans-serif; } .vp-slideshow-product-price > .PricesalesPrice { display:inline-block !important; margin-right:5px; } .vp-slideshow-product-price > .PricesalesPrice, .vp-slideshow-before-discount { font-size:1em; font-family: 'Open Sans',sans-serif; } .vp-slideshow-discount-percent { text-transform:uppercase; font-size:0.80em; font-family: 'Open Sans',sans-serif; } .vp-slideshow-before-discount, .vp-slideshow-before-discount .PricebasePriceWithTax { text-decoration: line-through; } .vp-slideshow-before-discount div.PricebasePriceWithTax { display:inline-block !important; } .vp-slideshow-details-cont { margin-top:35px; display:block; } .vp-slideshow-product-image { width:50%; text-align:center; } .vp-slideshow-product-image img { max-width: 95%; max-height: 350px; width: auto !important; width: 95%; height: auto !important; height: 350px; vertical-align:middle; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; } .vm-simple-product-slideshow.flexslider.hidden-desktop { text-align:center; } .vm-simple-product-slideshow.flexslider.hidden-desktop .vp-slideshow-product-image { width:100%; } .vm-simple-product-slideshow.flexslider.hidden-desktop .vp-slideshow-product-details { bottom:0; left:0; right:0; position:absolute; background:url(../images/caption-bg-1.png) 0 0 transparent; text-align:left; color:#FFF; padding:10px; } .vm-simple-product-slideshow.flexslider.hidden-desktop .vp-slideshow-product-image img { margin-top:0; max-width: 95%; max-height: 300px; width: auto !important; width: 95%; height: auto !important; height: 300px; } .vm-simple-product-slideshow.flexslider.hidden-desktop .vp-slideshow-product-title > h4 { margin-bottom:10px; } .vm-simple-product-slideshow.flexslider .flex-control-nav { width: auto; position: absolute; bottom: 10px; text-align: center; right: 10px; } .vm-simple-product-slideshow.flexslider { margin-bottom:30px; } .vm-simple-product-slideshow.flexslider.visible-desktop { min-height:300px; } .vp-navigation-top { position:fixed; bottom:100px; right: 30px; width: 70px; height: 70px; display: none; margin: 0; padding: 0; } #scroll-top { border:0 none; outline:0 none; background: url(../images/scroll-top.png) no-repeat 50% -3px transparent; width: 70px; height: 70px; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; cursor:pointer; text-indent:-99999px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } #scroll-top:focus, #scroll-top:hover { background-color: #FFF; background-position: 50% -78px; } /* Button */ .button { display: inline-block; padding: 4px 14px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6); background-image: -o-linear-gradient(top,#ffffff,#e6e6e6); background-image: linear-gradient(to bottom,#ffffff,#e6e6e6); background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } .button:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button:hover, .button:active, .button.active, .button.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; } .btn-primary, .btn-primary:visited, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-inverse, .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background: url(../images/btn-gradient-bg.png) repeat-x 0 100%; } /* Search ---*/ form#searchForm { padding: 0;margin-top:2px; } .searchintro { } .results h4 { margin: 15px 0 0; } .results p { margin: 0 0 10px; } .search fieldset { border: 1px solid #ddd; margin: 15px 0; padding: 5px 15px 15px 15px; background: #FFF; } .search h1 { line-height:normal; text-transform:uppercase; margin-bottom:0; } .search .word, .search .search-results { margin-top:0; background: #FFF; border: 2px solid #FFF; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); position: relative; padding:25px 15px 15px 15px; } .search .searchintro { font-size:12px; } .search .searchintro strong { font-weight:normal; text-transform:uppercase; color:#333; } .search fieldset legend { font-size: 100%; width:auto; border:0 none; text-transform:uppercase; padding: 0 5px; font-size:12px; margin: 0; } .search .phrases-box { margin: 0 0 10px; } .search .word button { margin-left: 5px; font-size:12px; } .search .word .inputbox { vertical-align: top; font-size:12px; } .search .word label { vertical-align: top; display:inline-block; margin-top:4px; font-size:12px; } .search .phrases-box input, .search .phrases-box label { display:inline-block; font-size:12px; } .search .phrases-box input { vertical-align:top; } .search .phrases-box label { margin-right:10px; } .ordering-box label, .ordering-box select { display:inline-block; vertical-align:top; font-size:12px; } .ordering-box label { margin-top:4px; } .ordering-box label, .ordering-box select.inputbox { width:auto; } .search .only label, .search .only input, .search .form-limit label, .search .form-limit .inputbox { display:inline-block; vertical-align:top; font-size:12px; } .search .only label { margin-right:10px; } .search .form-limit label { margin-top:4px; } .search .form-limit select.inputbox { width:auto; } .search .counter { float:right; color:#333; } .search dd { margin-left: 18px; } .search dt { margin-top:10px; } .search .search-results { font-size:12px; padding:15px; } .search .search-results .result-category { font-style: italic; } /* Content */ ul.actions { list-style:none; list-style-type:none; float:right; } ul.actions > li { display:inline-block; } .item-page, .blog, .blog-featured { color:#444; } .blog .items-leading article, .blog .item, .item-page { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; border-radius: 6px; box-shadow: 0 10px 10px -6px #BCBCBC; font-size: 12px; line-height: 16px; margin-bottom: 23px; padding: 15px; position: relative; } #print .blog .items-leading, #print .blog .item, #print .item-page { border: 0 none; } form#mailtoForm { margin: 10px 30px; } #mailto-window h2 { font-size: 22px; margin-left: 30px; } #mailto-window .mailto-close { display: none; } .item-page h2, .blog h2, .blog-featured h2 { font-weight:normal; margin-top: 0; } .pagination { text-align:center; height:auto; } .item-page h1, .blog h1, .item-page h2, .blog h2, .item-page h3, .blog h3, .item-page h4, .blog h4, .blog-featured h1, .blog-featured h2, .blog-featured h3, .blog-featured h4 { color: #792B01; font-size: 23px; font-weight: bold; margin-bottom: 25px; text-align: left; text-transform: none; } .items-more h3 { text-transform:uppercase; font-size:1.2em; font-weight:normal; } .cat-children h3 { text-transform:uppercase; font-weight:normal; } .article-info dd { display:inline-block; } dl.article-info dd { margin:0 5px 0 0; } dl.article-info dd::after { content:"|"; margin-left:5px; } dl.article-info dd.last-child::after { display:none; } ul.pagenav, .cat-children > ul { list-style-type:none; list-style:none; margin:15px 0; overflow:hidden; } .cat-children .item-title { font-size:1.2em; text-transform:uppercase; line-height:1.5em; } .cat-children .category-desc { margin:10px 0 20px 0; } .img-fulltext-left, .img-intro-left, .image-left { float:left; margin-right:25px; margin-bottom:15px; } .img-fulltext-right, .img-intro-right, .image-right { float:right; margin-left:25px; margin-bottom:15px; } .img-fulltext-none, .img-intro-none { float:none; } .pagination { margin: 0; } ul.pagenav li { display:inline-block; } ul.pagenav li.pagenav-next { float:right; clear:right; } #main-site .pagination ul > li > a, #main-site .pagination ul > li > span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .megamenu-mod #login-form { margin: 0; } .login ul.controls, #login-form ul { list-style-position:outside; list-style:none; list-style-type:none; } #login-form ul { margin:0; } #login-form a, #header .menu.nav .submenu-inner #login-form a { color:#333; text-decoration: none; } #login-form .square { display: none; } .login-button { margin-top:10px; } ul.controls > li, #login-form li { background: url(../images/arrow_item.gif) no-repeat 0 50% transparent; padding: 0 0 0 15px; } ul.controls > li > a, #login-form li > a { font-size:12px; } #login-form label, #login-form input { font-size:12px; } .readmore a { line-height:12px; } .tip-wrap { font-size:0.85em; background:#ffebbb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1); } .tip-wrap .tip { padding:10px 15px; } .tip-wrap .tip .tip-title { font-size:1.1em; padding-bottom:2px; color:#333; } .login label, .login input, .registration label, .registration input { font-size:12px; } .red { color:#ff0000; } /* Modules */ .moduletable > .mods > .bghelper { margin-bottom: 0px; } .moduletable.cont > .mods > .bghelper { background: #FFF; border: 1px solid #DDD; position: relative; padding: 2px 11px; z-index: 2; } .moduletable.contdog > .mods > .bghelper { background: url("/images/dog.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #CCAF9F; border-radius: 5px; padding: 49px 0 0; position: relative; z-index: 2; } .moduletable.contcat > .mods > .bghelper { background: url("/images/cat.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #CCAF9F; border-radius: 5px; padding: 49px 0 0; position: relative; z-index: 2; } .moduletable.contgryz > .mods > .bghelper { background: url("/images/gryz.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #CCAF9F; border-radius: 5px; padding: 49px 0 0; position: relative; z-index: 2; } .newz { background: none repeat scroll 0 0 #FDEEF0; border: 1px solid #CCCCCC; border-radius: 6px; color: #E56B00; margin-bottom: 11px; padding: 9px 0 0 8px; } .newz a:link{ color: #000000; } .newz a:hover{ color: #E56B00; text-decoration:underline } .latestnewsnewz li { font-size: 13px; line-height: 13px; margin: 9px 5px 8px -13px; } .left-mod .moduletable { padding-right:0px; } .right-mod .moduletable { padding-left:5px; } .mods > .bghelper > h3 { border-bottom: 1px dotted #F18518; font-size: 16px; font-weight: bold; line-height: 14px; margin: 0; padding: 0 0 7px; text-transform: none; } .moduletable.cont > .mods { position: relative; } .moduletable.contdog > .mods { position: relative; } .moduletable.contcat > .mods { position: relative; } /*.shadow-cont { background:url(../images/bottom-shadow-1.png) no-repeat 51% 100% transparent; height: 30px; display: block; width: 106%; position: absolute; bottom: 10px; z-index: 1; left: -3%; background-size: 100% auto; opacity: 0.8; top: 420px; } */ .shadow-contdog { background:url(../images/bottom-shadow-1.png) no-repeat 51% 100% transparent; height: 30px; display: block; width: 106%; position: absolute; bottom: 10px; z-index: 1; left: -3%; background-size: 100% auto; opacity: 0.8; } .moduletable.cont > .mods > .shadow-cont { bottom: -10px; } .moduletable.contdog > .mods > .shadow-contdog { bottom: -10px; } .moduletable.contcat > .mods > .shadow-contdog { bottom: -10px; } .moduletable.cont > .mods > .bghelper > h3 { border-bottom: 1px solid #E8E8E8; padding: 5px 0 10px 0; } .moduletable.contdog > .mods > .bghelper > h3 { display: none; height: 38px; margin-top: 4px; padding: 31px 50px 0; width: 190px; color:#853a0f; } .moduletable.contcat > .mods > .bghelper > h3 { display: none; height: 38px; margin-top: 4px; padding: 31px 50px 0; width: 190px; color:#853a0f; } .moduletable.base > .mods > .bghelper { -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); position: relative; padding: 0 10px; color:#FFF; } .moduletable.base > .mods > .bghelper .modulcontent, .moduletable.dark > .mods > .bghelper .modulcontent { color:#FFF; } .moduletable.base > .mods > .bghelper > h3 { border-bottom: 1px solid #E8E8E8; padding: 10px 0; color:#FFF; } .moduletable.dark > .mods > .bghelper { background: none repeat scroll 0 0 #FFE9E9; border: 1px solid #ffa3a3; border-radius: 10px 10px 10px 10px; color: #FF0000; padding: 13px 13px 0; position: relative; } .moduletable.dark2 > .mods > .bghelper { border: 1px dashed #eb7b18; border-radius: 10px 10px 10px 10px; color: #7B2E04; padding: 4px 6px 0px 0px; position: relative; } .moduletable.dark2 p{ color: #7B2E04; font-size: 13px; font-weight: bold; line-height: 12px; } .moduletable.dark3 > .mods > .bghelper > h3 { border-bottom: 1px solid #E8E8E8; padding: 10px 0; color:#FFF; } .moduletable.dark3 > .mods > .bghelper { border: 1px solid #80401E; border-radius: 10px 10px 10px 10px; color: #7B2E04; padding: 0 13px; position: relative; } .moduletable.dark3 p{ color: #7B2E04; font-size: 13px; font-weight: bold; line-height: 14px; padding-top: 7px; } .moduletable.dark4 > .mods > .bghelper > h3 { border-bottom: 1px solid #719993; color: #719993; font-size: 14px; margin-bottom: 6px; padding: 7px 0; text-align: center; } .moduletable.dark4 > .mods > .bghelper { background: none repeat scroll 0 0 #F0FFFE; border: 1px solid #719993; border-radius: 10px; color: #7B2E04; padding: 0 8px 5px 8px; position: relative; } .moduletable.dark4 p{ color: #076a62; font-size: 12px; line-height: 12px; text-align: justify; } .moduletable.dark5 > .mods > .bghelper > h3 { text-align: center; border-bottom: 1px solid #80401E; color: #80401E; font-size: 14px; margin-bottom: 6px; padding: 7px 0; } .moduletable.dark5 > .mods > .bghelper { background: none repeat scroll 0 0 #fff0e2; border: 1px solid #80401E; border-radius: 10px 10px 10px 10px; color: #7B2E04; padding: 0 7px; position: relative; } .moduletable.dark5 p{ color: #80401E; font-size: 12px; line-height: 14px; text-align: justify; } .moduletable.artikle > .mods > .bghelper > h3 { border-bottom: 1px dotted #80401E; color: #80401E; font-size: 14px; margin-bottom: 0; padding: 7px 0; text-align: center; } .moduletable.artikle > .mods > .bghelper { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #814545; border-radius: 10px 10px 10px 10px; color: #7B2E04; padding: 0 7px; position: relative; } .moduletable.artikle p{ color: #80401E; font-size: 12px; line-height: 14px; text-align: justify; } .moduletable.artikle img{ border: 1px solid #814545; margin-top: 0px; -webkit-transition: margin 0.5s ease; -moz-transition: margin 0.5s ease; -o-transition: margin 0.5s ease; -ms-transition: margin 0.5s ease; transition: margin 0.5s ease; } .moduletable.artikle img:hover{ border: 1px solid #ff0000; margin-top: -9px; border-radius:14px } .moduletable.deliv1 > .mods > .bghelper > h3 { font-size: 13px; margin-bottom: 0; padding: 3px 0 3px 11px; text-align: center; } .moduletable.deliv1 > .mods > .bghelper { color: #7B2E04; position: relative; } .customdeliv2 p{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; color: #000000; font-size: 12px; line-height: 14px; padding: 5px; text-align: justify; } .customdeliv22 p{ background: none repeat scroll 0 0 #E50036; border: 2px solid #E50036; border-radius: 6px; color: #666666; font-size: 14px; line-height: 13px; padding: 5px; text-align: justify; } .customdeliv222 p{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 6px; color: #666666; font-size: 14px; line-height: 13px; padding: 5px; text-align: justify; } .moduletable.dark > .mods > .bghelper > h3 { background: url("/images/action-cats.jpg") no-repeat scroll 0 0 transparent; border-bottom: 1px dotted #FF0000; color: #f85e18; height: 10px; margin-bottom: 11px; padding: 20px 0; text-align: center; font-size: 22px; } .moduletable.center > .mods { text-align:center; } .row-fluid .span12.top-bar-cont { height:23px; min-height:23px; margin-bottom:0; white-space:nowrap; } .top-bar-cont { background:#282828; border-bottom:3px solid #e5e6e7; position:relative; } .top-menu { float:left; white-space:nowrap; width:auto; overflow:hidden; display:inline-block; } .top-menu ul { list-style:none; list-style-type:none; margin:0 0 0 10px; } .top-menu ul li { display:inline-block; margin-right:15px; float:left; } .top-menu, .top-menu a { color:#e1e1e1; text-transform:uppercase; } .top-menu { font-size:0.8em; } /* Contacts */ .main-column > .contact { margin-top: 10px; } .contact .current{ position: relative; z-index: 2; background: white; padding: 23px; border: 1px solid #DDD; } #contact-slider.tabs { float: none; display: table-cell; } #contact-slider.tabs > .tabs { float: left; margin-bottom: -2px; } #contact-slider.tabs > .tabs > span > h3 { padding: 0; margin: 0; font-size: 16px; font-family: Verdana; line-height: 27px; } #contact-slider.tabs > .tabs > span > h3 > a { height: 47px; border: 1px solid rgba(0, 0, 0, 0.10); margin: 0 10px 0 0; line-height: 47px; border-bottom-color: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 16px; color: #777; padding: 14px 12px; font-family: Verdana; } #contact-slider.tabs > .tabs.open > span > h3 > a { position: relative; border: 1px solid #DDD; border-bottom-color: transparent; z-index: 3; padding: 18px 12px 14px 12px; height: 54px; background-color: #FFF; color: #333; outline: 0 none; } #contact-form legend { font-size: 12px; line-height: 20px; font-style: italic; } #jform_contact_message { width: 600px; } #contact-form label, .contact-address address, .contact-contactinfo, .contact-misc, .contact-position, .jicons-text { font-size: 12px; color:#333; } .contact-position { font-size: 16px; line-height: 25px; margin-top: 10px; } #contact-form .contact_email_copy-lbl, #contact-form .contact_email_copy-checkbox { float: left; } .contact_email_copy-checkbox #jform_contact_email_copy { margin-top: 0; } #contact-form .submit-contact-form { margin-top: 20px; } .tip-wrap { z-index: 10; } /* Systems */ .megamart #system-message > .message > ul { background-image:none; background-color:transparent; margin:0 0 20px 0; border-top: 2px solid; border-bottom: 2px solid; } .megamart #system-message > dd { text-indent:0; font-weight:normal; } .megamart #system-message > dd > ul > li { font-weight:normal; } /* Floats */ .float-left {float:left;} .float-right {float:right;} .group:before, .group:after {content:""; display:table;} .group:after {clear:both;} .ie7 .group {zoom:1;} .clear{ clear:both; display:block;} .clear:before{ clear:both;} .clear:after{ clear:both;} .inline-block {display:inline-block;} .valign-top {vertical-align:top;} .reset1, .reset9 { list-style:none; list-style-type:none; margin-left:0; } .reset1 {counter-reset: item} .reset9 {counter-reset: item 9} .reset1 li:before, .reset9 li:before {content: counter(item) ". ";counter-increment: item;display:inline-block;margin-right:10px;text-align:right;} .item-page .center {text-align:center} .muted { color:#777;} .minus-bottom { margin-bottom: -25px; overflow: hidden; } .pre-scrollable { width: auto; overflow: auto; word-wrap: normal; white-space: pre; color:#306754; border-left: 4px solid #F4A94F; } /* Follow Us Icons */ .follow-us-container { display: block; background: url(../images/follow-us.jpg) no-repeat 50% 0 transparent; width: 100%; height: auto; min-height: 151px; } .w1200 .follow-us-container { background: url(../images/follow-us-1200.jpg) no-repeat 50% 0 transparent; background-size: 100% 100%; min-height: 182px; } .follow-us-container .follow-us-icons { padding: 70px 0 0 0; } .w1200 .follow-us-container .follow-us-icons { padding-top: 85px; } .follow-us-icons > a { background: url(../images/follow-us-icons.png) no-repeat 0 0 transparent; height: 40px; width: 40px; display: inline-block; text-align: left; text-indent: -10000px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; margin: 0 2px; } .w1200 .follow-us-icons > a { margin: 0 5px; } .follow-us-icons > .twitter:hover { background-position: 0 -40px; } .follow-us-icons .facebook { background-position: -48px 0; } .follow-us-icons .facebook:hover { background-position: -48px -40px; } .follow-us-icons .google-plus { background-position: -95px 0; } .follow-us-icons .google-plus:hover { background-position: -95px -40px; } /* Stay In Touch Icons */ .stay-in-touch-icons { padding: 15px 0 0 0; } .stay-in-touch-icons > a { background: url(../images/stay-in-touch.png) no-repeat 0 0 transparent; height: 40px; width: 40px; display: inline-block; text-align: left; text-indent: -10000px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; margin: 0 10px 0 0; } .stay-in-touch-icons > .twitter:hover { background-position: 0 -40px; } .stay-in-touch-icons .facebook { background-position: -48px 0; } .stay-in-touch-icons .facebook:hover { background-position: -48px -40px; } .stay-in-touch-icons .google-plus { background-position: -95px 0; } .stay-in-touch-icons .google-plus:hover { background-position: -95px -40px; } .legend { font-size:12px; font-weight:bold; color:#333333; background-color:#e0e0e0; padding:2px 5px 2px 2px; border-bottom:1px solid #333333; } .tag { padding:2px; font-size:12px;font-family:Arial;color:#333333;background-color:#f9f9f9; border-bottom:1px solid #333333; } .spinner {-webkit-transition:All 0.642s ease;-moz-transition:All 0.642s ease;-o-transition:All 0.642s ease; -webkit-transform: rotate(360deg) scale(1.0) skew(180deg) translate(4px);-moz-transform: rotate(360deg) scale(1.0) skew(180deg) translate(4px);-o-transform: rotate(360deg) scale(1.0) skew(180deg) translate(4px);}.spinner:hover{-webkit-transform: rotate(0deg) scale(0.941) skew(180deg) translate(4px);-moz-transform: rotate(0deg) scale(0.941) skew(180deg) translate(4px);-o-transform: rotate(0deg) scale(0.941) skew(180deg) translate(4px);} .jxtc_newspro_tmp24_grid { margin: 4px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 230px; height: 95px; display: inline-block; } .jxtc_newspro_tmp24_grid:after, .jxtc_newspro_tmp24_item:before { content: ''; display: table; } .jxtc_newspro_tmp24_grid:after { clear: both; } .jxtc_newspro_tmp24_item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .jxtc_newspro_tmp24_thumb { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5); -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; transform-origin: 95% 40%; -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; } .jxtc_newspro_tmp24_thumb:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgb(14,14,14); background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); box-shadow: 0 0 1px rgba(255,255,255,0.9); } .jxtc_newspro_tmp24_info { position: absolute; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #c9512e; box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05); } .jxtc_newspro_tmp24_info h3 { color: #FFFFFF; font-family: 'Open Sans',Arial,sans-serif; font-size: 13px; height: 38px; line-height: 13px; margin: 9px 9px 0 0; padding: 14px 0 0; position: relative; } .jxtc_newspro_tmp24_info p { color: #FFFFFF; font-size: 12px; font-style: italic; margin: 0 6px; padding: 0; } .jxtc_newspro_tmp24_info p a { text-align:center; display: block; color: #333; width: 88px; height: 55px; background: rgba(255,255,255,0.3); border-radius: 50%; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; padding: 7px 17px 0 18px; margin: 4px 47px 0 auto; font-family: 'Open Sans', Arial, sans-serif; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -moz-transition: -moz-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -o-transition: -o-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -ms-transition: -ms-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -webkit-transform: translateX(60px) rotate(90deg); -moz-transform: translateX(60px) rotate(90deg); -o-transform: translateX(60px) rotate(90deg); -ms-transform: translateX(60px) rotate(90deg); transform: translateX(60px) rotate(90deg); -webkit-backface-visibility: hidden; } .jxtc_newspro_tmp24_info p a:hover { background: rgba(255,255,255,0.5); } .jxtc_newspro_tmp24_item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); } .jxtc_newspro_tmp24_item:hover .jxtc_newspro_tmp24_thumb { box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2); -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -o-transform: rotate(-110deg); -ms-transform: rotate(-110deg); transform: rotate(-110deg); } .jxtc_newspro_tmp24_item:hover .jxtc_newspro_tmp24_info p a { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .jxtc_newspro_tmp23_grid { margin: 4px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 230px; height: 95px; display: inline-block; } .jxtc_newspro_tmp23_grid:after, .jxtc_newspro_tmp23_item:before { content: ''; display: table; } .jxtc_newspro_tmp23_grid:after { clear: both; } .jxtc_newspro_tmp23_item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .jxtc_newspro_tmp23_thumb { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5); -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; transform-origin: 95% 40%; -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; } .jxtc_newspro_tmp23_thumb:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgb(14,14,14); background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); box-shadow: 0 0 1px rgba(255,255,255,0.9); } .jxtc_newspro_tmp23_info { position: absolute; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #c9512e; box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05); } .jxtc_newspro_tmp23_info h3 { color: #FFFFFF; font-family: 'Open Sans',Arial,sans-serif; font-size: 13px; height: 50px; line-height: 13px; margin: 1px 4px 0 0; padding: 14px 0 0; position: relative; } .jxtc_newspro_tmp23_info p { color: #FFFFFF; font-size: 12px; font-style: italic; margin: 0 6px; padding: 0; } .jxtc_newspro_tmp23_info p a { text-align:center; display: block; color: #333; width: 88px; height: 55px; background: rgba(255,255,255,0.3); border-radius: 50%; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; padding: 7px 17px 0 18px; margin: 4px 47px 0 auto; font-family: 'Open Sans', Arial, sans-serif; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -moz-transition: -moz-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -o-transition: -o-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -ms-transition: -ms-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -webkit-transform: translateX(60px) rotate(90deg); -moz-transform: translateX(60px) rotate(90deg); -o-transform: translateX(60px) rotate(90deg); -ms-transform: translateX(60px) rotate(90deg); transform: translateX(60px) rotate(90deg); -webkit-backface-visibility: hidden; } .jxtc_newspro_tmp23_info p a:hover { background: rgba(255,255,255,0.5); } .jxtc_newspro_tmp23_item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); } .jxtc_newspro_tmp23_item:hover .jxtc_newspro_tmp23_thumb { box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2); -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -o-transform: rotate(-110deg); -ms-transform: rotate(-110deg); transform: rotate(-110deg); } .jxtc_newspro_tmp23_item:hover .jxtc_newspro_tmp23_info p a { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }