html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
body {
background: url("../image/background-body.jpg") repeat scroll left top transparent;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
h1, .welcome {
color: #636E75;
font-family: icon;
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
color: #000000;
font-size: 16px;
margin-top: 0px;
margin-bottom: 5px;
}
p {
margin-top: 0px;
margin-bottom: 20px;
}
a, a:visited, a b {
color: #30961E;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
.checkout a {
text-transform: uppercase;
color: #30961E;
font-weight: bold;
}
#notification a {
text-decoration: underline;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input[type='text'], input[type='password'], textarea {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}
select {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 2px;
}
label {
cursor: pointer;
}
/* layout */
#container {
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
padding: 33px 7px 0px 7px;
text-align: left;
width: 980px;
-webkit-box-shadow: 0 -15px 22px #444444;
-moz-box-shadow: 0 -15px 22px #444444;
box-shadow: 0 -15px 22px #444444;
}
#column-left {
float: left;
width: 180px;
}
#column-right {
float: right;
width: 180px;
}
#content {
min-height: 400px;
margin-bottom: 25px;
padding: 10px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 195px;
}
#column-right + #content {
margin-right: 195px;
}
/* header */
#header {
height: 112px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 4px;
left: 15px;
}
#language {
color: #999999;
left: 357px;
line-height: 17px;
position: absolute;
top: 16px;
width: 70px;
}
#language img {
cursor: pointer;
margin-right: 5px;
}
#currency {
width: 156px;
position: absolute;
top: 11px;
right: 185px;
color: #999;
line-height: 17px;
}
#currency a {
display: inline-block;
padding: 2px 4px;
border: 1px solid #CCC;
color: #999;
text-decoration: none;
margin-right: 2px;
margin-bottom: 2px;
}
#currency a b {
color: #000;
text-decoration: none;
}
#header #cart {
position: absolute;
right: -7px;
top: 55px;
z-index: 9;
min-width: 300px;
}
#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;
background: #FFF;
position: relative;
z-index: 1;
}
#header #cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#header #cart .heading a {
color: #30961E;
font-weight: bold;
text-decoration: none;
}
#header #cart .heading a span {
background: #FFFFFF url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
}
#header #cart .content {
clear: both;
display: none;
position: relative;
top: -1px;
padding: 8px;
min-height: 150px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
-webkit-border-radius: 7px 0px 0px 7px;
-moz-border-radius: 7px 0px 0px 7px;
-khtml-border-radius: 7px 0px 0px 7px;
border-radius: 7px 0px 0px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
background: #FFF;
}
#header #cart.active .heading {
margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
}
#header #cart.active .content {
display: block;
}
.mini-cart-info table {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
.mini-cart-info td {
color: #000;
vertical-align: top;
padding: 10px 5px;
border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image {
width: 1px;
}
.mini-cart-info .image img {
border: 1px solid #EEEEEE;
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;
}
.mini-cart-total {
text-align: right;
}
.mini-cart-total table {
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total td {
color: #000;
padding: 4px;
}
#header #cart .checkout {
text-align: right;
clear: both;
}
#header #cart .empty {
padding-top: 50px;
text-align: center;
}
#header #search {
padding: 3px 8px 4px 1px;
position: absolute;
right: -6px;
top: 6px;
z-index: 15;
}
#header .button-search {
background: url("../image/button-search.png") no-repeat scroll center center transparent;
cursor: pointer;
height: 26px;
padding-right: 15px;
position: absolute;
right: 2px;
width: 28px;
}
#header #search input {
background: #FFF;
padding: 1px 25px 1px 32px;
height: 21px;
border: 1px solid #CCCCCC;
float: left;
margin-left: 5px;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
#header #welcome {
position: absolute;
top: 40px;
right: 0px;
z-index: 5;
width: 200px;
text-align: right;
color: #999999;
}
#header .links {
background: url("../image/menu-bg-gray.png") repeat-x scroll 0 0 transparent;
-webkit-border-radius: 0px 0px 0px 7px;
-moz-border-radius: 0px 0px 0px 7px;
-khtml-border-radius: 0px 0px 0px 7px;
border-radius: 0px 0px 0px 7px;
font-size: 8px;
padding: 9px 7px;
position: absolute;
right: -1px;
top: -33px;
-webkit-box-shadow: 0 2px 2px #9C9C9C;
-moz-box-shadow: 0 2px 2px #9C9C9C;
box-shadow: 0 2px 2px #9C9C9C;
}
#header .links a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #000;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
}
#header .links a + a {
margin-left: 8px;
border-left: 1px solid #CCC;
}
/* menu */
#menu {
background: url('../image/menu-bg.png') center center repeat-x;
height: 32px;
margin-bottom: 30px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 2px 2px #9C9C9C;
-moz-box-shadow: 0 2px 2px #9C9C9C;
box-shadow: 0 2px 2px #9C9C9C;
padding: 0px 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
}
#menu > ul > li:hover {
}
#menu > ul > li:first-of-type a {
border-left: medium none;
}
#menu > ul > li:first-child a {
border-left: medium none;
}
#menu > ul > li:last-of-type a {
border-right: medium none;
}
#menu > ul > li:last-child a {
border-right: medium none;
}
#menu > ul > li > a.active {
background: url('../image/menu-bg-hover.png') center center repeat-x;;
}
#menu > ul > li > a {
border-left: 1px solid #444444;
border-right: 1px solid #00CC33;
color: #FFFFFF;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 14px;
padding: 9px 10px;
position: relative;
text-decoration: none;
text-shadow: 1px 0px 2px #000;
text-transform: uppercase;
z-index: 6;
}
#menu > ul > li:hover > a {
}
#menu > ul > li > div {
display: none;
background: #fff;
position: absolute;
z-index: 5;
padding: 2px;
border-left: 3px solid #30961E;
border-right: 3px solid #30961E;
border-bottom: 3px solid #30961E;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 2px 6px #545454;
-moz-box-shadow: 0 2px 6px #545454;
box-shadow: 0 2px 6px #545454;
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #000;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
background: #30961E;
color: #fff;
}
#menu > ul > li > div > ul > li > a {
color: #000;
text-transform: uppercase;
}
#menu > ul > li > div > ul > li + li {
border-top: 1px solid #ccc;
}
.breadcrumb {
color: #CCCCCC;
margin-bottom: 10px;
}
.success, .warning, .attention, .information {
padding: 10px 10px 10px 33px;
margin-bottom: 15px;
color: #555555;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success {
background: url('../image/success.png') 10px center no-repeat;
border: 1px solid #BBDF8D;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
text-decoration: blink;
}
.warning {
background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
border: 1px solid #F8ACAC;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.attention {
background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
border: 1px solid #F2DD8C;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
float: right;
padding-top: 4px;
padding-right: 4px;
cursor: pointer;
}
.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: #000000;
}
table.form td {
padding: 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;
}
table.radio tr.highlight:hover td {
background: #F1FFDD;
cursor: pointer;
}
.pagination {
border-top: 0px solid #EEEEEE;
padding-top: 8px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.pagination .links {
float: left;
}
.pagination .links a {
display: inline-block;
border: 1px solid #EEEEEE;
padding: 4px 10px;
text-decoration: none;
color: #A3A3A3;
}
.pagination .links b {
display: inline-block;
border: 1px solid #269BC6;
padding: 4px 10px;
font-weight: normal;
text-decoration: none;
color: #269BC6;
background: #FFFFFF;
}
.pagination .results {
float: right;
padding-top: 3px;
}
/* button */
a.button, input.button {
cursor: pointer;
color: #016301;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 0px;
background: #fff;
text-transform: uppercase;
font-weight: bold;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 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;
border-bottom: 1px solid #DDDDDD;
}
.htabs a {
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab.png') repeat-x;
padding: 7px 15px 6px 15px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000000;
margin-right: 2px;
display: none;
}
.htabs a.selected {
padding-bottom: 7px;
background: #FFFFFF;
}
.tab-content {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
margin-bottom: 20px;
z-index: 2;
overflow: auto;
}
/* box */
.box {
margin-bottom: 20px;
}
#column-left .box,
#column-right .box {
-webkit-box-shadow: 0 3px 6px #CCCCCC;
-moz-box-shadow: 0 3px 6px #CCCCCC;
box-shadow: 0 3px 6px #CCCCCC;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.box .box-heading {
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
text-transform: uppercase;
background: url("../image/menu-bg.png") repeat-x scroll center center transparent;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
text-shadow: 1px 2px 4px #0F0F0F;
color: #FAFFF9;
-webkit-box-shadow: 0 2px 2px #9C9C9C;
-moz-box-shadow: 0 2px 2px #9C9C9C;
box-shadow: 0 2px 2px #9C9C9C;
margin-bottom: 7px;
}
#content .box-heading {
background: #FFFFFF url('../image/header-border-bottom.png') left bottom no-repeat;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
text-transform: uppercase;
background-size: 100%;
padding: 8px 10px 9px 43px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 16px;
color: #000;
margin-bottom: 7px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
text-shadow: 0 1px 0 #000000;
}
.box .box-content {
background: #FFFFFF;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
}
.box-content ul li {
color: #30961E;
list-style: none;
}
.box-content ul li a {
color: #30961E;
line-height: 22px;
}
/* box products */
.box-product {
width: 100%;
text-align: center;
}
#content .box-product > div {
display: inline-block;
margin-bottom: 40px;
margin-left: 7px;
margin-right: 7px;
vertical-align: top;
width: 179px;
text-align: center;
}
#column-left .box-product > div,
#column-right .box-product > div {
width: 168px;
display: inline-block;
vertical-align: top;
margin-bottom: 19px;
padding-top: 11px;
text-align: center;
}
#content .box-product > div .cart {
text-align: center;
}
#content .product-grid > div .cart {
text-align: center;
margin-top: 4px;
}
#column-left .box-product > div .cart,
#column-right .box-product > div .cart {
text-align: center;
position: relative;
bottom: -9px;
text-align: center;
}
#column-left + #column-right + #content .box-product > div {
width: 179px;
}
.box-product .image {
display: block;
margin-bottom: 0px;
border: 0px solid #000;
text-align: center;
}
.box-product .image a,
.product-grid .image a {
float: left;
}
#column-left .box-product .image a,
#column-right .box-product .image a, {
margin-left: -3px;
}
.box-product .image img {
padding: 3px;
}
.box-product .image a img {
padding: 3px;
}
/* hov1 */
#content .image .hov1 {
display: none;
position: absolute;
margin-left: 160px;
}
#content .product-list .image div.hov1 {
display: none;
}
#content .hov1:hover .atribute {
display: none;
}
#content .hov1:hover .strelka {
display: none;
}
#content .hov1:hover .desc {
display: none;
}
#content .image:hover .hov1 {
display: block;
z-index: 99;
background: #fff;
position: absolute;
-webkit-box-shadow: 1px 2px 5px #777;
-moz-box-shadow: 1px 2px 5px #777;
box-shadow: 1px 2px 5px #777;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#444444')";
color: #444444;
font-size: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.hov1 .atribute {
width: 170px;
text-align: left;
padding: 0px 15px 10px 20px;
}
.hov1 .cart {
margin-bottom: 10px;
}
#content .hov1 .price{
text-align: center;
margin-top: 10px;
height: 22px;
}
.product-list .hov1 {
display: none;
}
/* end hov1 */
/* hov2 */
#content .image .hov2 {
display: none;
position: absolute;
margin-left: -185px;
}
#content .product-list .image .hov2 {
display: none;
}
#content .hov2:hover .atribute {
display: none;
}
#content .hov2:hover .desc {
display: none;
}
#content .image:hover .hov2 {
display: block;
z-index: 99;
background: #fff;
position: absolute;
-webkit-box-shadow: 1px 2px 5px #777;
-moz-box-shadow: 1px 2px 5px #777;
box-shadow: 1px 2px 5px #777;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#444444')";
color: #444444;
font-size: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.hov1 .strelka {
background: url('../image/kursor.png') 0 0 no-repeat;
height: 44px;
left: -23px;
top: 60px;
width: 23px;
position: absolute;
}
.hov2 .strelka {
background: url("../image/kursor.png") no-repeat scroll 100% 50% transparent;
height: 44px;
position: absolute;
right: -23px;
top: 60px;
width: 23px;
}
.hov2 .atribute {
width: 170px;
text-align: left;
padding: 0px 15px 10px 20px;
}
.hov2 .cart {
margin-bottom: 10px;
}
#content .hov2 .price {
text-align: center;
margin-top: 10px;
height: 22px;
}
.product-list .hov2 {
display: none;
}
/* end hov2 */
#content .box-product .image:hover {
color: #333333;
display: block;
font-size: 12px;
margin-bottom: 4px;
}
#content .box-product .name,
#content .product-grid .name {
text-align: center;
padding: 7px 0;
}
.box-product .name a,
.product-grid .name a,
.product-list .name a {
color: #333;
margin-bottom: 4px;
font-size: 13px;
font-family: 'Microsoft Sans Serif',Helvetica,'MS Sans Serif',sans-serif;
}
#content .box-product .price {
margin-bottom: 4px;
text-align: center;
line-height: 1em;
font-size: 18px;
font-family: icon;
}
#column-left .box-product .price,
#column-right .box-product .price {
padding-bottom: 17px;
padding-top: 10px;
padding-left: 76px;
}
.box-product .price-old {
line-height: 1em;
color: #FF8C00;
font-size: 14px;
text-decoration: line-through;
text-align: center;
}
.box-product .price-new {
line-height: 1em;
font-size: 18px;
font-family: icon;
}
.box-product .rating {
display: block;
margin-bottom: 4px;
}
/* box category */
.box-category {
margin-top: -5px;
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-category > ul > li {
padding: 6px 8px 2px 9px;
}
.box-category > ul > li + li {
border-top: 1px solid #EEEEEE;
}
#column-left .box-product > div + div,
#column-right .box-product > div + div {
border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
text-decoration: none;
color: #333;
text-transform: uppercase;
}
.box-category > ul > li ul {
display: none;
}
.box-category > ul > li a.active {
font-weight: bold;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category > ul > li ul > li {
padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
text-decoration: none;
display: block;
}
.box-category > ul > li ul > li > a:hover {
text-decoration: underline;
}
.box-category > ul > li ul > li > a.active {
font-weight: bold;
}
/* content */
#content .content {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
#content .content .left {
float: left;
width: 49%;
}
#content .content .right {
float: right;
width: 49%;
}
/* category */
.category-info {
overflow: auto;
margin-bottom: 20px;
}
.category-info .image {
float: left;
padding: 5px;
margin-right: 15px;
border: 1px solid #E7E7E7;
}
.category-list {
overflow: auto;
margin-bottom: 20px;
}
.category-list ul {
float: left;
width: 18%;
}
.category-list .div a {
text-decoration: underline;
font-weight: bold;
}
/* manufacturer */
.manufacturer-list {
border: 1px solid #DBDEE1;
padding: 5px;
overflow: auto;
margin-bottom: 20px;
}
.manufacturer-heading {
background: #F8F8F8;
font-size: 15px;
font-weight: bold;
padding: 5px 8px;
margin-bottom: 6px;
}
.manufacturer-content {
padding: 8px;
}
.manufacturer-list ul {
float: left;
width: 25%;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
/* product */
.product-filter {
border-bottom: 1px solid #EEEEEE;
padding-bottom: 20px;
overflow: auto;
}
.product-filter .display {
margin-right: 15px;
float: left;
padding-top: 4px;
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-compare {
padding-top: 6px;
margin-bottom: 25px;
font-weight: bold;
}
.product-compare a {
text-decoration: none;
font-weight: bold;
}
.product-list > div {
overflow: auto;
margin-bottom: 15px;
}
.product-list .right {
float: right;
margin-left: 15px;
}
.product-list > div + div {
border-top: 1px solid #EEEEEE;
padding-top: 16px;
}
.product-list .image {
float: left;
margin-right: 10px;
}
.product-list .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-list .image .special img {
border: 0px;
}
.product-list .name {
margin-bottom: 3px;
}
.desc {
min-height: 140px;
width: 170px;
padding: 10px 10px 10px 20px;
text-align: justify;
}
.descfeatured {
color: #444444;
font-size: 10px;
text-align: justify;
}
.product-list .description {
line-height: 15px;
margin-bottom: 5px;
color: #4D4D4D;
}
.product-list .rating {
color: #7B7B7B;
}
.product-list .price {
float: right;
margin-left: 8px;
text-align: right;
font-size: 18px;
font-family: icon;
}
.product-list .price-old {
text-decoration: line-through;
color: #FF8C00;
font-size: 14px;
}
.product-list .price-new {
font-size: 18px;
}
.product-list .price-tax {
font-size: 12px;
font-weight: normal;
color: #BBBBBB;
}
.product-list .cart {
margin-bottom: 3px;
}
.product-list .wishlist, .product-list .compare {
margin-bottom: 3px;
}
.product-list .wishlist a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
background: url("../image/menu-bottom.png") no-repeat bottom center transparent;
background-size: 100%;
margin-left: -13px;
width: 106%;
}
.product-grid > div {
display: inline-block;
margin-bottom: 40px;
margin-left: 9px;
margin-right: 9px;
vertical-align: top;
width: 180px;
}
#column-left + #column-right + #content .product-grid > div {
width: 180px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
text-align: center;
}
.product-grid .image img {
padding: 3px;
border: 0px solid #E7E7E7;
}
.product-grid .description {
}
.product-grid .rating {
margin-bottom: 4px;
text-align: center;
}
.product-grid .price {
margin-bottom: 4px;
padding-left: 3px;
padding-right: 3px;
text-align: center;
font-family: icon;
line-height: 1em;
font-size: 18px;
}
.product-grid .price-old {
font-family: icon;
line-height: 1em;
font-size: 14px;
text-decoration: line-through;
text-align: center;
padding-top: 6px;
color: #FF8C00;
}
.product-grid .price-new {
margin-bottom: 4px;
text-align: center;
font-family: icon;
line-height: 1em;
font-size: 18px;
}
.product-grid .price .price-tax {
display: none;
}
.wishlist {
margin-top: 10px;
}
.product-grid .wishlist, .product-grid .compare {
padding-left: 43px;
}
.product-grid .wishlist a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
/* Product */
.product-info {
overflow: auto;
margin-bottom: 20px;
}
.product-info > .left {
float: left;
margin-right: 15px;
}
.product-info > .left + .right {
margin-left: 265px;
}
.product-info .image {
border: 1px solid #E7E7E7;
float: left;
margin-bottom: 20px;
padding: 10px;
text-align: center;
}
.product-info .image-additional {
width: 260px;
margin-left: -10px;
clear: both;
overflow: hidden;
}
.product-info .image-additional img {
border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
float: left;
display: block;
margin-left: 10px;
margin-bottom: 10px;
}
.product-info .description {
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding: 5px 5px 10px 5px;
margin-bottom: 10px;
line-height: 20px;
color: #4D4D4D;
}
.product-info .description span {
color: #000;
}
.product-info .description a {
color: #4D4D4D;
text-decoration: none;
}
.product-info .price {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
font-family: icon;
line-height: 1em;
font-size: 18px;
}
.product-info .price-old {
color: #FF8C00;
text-decoration: line-through;
font-size: 16px;
}
.product-info .price-new {
}
.product-info .price-tax {
color: #999999;
font-size: 12px;
font-weight: normal;
text-shadow: 0 0 0;
}
.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 {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
color: #000000;
}
.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 #CCCCCC;
cursor: pointer;
}
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
color: #4D4D4D;
overflow: auto;
}
.product-info .cart div {
float: left;
vertical-align: middle;
}
.product-info .cart div > span {
padding-top: 7px;
display: block;
color: #999;
}
.product-info .cart .minimum {
padding-top: 5px;
font-size: 11px;
color: #999;
clear: both;
}
.product-info .review {
color: #4D4D4D;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
margin-bottom: 10px;
}
.product-info .review > div {
padding: 8px;
border-bottom: 1px solid #E7E7E7;
line-height: 20px;
}
.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: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
.review-list .author {
float: left;
margin-bottom: 20px;
}
.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: #000000;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.attribute tr td:first-child {
color: #000000;
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 #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
color: #000000;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.compare-info tr td:first-child {
color: #000000;
font-weight: bold;
text-align: right;
}
.compare-info td {
padding: 7px;
width: 20%;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
font-weight: bold;
}
.compare-info .price-old {
font-weight: bold;
color: #F00;
text-decoration: line-through;
}
.compare-info .price-new {
font-weight: bold;
}
/* wishlist */
.wishlist-info table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.wishlist-info td {
padding: 7px;
}
.wishlist-info thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.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 {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
border: 1px solid #DDDDDD;
}
.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;
}
.login-content {
margin-bottom: 20px;
overflow: auto;
}
.login-content .left {
float: left;
width: 48%;
}
.login-content .right {
float: right;
width: 48%
}
.login-content .left .content, .login-content .right .content {
min-height: 190px;
}
/* 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 {
width: 98%;
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%;
margin-bottom: 15px;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
.cart-info td {
padding: 7px;
}
.cart-info thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.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 {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
border: 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;
top: 4px;
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;
}
/* checkout */
.checkout-heading {
background: #F8F8F8;
border: 1px solid #DBDEE1;
padding: 8px;
font-weight: bold;
font-size: 13px;
color: #555555;
margin-bottom: 15px;
}
.checkout-heading a {
float: right;
margin-top: 1px;
font-weight: normal;
text-decoration: none;
}
.checkout-content {
padding: 0px 0px 15px 0px;
display: none;
overflow: auto;
}
.checkout-content .left {
float: left;
width: 48%;
}
.checkout-content .right {
float: right;
width: 48%;
}
.checkout-content .buttons {
clear: both;
}
.checkout-product table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.checkout-product td {
padding: 7px;
}
.checkout-product thead td {
color: #4D4D4D;
font-weight: bold;
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-bottom: 1px solid #DDDDDD;
}
.contact-info {
overflow: auto;
}
.contact-info .left {
float: left;
width: 48%;
}
.contact-info .right {
float: left;
width: 48%;
}
.sitemap-info {
overflow: auto;
margin-bottom: 40px;
}
.sitemap-info .left {
float: left;
width: 48%;
}
.sitemap-info .right {
float: left;
width: 48%;
}
/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px 20px 2px;
border-top: 1px solid #444444;
background-size: 100%;
}
#footer h3 {
color: #30961E;
font-size: 12px;
margin-top: 0px;
margin-bottom: 8px;
text-transform: uppercase;
}
#footer .column {
float: left;
width: 25%;
min-height: 100px;
}
#footer .column ul {
margin-top: 0px;
margin-left: 8px;
padding-left: 12px;
}
#footer .column ul li {
margin-bottom: 3px;
}
#footer .column a {
text-decoration: none;
color: #000;
}
#footer .column a:hover {
text-decoration: underline;
}
#powered {
clear: both;
float: right;
margin-bottom: 21px;
margin-top: -47px;
text-align: right;
}
/* banner */
.banner div {
text-align: center;
width: 100%;
display: none;
}
.banner div img {
margin-bottom: 20px;
}
#content .cart input.button {
background: url("../image/button.png") repeat-x scroll 0 0 transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
color: #FFFFFF;
font-weight: normal;
margin-top: 8px;
font-weight: bold;
}
#content .cart input.button:hover {
background: url("../image/button.png") repeat-x scroll 0 -30px transparent;
}
#column-left .box-product .cart input.button,
#column-right .box-product .cart input.button {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
color: #30961E;
font-weight: bold;
margin-top: -5px;
padding-left: 31px;
margin-right: 14px;
}
#content .stock {
background: url("../image/stock.gif") no-repeat scroll left center transparent;
margin-left: 21px;
margin-top: 7px;
padding-left: 28px;
text-align: left;
clear: both;
margin-bottom: 6px;
}
#content .no-stock {
background: url("../image/no-stock.gif") no-repeat center left transparent;
float: left;
margin-top: 7px;
padding-left: 28px;
margin-left: 12px;
}
#column-left .stock,
#column-right .stock {
background: url("../image/stock.gif") no-repeat center left transparent;
padding-left: 28px;
margin-left: 31px;
margin-top: 8px;
margin-bottom: 6px;
}
#column-left .box-product .name,
#column-right .box-product .name {
text-align: center;
}
#content .box-product {
margin-left: -13px;
width: 103%;
}
#content .special,
#column-left .special,
#column-right .special {
margin-left: 6px;
margin-top: 6px;
position: absolute;
text-align: right;
z-index: 99;
}
#newDivPh {
position:absolute;
background:#fff;
padding:10px;
border:2px solid #30961E;
-webkit-box-shadow: 2px 2px 5px #333;
-moz-box-shadow: 2px 2px 5px #333;
box-shadow: 2px 2px 5px #333;
z-index: 99;
}
#descript {
width: 225px;
padding: 0px 22px 0px 22px;
}
.telefonimg {
position: relative;
top: 16px;
left: 221px;
width: 27px;
}
.telefonnumber {
font-size: 27px;
left: 275px;
position: relative;
top: 53px;
width: 300px;
}
.telefonimgfooter {
float: left;
margin-left: 170px;
margin-right: 13px;
}
.telefonimgfooter img {
width: 30px;
height: 30px;
}
.telefonnumberfooter {
float: left;
font-size: 17px;
margin-top: 4px;
}
.informleft {
color: #000;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 27px;
letter-spacing: -2px;
padding: 0 0 0 7px;
position: relative;
top: 8px;
left: 225px;
}
.informleft span {
color: #808080;
font-family: Tahoma;
font-size: 12px;
letter-spacing: -1px;
}
.informright b, .informleft b {
color: #808080;
font-family: Arial;
font-size: 11px;
letter-spacing: -1px;
}
.inform {
font-family: Arial;
font-size: 12px;
font-weight: bold;
left: 409px;
position: absolute;
top: 15px;
width: 124px;
}
.inform .ico {
left: 0;
position: absolute;
top: 7px;
}
.inform .days {
color: #A8A8A8;
left: 23px;
position: absolute;
text-align: center;
top: 0;
width: 40px;
}
.inform .time1 {
color: #707070;
position: absolute;
right: 0;
top: 0;
}
.inform .days span {
color: #30961E;
}
.informright {
background: url("../img/skypon.png") no-repeat scroll 10px 20px transparent;
color: #86C324;
float: right;
font-family: Arial;
font-size: 22px;
font-weight: bold;
letter-spacing: -2px;
padding: 0;
text-align: right;
width: 120px;
position: relative;
top: 3px;
right: 371px;
}
.informright span {
color: #808080;
font-family: Tahoma;
font-size: 12px;
letter-spacing: -1px;
}
.holder p {
margin-bottom: 0px;
}
#pay {
float: left;
margin-top: -3px;
}
#header .cartimg {
float: right;
margin-top: 7px;
}
.cartimg img {
width: 56px;
}
#welcome a {
color: #000;
}
.description .stock {
background: url("../image/stock.gif") no-repeat scroll left center transparent;
float: left;
margin-left: -5px;
margin-right: 11px;
margin-top: 27px;
padding-left: 28px;
}
.cloud-zoom-lens {
border: 4px solid #888;
margin:-4px;
background-color:#fff;
cursor:move;
}
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
.cloud-zoom-big {
border:4px solid #ccc;
overflow:hidden;
}
.cloud-zoom-loading {
color:white;
background:#222;
padding:3px;
border:1px solid #000;
}
div.zoom1 {
width:160px;
height:160px;
position:relative;
margin:13px;
}
div.zoom1 img {
position:relative;
cursor:pointer;
left:0;
top:0;
width:160px;
height:160px;
}
div.zoom1:hover {
overflow:visible;
visibility: visible;
position:absolute;
height: 160px;
}
div.zoom1:hover img {
visibility:visible;
z-index:999;
box-shadow: 1px 1px 3px #444;
-webkit-box-shadow: 2px 2px 3px #444;
-moz-box-shadow: 2px 2px 3px #444;
background: #FFFFFF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
margin-top: 0px;
margin-left: -40px;
z-index: 99;
}
.img-category-hov {
float: left;
}
.banners {
font-size: 15px;
height: 163px;
padding-left: 14px;
width: 100%;
}
.block {
-webkit-box-shadow: 0 0 9px #ACACC4;
-moz-box-shadow: 0 0 9px #ACACC4;
box-shadow: 0 0 9px #ACACC4;
border-radius: 11px 11px 11px 11px;
float: left;
height: 113px;
margin-right: 26px;
padding: 26px 0 0 27px;
width: 280px;
color: #00B8EE !important;
font: bold 16px/18px 'HouschkaRounded';
text-transform: uppercase;
}
.blocklast {
-webkit-box-shadow: 0 0 9px #ACACC4;
-moz-box-shadow: 0 0 9px #ACACC4;
box-shadow: 0 0 9px #ACACC4;
border-radius: 11px 11px 11px 11px;
float: left;
height: 124px;
padding: 15px 0 0 27px;
width: 255px;
color: #00B8EE !important;
font: bold 16px/18px 'HouschkaRounded';
text-transform: uppercase;
}
.block img,
.blocklast img {
float: left;
}
/* Стили карусели товаров */
.jcarousel-skin-carousel .jcarousel-container {
/* -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;*/
/*border: 1px solid #346F97;*/
}
.jcarousel-skin-carousel .name {
margin-top: 10px;
}
.jcarousel-skin-carousel .name a {
color: #333333;
display: block;
font-family: 'Microsoft Sans Serif',Helvetica,'MS Sans Serif',sans-serif;
font-size: 15.5px;
margin-bottom: 17px;
}
.jcarousel-skin-carousel .price {
clear: both;
font-family: icon;
font-size: 18px;
text-align: center;
width: 146px;
margin-top: 30px;
}
.jcarousel-skin-carousel .cart {
bottom: 30px;
left: 142px;
position: relative;
width: 76px;
float: left;
}
.jcarousel-skin-carousel .podrobnee {
float: left;
left: 145px;
position: relative;
top: -22px;
padding: 6px 7px 4px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.jcarousel-skin-carousel .podrobnee a {
text-transform: uppercase;
font-weight: bold;
color: #444444;
}
.jcarousel-skin-carousel .price-old {
color: #FF8C00;
text-decoration: line-through;
font-size: 14px;
}
.jcarousel-skin-carousel .price-new {
font-size: 18px;
}
.jcarousel-skin-carousel .rating {
margin-left: 147px;
margin-top: -8px;
position: relative;
margin-bottom: 8px;
}
.jcarousel-skin-carousel .rating img {
float: left;
margin-right: 10px;
}
.jcarousel-skin-carousel .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-carousel .jcarousel-container-horizontal {
width: 947px;
}
#column-left + #column-right + #content .jcarousel-skin-carousel .jcarousel-next-horizontal {
right: -22px;
}
#column-left + #content .jcarousel-skin-carousel .jcarousel-container-horizontal {
padding: 0 10px;
width: 945px;
}
.jcarousel-skin-carousel .jcarousel-container-vertical {
width: 75px;
height: 245px;
padding: 40px 20px;
}
.jcarousel-skin-carousel .jcarousel-clip {
overflow: hidden;
margin-left: 8px;
}
.jcarousel-skin-carousel .jcarousel-clip-vertical {
width: 220px;
height: 310px;
}
.jcarousel-skin-carousel .jcarousel-item {
width: 306px;
}
.jcarousel-skin-carousel .jcarousel-item .image {
float: left;
margin-right: 8px;
}
.jcarousel-skin-carousel .jcarousel-item-horizontal {
background: none;
border-right: 0px solid #F1F1F1;
margin-left: 2px;
margin-right: 0;
text-align: left;
}
.jcarousel-list li + li{
/*margin-left: 8px!important;*/
}
.jcarousel-skin-carousel .jcarousel-item-horizontal li {
width: 178px;
}
.jcarousel-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-carousel .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-carousel .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-carousel .jcarousel-next-horizontal {
position: absolute;
top: 48%;
right: -5px;
width: 13px;
height: 15px;
cursor: pointer;
background: transparent url(../image/strelki.png) no-repeat 0 38%;
}
.jcarousel-skin-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: -10px;
right: auto;
background-image: url(../image/strelki.png);
}
.jcarousel-skin-carousel .jcarousel-next-horizontal:hover,
.jcarousel-skin-carousel .jcarousel-next-horizontal:focus {
/* background-position: -32px 0;*/
}
.jcarousel-skin-carousel .jcarousel-next-horizontal:active {
/* background-position: -64px 0;*/
}
.jcarousel-skin-carousel .jcarousel-next-disabled-horizontal,
.jcarousel-skin-carousel .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-carousel .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-carousel .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
display:none;
}
.jcarousel-skin-carousel .jcarousel-prev-horizontal {
position: absolute;
top: 48%;
left: -6px;
width: 13px;
height: 15px;
cursor: pointer;
background: transparent url(../image/strelki.png) no-repeat 0 0;
}
.jcarousel-skin-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background: transparent url(../image/strelki.png) no-repeat 0 0;
}
.jcarousel-skin-carousel .jcarousel-prev-horizontal:hover,
.jcarousel-skin-carousel .jcarousel-prev-horizontal:focus {
/* background-position: -32px 0;*/
}
.jcarousel-skin-carousel .jcarousel-prev-horizontal:active {
/* background-position: -64px 0;*/
}
.jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-carousel .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
display:none;
}
/**
* Vertical Buttons
*/
.jcarousel-skin-carousel .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(../image/strelki.png) no-repeat 0 0;
}
.jcarousel-skin-carousel .jcarousel-next-vertical:hover,
.jcarousel-skin-carousel .jcarousel-next-vertical:focus {
background-position: 0 -32px;
}
.jcarousel-skin-carousel .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-carousel .jcarousel-next-disabled-vertical,
.jcarousel-skin-carousel .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-carousel .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-carousel .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.jcarousel-skin-carousel .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(../image/strelki.png) no-repeat 0 0;
}
.jcarousel-skin-carousel .jcarousel-prev-vertical:hover,
.jcarousel-skin-carousel .jcarousel-prev-vertical:focus {
background-position: 0 -32px;
}
.jcarousel-skin-carousel .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-carousel .jcarousel-prev-disabled-vertical,
.jcarousel-skin-carousel .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-carousel .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-carousel .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
div.zoom1 {
width:90px;
height:90px;
position:relative;
text-align: center;
margin:13px;
}
div.zoom1 img {
position:relative;
cursor:pointer;
width:90px;
height:90px;
}
div.zoom1:hover {
position: absolute;
}
div.zoom1:hover img {
visibility:visible;
position:absolute;
z-index:150;
}
div.zoom2 { width:300px; height:300px; position:relative; margin:0; left:0; right:0; }
div.zoom2 img { position:relative; cursor:pointer; left:0; top:0; width:300px; height:300px; }
div.zoom2:hover { overflow:visible; visibility:hidden; }
div.zoom2:hover img { visibility:visible; position:absolute; z-index:150; left:0; right:0; }
h1 {
font-size:18px;
font-weight:700;
font-family:Arial,sans-serif;
color:#666;
text-transform:uppercase;
padding-bottom:10px;
text-shadow:1px -1px 2px #fff;
}
a {
color:#333;
text-decoration:none;
}
.clear {
clear:both;
}
.jcarousel-skin-carousel li,.jcarousel-skin-carousel h3,.jcarousel-skin-carousel p,.jcarousel-skin-carousel a {
margin:0;
}
.portfolio-container {
width:940px;
margin-left:10px;
margin-right:10px;
}
.jcarousel-skin-carousel {
margin:10px 0;
}
.jcarousel-skin-carousel li {
display:inline-block;
float:left;
list-style:none;
position:relative;
margin:10px;
}
.jcarousel-skin-carousel li img {
display:block;
}
.portfolio-items li img {
display:block;
width:201px;
height:150px;
background:#eee;
border:1px solid #fff;
border-radius:5px;
-moz-border-radius:5px;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
padding:6px;
}
.pcv_button{
display:inline-block;
padding:5px 13px!important;
margin:10px 5px!important;
margin-right:0!important;
border:solid 1px #000;
float:right;
background:#7abcff;
position: absolute;
bottom: -4px;
right: 9px;
background:-moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));
background:-webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);
color:#eee;
font:100% Arial,Helvetica,sans-serif;
text-align:center;
text-shadow:0 1px 0 rgba(55,121,188,.5);
text-decoration:none!important;
vertical-align:middle;zoom:1;*display:inline;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3)
}
.pcv_button:hover{background:#469cf2}
.pcv_button.yellow{
border-color:#edad14;
background:#ffe20b;
background:-moz-linear-gradient(top,#fff21e 0,#ffd901 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff21e),color-stop(100%,#ffd901));
background:-webkit-linear-gradient(top,#fff21e 0,#ffd901 100%);
background:-o-linear-gradient(top,#fff21e 0,#ffd901 100%);
background:-ms-linear-gradient(top,#fff21e 0,#ffd901 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff21e',endColorstr='#ffd901',GradientType=0);
background:linear-gradient(top,#fff21e 0,#ffd901 100%)}
.pcv_button.yellow:hover{background:#fff21e}
.pcv_button.orange{
border-color:#a3620a;
background:#f9800f;
background:-moz-linear-gradient(top,#ff9a22 0,#f46e01 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a22),color-stop(100%,#f46e01));
background:-webkit-linear-gradient(top,#ff9a22 0,#f46e01 100%);
background:-o-linear-gradient(top,#ff9a22 0,#f46e01 100%);
background:-ms-linear-gradient(top,#ff9a22 0,#f46e01 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a22',endColorstr='#f46e01',GradientType=0);
background:linear-gradient(top,#ff9a22 0,#f46e01 100%);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.orange:hover{background:#ff9a22}
.pcv_button.blue{
border-color:#0076a9;
background:#4eb2f4;
background:-moz-linear-gradient(top,#4eb2f4 0,#207ce5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4eb2f4),color-stop(100%,#207ce5));
background:-webkit-linear-gradient(top,#4eb2f4 0,#207ce5 100%);
background:-o-linear-gradient(top,#4eb2f4 0,#207ce5 100%);
background:-ms-linear-gradient(top,#4eb2f4 0,#207ce5 100%);
background:linear-gradient(top,#4eb2f4 0,#207ce5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb2f4',endColorstr='#207ce5',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)}
.pcv_button.blue:hover{background:#499bea}
.pcv_button.lightblue{
border-color:#0076a3;
background:#49b3fc;
background:-moz-linear-gradient(top,#76c7ff 0,#1da0fa 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#76c7ff),color-stop(100%,#1da0fa));
background:-webkit-linear-gradient(top,#76c7ff 0,#1da0fa 100%);
background:-o-linear-gradient(top,#76c7ff 0,#1da0fa 100%);
background:-ms-linear-gradient(top,#76c7ff 0,#1da0fa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c7ff',endColorstr='#1da0fa',GradientType=0);
background:linear-gradient(top,#76c7ff 0,#1da0fa 100%);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.lightblue:hover{background:#76c7ff}
.pcv_button.darkblue{
border-color:#1c2e4d;
background:#446693;
background:-moz-linear-gradient(top,#446693 0,#192b49 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#446693),color-stop(100%,#192b49));
background:-webkit-linear-gradient(top,#446693 0,#192b49 100%);
background:-o-linear-gradient(top,#446693 0,#192b49 100%);
background:-ms-linear-gradient(top,#446693 0,#192b49 100%);
background:linear-gradient(top,#446693 0,#192b49 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#446693',endColorstr='#192b49',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.darkblue:hover{background:#436490}
.pcv_button.green{
border-color:#4e7521;
background:#76ab3b;
background:-moz-linear-gradient(top,#90c356 0,#649a27 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#90c356),color-stop(100%,#649a27));
background:-webkit-linear-gradient(top,#90c356 0,#649a27 100%);
background:-o-linear-gradient(top,#90c356 0,#649a27 100%);
background:-ms-linear-gradient(top,#90c356 0,#649a27 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90c356',endColorstr='#649a27',GradientType=0);
background:linear-gradient(top,#90c356 0,#649a27 100%);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.green:hover{background:#90c356}
.pcv_button.limegreen{
border-color:#5e7e00;
background:#b9c701;
background:-moz-linear-gradient(top,#b9c701 0,#678700 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b9c701),color-stop(100%,#678700));
background:-webkit-linear-gradient(top,#b9c701 0,#678700 100%);
background:-o-linear-gradient(top,#b9c701 0,#678700 100%);
background:-ms-linear-gradient(top,#b9c701 0,#678700 100%);
background:linear-gradient(top,#b9c701 0,#678700 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9c701',endColorstr='#678700',GradientType=0);color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.limegreen:hover{background:#a9ba00}
.pcv_button.saddlebrown{
border-color:#7d2906;
background:#bb5a0c;
background:-moz-linear-gradient(top,#bb5a0c 0,#661704 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bb5a0c),color-stop(100%,#661704));
background:-webkit-linear-gradient(top,#bb5a0c 0,#661704 100%);
background:-o-linear-gradient(top,#bb5a0c 0,#661704 100%);
background:-ms-linear-gradient(top,#bb5a0c 0,#661704 100%);
background:linear-gradient(top,#bb5a0c 0,#661704 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb5a0c',endColorstr='#661704',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.saddlebrown:hover{background:#bb5a0c}
.pcv_button.red{
border-color:#9e0b0f;
background:#e41d24;
background:-moz-linear-gradient(top,#fb4e55 0,#d7020a 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fb4e55),color-stop(100%,#d7020a));
background:-webkit-linear-gradient(top,#fb4e55 0,#d7020a 100%);
background:-o-linear-gradient(top,#fb4e55 0,#d7020a 100%);
background:-ms-linear-gradient(top,#fb4e55 0,#d7020a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4e55',endColorstr='#d7020a',GradientType=0);
background:linear-gradient(top,#fb4e55 0,#d7020a 100%);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.red:hover{background:#fb4e55}
.pcv_button.darkred{
border-color:#810b01;
background:#bc1a02;
background:-moz-linear-gradient(top,#bc1a02 0,#660500 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bc1a02),color-stop(100%,#660500));
background:-webkit-linear-gradient(top,#bc1a02 0,#660500 100%);
background:-o-linear-gradient(top,#bc1a02 0,#660500 100%);
background:-ms-linear-gradient(top,#bc1a02 0,#660500 100%);
background:linear-gradient(top,#bc1a02 0,#660500 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc1a02',endColorstr='#660500',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.darkred:hover{background:#bc1a02}
.pcv_button.pink{
border-color:#8f2761;
background:#bd5094;
background:-moz-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bd5094),color-stop(100%,#70204c));
background:-webkit-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-o-linear-gradient(top,#bd5094 0,#70204c 100%);
background:-ms-linear-gradient(top,#bd5094 0,#70204c 100%);
background:linear-gradient(top,#bd5094 0,#70204c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd5094',endColorstr='#70204c',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.4)
}
.pcv_button.pink:hover{background:#bd5094}
.pcv_button.black{
border-color:#000;
background:#111;
background:-moz-linear-gradient(top,#4f4f4f 0,#030303 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4f4f4f),color-stop(100%,#030303));
background:-webkit-linear-gradient(top,#4f4f4f 0,#030303 100%);
background:-o-linear-gradient(top,#4f4f4f 0,#030303 100%);
background:-ms-linear-gradient(top,#4f4f4f 0,#030303 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f',endColorstr='#030303',GradientType=0);
background:linear-gradient(top,#4f4f4f 0,#030303 100%);
color:#eee!important;
text-shadow:0 -1px 0 rgba(0,0,0,.8)
}
.pcv_button.black:hover{background:#4f4f4f}
.pcv_button.purple{
border-color:#350d4c;
background:#7933ac;
background:-moz-linear-gradient(top,#9655c6 0,#661e9b 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#9655c6),color-stop(100%,#661e9b));
background:-webkit-linear-gradient(top,#9655c6 0,#661e9b 100%);
background:-o-linear-gradient(top,#9655c6 0,#661e9b 100%);
background:-ms-linear-gradient(top,#9655c6 0,#661e9b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9655c6',endColorstr='#661e9b',GradientType=0);
background:linear-gradient(top,#9655c6 0,#661e9b 100%);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.6)
}
.pcv_button.purple:hover{background:#9655c6}
.pcv_button.gray{
border-color:#656565;
background:#888;
background:-moz-linear-gradient(top,#adadad 0,#707070 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#adadad),color-stop(100%,#707070));
background:-webkit-linear-gradient(top,#adadad 0,#707070 100%);
background:-o-linear-gradient(top,#adadad 0,#707070 100%);
background:-ms-linear-gradient(top,#adadad 0,#707070 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad',endColorstr='#707070',GradientType=0);
background:linear-gradient(top,#adadad 0,#707070 100%);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.3)}
.pcv_button.gray:hover{background:#adadad}
.pcv_button.darkgray{
border-color:#21272d;
background:#646c75;
background:-moz-linear-gradient(top,#646c75 0,#2c333a 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646c75),color-stop(100%,#2c333a));
background:-webkit-linear-gradient(top,#646c75 0,#2c333a 100%);
background:-o-linear-gradient(top,#646c75 0,#2c333a 100%);
background:-ms-linear-gradient(top,#646c75 0,#2c333a 100%);
background:linear-gradient(top,#646c75 0,#2c333a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#646c75',endColorstr='#2c333a',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.3)
}
.pcv_button.darkgray:hover{background:#646c75}
.pcv_button.silver{
border-color:#727272;
background:none repeat scroll 0 0 rgba(255, 140, 0, 0.75) !important;
background:-moz-linear-gradient(top,#d2d2d2 0,#a5a5a5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d2d2d2),color-stop(100%,#a5a5a5));
background:-webkit-linear-gradient(top,#d2d2d2 0,#a5a5a5 100%);
background:-o-linear-gradient(top,#d2d2d2 0,#a5a5a5 100%);
background:-ms-linear-gradient(top,#d2d2d2 0,#a5a5a5 100%);
background:linear-gradient(top,#d2d2d2 0,#a5a5a5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2',endColorstr='#a5a5a5',GradientType=0);
color:#fff!important;
text-shadow:0 -1px 0 rgba(0,0,0,.3)
}
.pcv_button.silver:hover {
background: none repeat scroll 0 0 rgba(255, 140, 0, 1) !important;
}
.jcarousel-skin-carousel li div.caption h3,.jcarousel-skin-carousel li div.caption2 h3,.jcarousel-skin-carousel li div.caption3 h3,.jcarousel-skin-carousel li div.caption4 h3,.jcarousel-skin-carousel li div.caption5 h3,.jcarousel-skin-carousel li div.caption6 h3,.jcarousel-skin-carousel li div.caption7 h3,.jcarousel-skin-carousel li div.caption8 h3,.jcarousel-skin-carousel li div.caption9 h3,.jcarousel-skin-carousel li div.caption10 h3,.jcarousel-skin-carousel li div.caption11 h3,.jcarousel-skin-carousel li div.caption12 h3,.jcarousel-skin-carousel li div.caption13 h3,.jcarousel-skin-carousel li div.caption14 h3,.jcarousel-skin-carousel li div.caption15 h3 {
font-weight:700;
font-size:16px;
text-transform:uppercase;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #aaa;
text-shadow:1px 1px 1px #303857;
}
.jcarousel-skin-carousel li div.caption span,.jcarousel-skin-carousel li div.caption2 span,.jcarousel-skin-carousel li div.caption3 span,.jcarousel-skin-carousel li div.caption4 span,.jcarousel-skin-carousel li div.caption5 span,.jcarousel-skin-carousel li div.caption6 span,.jcarousel-skin-carousel li div.caption7 span,.jcarousel-skin-carousel li div.caption8 span,.jcarousel-skin-carousel li div.caption9 span,.jcarousel-skin-carousel li div.caption10 span,.jcarousel-skin-carousel li div.caption11 span,.jcarousel-skin-carousel li div.caption12 span,.jcarousel-skin-carousel li div.caption13 span,.jcarousel-skin-carousel li div.caption14 span,.jcarousel-skin-carousel li div.caption15 span {
padding-bottom:5px;
margin-bottom:10px;
text-shadow:1px 1px 1px #303857;
}
.jcarousel-skin-carousel li div.caption .price,.jcarousel-skin-carousel li div.caption2 .price,.jcarousel-skin-carousel li div.caption3 .price,.jcarousel-skin-carousel li div.caption4 .price,.jcarousel-skin-carousel li div.caption5 .price,.jcarousel-skin-carousel li div.caption6 .price,.jcarousel-skin-carousel li div.caption7 .price,.jcarousel-skin-carousel li div.caption8 .price,.jcarousel-skin-carousel li div.caption9 .price,.jcarousel-skin-carousel li div.caption10 .price,.jcarousel-skin-carousel li div.caption11 .price,.jcarousel-skin-carousel li div.caption12 .price,.jcarousel-skin-carousel li div.caption13 .price,.jcarousel-skin-carousel li div.caption14 .price,.jcarousel-skin-carousel li div.caption15 .price {
bottom: 9px;
float: left;
position: absolute;
width: 40%;
}
.jcarousel-skin-carousel li div.caption,.jcarousel-skin-carousel li div.caption2,.jcarousel-skin-carousel li div.caption3,.jcarousel-skin-carousel li div.caption4,.jcarousel-skin-carousel li div.caption5,.jcarousel-skin-carousel li div.caption6,.jcarousel-skin-carousel li div.caption7,.jcarousel-skin-carousel li div.caption8,.jcarousel-skin-carousel li div.caption9,.jcarousel-skin-carousel li div.caption10,.jcarousel-skin-carousel li div.caption11,.jcarousel-skin-carousel li div.caption12,.jcarousel-skin-carousel li div.caption13,.jcarousel-skin-carousel li div.caption14,.jcarousel-skin-carousel li div.caption15 {
display:block;
background:rgba(0,0,0,0.7);
color:#fff;
font-family:Arial,sans-serif;
font-weight:400;
font-size:11px;
position:absolute;
overflow:hidden;
text-shadow:1px 1px 1px #303857;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
padding:10px;
}
.jcarousel-skin-carousel li:hover div.caption,.jcarousel-skin-carousel li:hover div.caption2,.jcarousel-skin-carousel li:hover div.caption3,.jcarousel-skin-carousel li:hover div.caption4,.jcarousel-skin-carousel li:hover div.caption5,.jcarousel-skin-carousel li:hover div.caption6,.jcarousel-skin-carousel li:hover div.caption7,.jcarousel-skin-carousel li:hover div.caption8,.jcarousel-skin-carousel li:hover div.caption9,.jcarousel-skin-carousel li:hover div.caption10,.jcarousel-skin-carousel li:hover div.caption11,.jcarousel-skin-carousel li:hover div.caption12,.jcarousel-skin-carousel li:hover div.caption13,.jcarousel-skin-carousel li:hover div.caption14,.jcarousel-skin-carousel li:hover div.caption15 {
width:162px;
height:162px;
opacity:1;
filter:alpha(opacity=80);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-top: -14px;
}
.jcarousel-skin-carousel p {
text-align: justify;
height: 90px;
}
.jcarousel-skin-carousel li div.caption {
top:7px;
right:7px;
width:0;
height:0;
}
.jcarousel-skin-carousel li div.caption2 {
top:7px;
left:7px;
width:0;
height:0;
}
.jcarousel-skin-carousel li div.caption3 {
bottom:7px;
right:7px;
width:0;
height:0;
}
.jcarousel-skin-carousel li div.caption4 {
bottom:7px;
left:7px;
width:0;
height:0;
}
.jcarousel-skin-carousel li div.caption5 {
top:7px;
left:7px;
width:0;
height:130px;
}
.jcarousel-skin-carousel li div.caption6 {
top:7px;
right:7px;
width:0;
height:130px;
}
.jcarousel-skin-carousel li div.caption7 {
top:7px;
left:7px;
width:181px;
height:0;
}
.jcarousel-skin-carousel li div.caption8 {
bottom:7px;
right:7px;
width:181px;
height:0;
}
.jcarousel-skin-carousel li div.caption10 {
bottom:7px;
right:7px;
width:0;
height:0;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
.jcarousel-skin-carousel li div.caption11 {
top:7px;
left:7px;
width:0;
height:0;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}
.caption12 h3,
.caption12 span {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(10);
-moz-transform:scale(10);
-o-transform:scale(10);
-ms-transform:scale(10);
transform:scale(10);
-webkit-transition:all .3s ease-in-out .1s;
-moz-transition:all .3s ease-in-out .1s;
-o-transition:all .3s ease-in-out .1s;
-ms-transition:all .3s ease-in-out .1s;
transition:all .3s ease-in-out .1s;
}
.caption12 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(10);
-moz-transform:scale(10);
-o-transform:scale(10);
-ms-transform:scale(10);
transform:scale(10);
-webkit-transition:all .3s ease-in-out .2s;
-moz-transition:all .3s ease-in-out .2s;
-o-transition:all .3s ease-in-out .2s;
-ms-transition:all .3s ease-in-out .2s;
transition:all .3s ease-in-out .2s;
}
.caption12 a.pcv_button {
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-o-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px);
}
.caption12:hover a.pcv_button {
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-o-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}
.caption13 h3,
.caption13 span {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transition:all .3s ease-in-out .1s;
-moz-transition:all .3s ease-in-out .1s;
-o-transition:all .3s ease-in-out .1s;
-ms-transition:all .3s ease-in-out .1s;
transition:all .3s ease-in-out .1s;
}
.caption13 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transition:all .3s ease-in-out .2s;
-moz-transition:all .3s ease-in-out .2s;
-o-transition:all .3s ease-in-out .2s;
-ms-transition:all .3s ease-in-out .2s;
transition:all .3s ease-in-out .2s;
}
.caption14 h3,
.caption14 span {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateY(-200px);
-moz-transform:translateY(-200px);
-o-transform:translateY(-200px);
-ms-transform:translateY(-200px);
transform:translateY(-200px);
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
transition:all .6s ease-in-out;
}
.caption14 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateY(200px);
-moz-transform:translateY(200px);
-o-transform:translateY(200px);
-ms-transform:translateY(200px);
transform:translateY(200px);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.caption15 h3,
.caption15 span {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateX(200px);
-moz-transform:translateX(200px);
-o-transform:translateX(200px);
-ms-transform:translateX(200px);
transform:translateX(200px);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.caption15 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateX(-200px);
-moz-transform:translateX(-200px);
-o-transform:translateX(-200px);
-ms-transform:translateX(-200px);
transform:translateX(-200px);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.ctn_blue {
background:rgba(8,119,204,0.85)!important;
color:#fff!important;
}
.ctn_blue .pcv_button {
border:1px solid #0666B4!important;
}
.ctn_green {
background:rgba(0,0,0,0.45)!important;
color:#fff!important;
}
.ctn_green .pcv_button {
border:1px solid #607B0E!important;
}
.ctn_brown {
background:rgba(165,42,42,0.85)!important;
color:#fff!important;
}
.ctn_brown .pcv_button {
border:1px solid #7B1F1F!important;
}
.ctn_darkslategray {
background:rgba(72,61,139,0.85)!important;
color:#fff!important;
}
.ctn_darkslategray .pcv_button {
border:1px solid #3A3271!important;
}
.ctn_indianred {
background:rgba(215,96,96,0.85)!important;
color:#fff!important;
}
.ctn_indianred .pcv_button {
border:1px solid #B93636!important;
}
.ctn_white {
background:rgba(255,255,255,0.75)!important;
color:#333!important;
text-shadow:none!important;
}
.ctn_white h3 {
text-shadow:none!important;
}
.ctn_white .pcv_button {
border:1px solid #555!important;
}
.ctn_teal {
background:rgba(0,137,137,0.85)!important;
color:#fff!important;
}
.ctn_teal .pcv_button {
border:1px solid #007171!important;
}
.ctn_orange {
background:rgba(255,140,0,0.75)!important;
color:#fff!important;
}
.ctn_orange .pcv_button {
border:1px solid #CF7200!important;
}
.ctn_blueviolet {
background:rgba(138,43,226,0.75)!important;
color:#fff!important;
}
.ctn_blueviolet .pcv_button {
border:1px solid #6A21AE!important;
}
.ctn_pink {
background:rgba(255,105,180,0.80)!important;
color:#fff!important;
}
.ctn_pink .pcv_button {
border:1px solid #430073!important;
}
.ctn_indigo {
background:rgba(75,0,130,0.75)!important;
color:#fff!important;
}
.ctn_slateblue {
background:rgba(106,90,205,0.75)!important;
color:#fff!important;
}
.ctn_slateblue .pcv_button {
border:1px solid #5448A4!important;
}
.jcarousel-skin-carousel li div.caption9,.jcarousel-skin-carousel li div.caption12,.jcarousel-skin-carousel li div.caption13,.jcarousel-skin-carousel li div.caption14,.jcarousel-skin-carousel li div.caption15 {
height: 0px;
left: 5px;
width: 162px;
}
.jcarousel-skin-carousel li:hover div.caption10,.jcarousel-skin-carousel li:hover div.caption11 {
bottom:7px;
right:7px;
width:181px;
height:130px;
opacity:1;
filter:alpha(opacity=80);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}
.caption12,.caption13,.caption14,.caption15 {
background-color:rgba(146,96,91,0.5);
filter:alpha(opacity=0);
opacity:0;
-webkit-transition:all .3s ease-in .4s;
-moz-transition:all .3s ease-in .4s;
-o-transition:all .3s ease-in .4s;
-ms-transition:all .3s ease-in .4s;
transition:all .3s ease-in .4s;
}
.caption12:hover h3,.caption12:hover p,.caption13:hover h3,.caption13:hover p,.caption14:hover h3,.caption14:hover p,.caption15:hover h3,.caption15:hover p,
.caption12:hover span,.caption13:hover span,.caption14:hover span,.caption15:hover span {
filter:alpha(opacity=100);
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-ms-transition-delay:.2s;
transition-delay:.2s;
}
.text_uvelish {
background: none repeat scroll 0 0 #FFF;
color: #000;
font-weight: bold;
height: 24px;
margin-left: 15px;
margin-top: 107px;
opacity: 0.69;
padding-top: 8px;
position: absolute;
text-align: center;
width: 225px;
z-index: 99;
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-khtml-border-radius: 14px;
display: block;
}
#content .product-info .left:hover div.text_uvelish{
display: none;
}
.cloud-zoom-big {
border: 1px solid #E7E7E7;
-webkit-box-shadow: 1px 2px 6px #A5A5A5;
-moz-box-shadow: 1px 2px 6px #A5A5A5;
box-shadow: 1px 2px 6px #A5A5A5;
z-index: 999;
}
/* Carousel */
#slid {
overflow:hidden;
padding: 0 0 10px;
clear:both;
float:left;
background:#fff;
margin-left: -9px;
}
#slid .bloc {
float: left;
width: 229px;
min-height: 114px;
overflow: hidden;
position: relative;
}
#slid .buttons {
float:left;
background:url("../image/strelki.png") no-repeat scroll 0 0 transparent;
display: block;
margin: 45px 0 0 9px;
text-indent: -999em;
width: 13px;
height: 15px;
overflow: hidden;
position: relative;
border:0;
padding:0;
}
#slid .next {
background-position: 0 38%;
margin: 45px 0 0 5px;
height: 14px;
}
#slid .disable {
visibility:hidden;
}
#slid .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
#slid .overview li{
float: left;
margin: 0 4px 0 0;
padding: 1px;
height: 60px;
border: 0px solid #dcdcdc;
}
#slid .overview li div{
width:100px;
}
#slid .overview li div a{
color:#5a5a5a;
font-weight:bold;
}
#slid .overview li div a:hover{
color:#BA1A87;
text-decoration:none;
}
#slid .overview li div .price{
font-size:10px;
color:#000;
float:left;
width:auto;
}
#slid .overview li div .button{
background: url('../image/jp/items_cart_icon.png') center center no-repeat;
padding:6px;
float:right;
}
.bloc .image{
border: 0px solid #C5C5C5;
box-shadow: none;
margin-bottom: 0px;
padding: 0px;
position: relative;
text-align: center;
z-index: 0;
}
.slid_text{
font-family:Arial;
font-size:11px;
color:#000;
text-transform:uppercase;
font-weight:bold;
margin-bottom: 10px;
}
#slid .overview li div .price-old{
font-size:10px;
color:#f00;
float:left;
width:auto;
clear:left;
}
#slid .overview li div .price-new{
font-size:10px;
color:#000;
float:left;
width:auto;
}
#textheader1 {
float: left;
left: 344px;
position: absolute;
top: 37px;
}
#textheader2 {
float: left;
left: 500px;
position: absolute;
top: 38px;
width: 272px;
}
#textheader3 {
float: left;
left: 379px;
position: absolute;
top: 119px;
}
.top-text {
font-size: 15px;
font-style: italic;
left: 13px;
position: absolute;
top: -24px;
}
.footer-bg {
color: #000000;
width: 985px;
margin-left: -8px;
opacity: 0.85;
height: 146px;
font-weight: normal;
}
#textfooter1 {
float: left;
margin-left: 25px;
margin-top: 5px;
width: 201px;
margin-bottom: 34px;
}
#textfooter2 {
line-height: 1.5;
text-align: justify;
float: left;
width: 474px;
margin-right: 20px;
}
#textfooter3 {
float: right;
text-transform: uppercase;
margin-top: 4px;
}
#textfooter4 {
float: left;
margin-top: 25px;
text-transform: uppercase;
color: #30961E;
font-weight: bold;
}
#textfooter3 img {
}
#vk_groups {
margin-bottom: 15px;
}
.box-html p {
padding: 10px;
}
.footer-shadow {
background: url("../image/menu-bottom.png") no-repeat scroll center bottom transparent;
margin-left: auto;
margin-right: auto;
width: 1022px;
height: 19px;
margin-bottom: 16px;
}
.slideshow {
float: none;
}