/* Minification failed. Returning unminified contents.
(7340,41): run-time error CSS1046: Expect comma, found '0'
(7340,45): run-time error CSS1046: Expect comma, found '/'
(7393,41): run-time error CSS1046: Expect comma, found '0'
(7393,45): run-time error CSS1046: Expect comma, found '/'
(7404,41): run-time error CSS1046: Expect comma, found '0'
(7404,45): run-time error CSS1046: Expect comma, found '/'
(7807,25): run-time error CSS1038: Expected hex color, found '#ffff'
(7807,40): run-time error CSS1038: Expected hex color, found '#ffff'
(7807,58): run-time error CSS1038: Expected hex color, found '#ffff'
(7807,76): run-time error CSS1038: Expected hex color, found '#ffff'
(7807,94): run-time error CSS1038: Expected hex color, found '#ffff'
(7807,112): run-time error CSS1038: Expected hex color, found '#ffff'
*/
/*********** CSS RESET **********/
* {
margin: 0;
outline: none;
padding: 0;
text-decoration: none;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
margin: 0 !important;
-webkit-text-size-adjust: none;
}
ol, ul {
list-style: none;
}
em {
font-style: normal;
}
a img {
border: none;
}
a:active {
outline: none;
}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
margin: 0;
border: 0;
padding: 0;
}
button::-moz-focus-inner {
border: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
textarea, button {
border-radius: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-appearance: none;
}
input::-moz-placeholder {
opacity: 1; /*firefox text input bug fix*/
}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
display: none !important;
}
/*********** GLOBAL STYLES **********/
body {
max-width: 100%;
overflow-x: hidden; /* responsive navigation & filters scroll bug fix*/
background: #fff;
font: normal 400 14px 'Open Sans', sans-serif;
color: #777;
}
a {
color: inherit;
cursor: pointer;
}
a img {
opacity: 0.99; /*firefox scale bug fix*/
}
table {
width: 100%;
border-collapse: collapse;
}
input[type="text"],
input[type="password"],
textarea, select {
height: 36px; /*safari padding fix*/
border: 1px solid #e9e9e9;
padding: 0 8px;
vertical-align: middle;
color: #777;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus, select:focus {
color: #333;
}
input, textarea, select, button {
font-family: 'Open Sans';
font-size: 14px;
}
input:disabled,
textarea:disabled {
background-color: transparent;
}
textarea {
min-height: 150px;
padding: 8px;
}
select {
min-width: 50px;
height: 32px; /*safari padding fix*/
padding: 0 6px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus, select:focus {
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
vertical-align: middle;
}
input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
cursor: pointer;
}
label, label + * {
vertical-align: middle;
}
.master-wrapper-page {
background-color: #f6f6f6;
}
.master-wrapper-content {
position: relative;
z-index: 0; /* giving priority to header and header-menu */
}
.master-column-wrapper:after {
content: "";
display: block;
clear: both;
}
.center-1 {
margin: 0 0 90px;
}
.home-page-body .center-1 {
margin: 0;
}
.product-details-page-body .center-1 {
margin: 0 0 70px;
}
.center-2, .side-2 {
margin: 0 0 70px;
}
.side-2:after {
content: "";
display: block;
clear: both;
}
.page {
min-height: 200px;
text-align: center;
}
.page-title {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
text-transform: uppercase;
}
.page-title h1 {
font-size: 22px;
color: #333;
}
.page:after,
.page-title:after,
.page-body:after {
content: "";
display: block;
clear: both;
}
.buttons {
text-align: center;
}
.link-rss {
display: none;
width: 32px;
height: 32px;
background: #f74258 url(/Themes/Pavilion/Content/img/rss-icon.png) no-repeat;
font-size: 0 !important;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.category-description p,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p {
margin: 20px 0;
line-height: 30px;
}
/*********** GLOBAL FORMS ***********/
.fieldset, .section {
position: relative;
margin: 0 0 30px;
}
.fieldset .title,
.section .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333;
text-transform: uppercase;
}
.form-fields {
position: relative;
}
.inputs {
position: relative;
margin: 0 0 20px;
white-space: nowrap; /*fix for 'required' elements*/
font-size: 0;
}
.inputs:after {
content: "";
display: block;
clear: both;
}
.inputs label {
display: block;
width: 100%;
margin: 0 0 5px;
font-size: 13px; /*reset zeroing*/
font-weight: bold;
}
.inputs input[type="text"],
.inputs input[type="password"],
.inputs select, .inputs textarea {
width: 100%;
max-width: 100%;
vertical-align: middle;
}
.inputs .option-list {
overflow: hidden;
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.inputs .option-list li {
float: left;
margin: 0 5px 0 0;
}
.inputs .option-list label {
display: inline;
width: auto;
margin: 0 5px;
font-weight: normal;
}
.inputs.reversed {
margin: 0 0 20px;
text-align: center;
}
.required {
margin: 0 0 0 3px; /*siblings offset fix*/
font-size: 12px;
color: #f74258;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
display: block;
margin: 5px 0 0;
font-size: 13px;
color: #f74258;
}
.message-error {
margin: 0;
}
.field-validation-valid,
.username-available-status {
display: block;
font-size: 14px;
color: #4fbb41;
}
.captcha-box {
margin: 0 0 15px;
text-align: center;
line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
display: inline-block;
}
.captcha-box input {
height: auto;
}
/*********** GLOBAL TABLES ***********/
/*.table-wrapper {
overflow-x: auto;
}*/
.cart, .data-table,
.compare-products-table,
.forums-table-section table {
border: 1px solid #e9e9e9;
background-color: #fff;
}
.cart th, .data-table th,
.forums-table-section th {
padding: 20px;
font-size: 13px;
font-weight: normal;
white-space: nowrap;
}
.cart td, .data-table td,
.compare-products-table td,
.forums-table-section td {
min-width: 50px;
border-top: 1px solid #f0f0f0;
padding: 25px;
}
.forums-table-section th,
.forums-table-section td {
padding: 20px 25px;
}
.cart a, .data-table a,
.compare-products-table a {
font-weight: bold;
color: #333;
}
.cart .product,
.data-table .product,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
text-align: left;
}
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
text-align: center;
}
.cart td .attributes,
.data-table td .attributes {
margin: 10px 0;
}
.cart .product-picture {
text-align: center;
}
.cart .product-picture img {
max-width: 60px;
}
.cart .edit-item a {
font-weight: normal;
color: #f74258;
}
.cart .edit-item a:hover {
text-decoration: underline;
}
.cart .unit-price {
white-space: nowrap;
}
.cart .qty-input,
.cart .qty-dropdown {
width: 50px;
height: 40px;
text-align: center;
}
.cart .subtotal {
font-weight: bold;
color: #00a1b1;
}
.cart th.subtotal {
text-transform: uppercase;
}
/*********** NOTIFICATIONS & POPUPS ***********/
.bar-notification {
display: none;
position: fixed;
bottom: 30px;
left: 0;
z-index: 1080;
width: 100%;
padding: 12px 25px 12px 10px;
font-size: 13px;
color: #fff;
opacity: 0.95;
}
.bar-notification.success {
background: #4fbb41;
}
.bar-notification.warning {
background: #f7960d;
}
.bar-notification.error {
background: #f74258;
}
.bar-notification .content {
float: left;
margin: 0 10px 0 0;
}
.bar-notification .content a {
color: #fff;
text-decoration: underline;
}
.bar-notification .close {
position: absolute;
top: 0;
right: 0;
width: 31px;
height: 31px;
margin: 6px;
background: #fff url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
cursor: pointer;
}
.bar-notification .close:hover {
outline: 1px solid #fff;
}
.noscript {
background-color: #ff9;
padding: 10px;
text-align: center;
}
/*.ajax-loading-block-window {
position: fixed;
top: 50%;
left: 50%;
z-index: 999;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
background: url(/Themes/Pavilion/Content/img/loading.gif) center no-repeat;
}*/
.ajax-loading-block-window {
position: fixed;
top: 0;
left: 0;
z-index: 1100;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.9);
}
.ajax-loading-block-window:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 2px;
background-color: #f74258;
animation: animate 0.5s linear infinite;
}
.ajax-loading-block-window:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 5px;
margin: 35px 0 0 -25px;
border-radius: 50%;
background-color: #000;
opacity: 0.1;
animation: shadow 0.5s linear infinite;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
.ui-dialog {
position: absolute !important;
z-index: 1050;
width: 350px !important;
max-width: 95%;
border: 1px solid #e9e9e9;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
background-color: #fff;
}
.ui-dialog-titlebar {
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
background-color: #f9f9f9;
padding: 15px 20px;
font-weight: bold;
color: #f74258;
}
.ui-dialog-titlebar span {
float: left;
text-transform: uppercase;
}
.ui-dialog-titlebar button {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
margin: 13px;
overflow: hidden;
border: none;
background: url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
font-size: 0;
opacity: 0.8;
}
.ui-dialog-titlebar button:hover {
opacity: 1;
}
.ui-dialog-titlebar button * {
display: none;
}
.ui-dialog-content {
height: auto !important;
padding: 20px;
}
.mfp-container {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 80%;
margin: 20px auto;
}
.topic-page{
background-color:white;
padding:30px;
}
.eu-cookie-bar-notification {
position: fixed;
top: 50%;
left: 50%;
z-index: 1050;
width: 320px;
height: 180px;
margin: -90px 0 0 -160px;
border: 1px solid #e9e9e9;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
padding: 25px;
text-align: center;
}
.eu-cookie-bar-notification .text {
margin-bottom: 20px;
line-height: 20px;
}
.eu-cookie-bar-notification button {
min-width: 60px;
margin: 5px 0 10px;
border: none;
background-color: #f74258;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.eu-cookie-bar-notification a {
display: block;
text-decoration: underline;
}
#goToTop {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1030;
width: 50px;
height: 50px;
overflow: hidden;
background: rgba(225,225,225,0.75) url(/Themes/Pavilion/Content/img/scroll-page.png) no-repeat center 48%;
transition: all 0.2s ease;
cursor: pointer;
}
#goToTop:hover {
/*background-color: rgba(215,215,215,0.85);*/
background-color: #ddd;
}
/*********** HEADER ***********/
.admin-header-links {
min-height: 42px;
text-align: center;
}
.admin-header-links * {
display: inline-block;
margin: 0 10px;
line-height: 42px;
}
.admin-header-links a {
text-transform: uppercase;
}
.header .center:after {
content: "";
display: block;
clear: both;
}
.header-links a {
background-image: url(/Themes/Pavilion/Content/img/header-sprite-1.png);
background-repeat: no-repeat;
}
.header-selectors select {
min-width: 100px;
border-color: #ddd;
font-size: 13px;
color: #777;
}
.language-list {
max-width: 100%;
font-size: 0;
}
.language-list li {
display: inline-block;
margin: 0 1px;
}
.language-list a {
display: block;
position: relative;
width: 32px;
height: 24px;
line-height: 0;
}
.language-list img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.header-logo {
text-align: center;
}
.header-logo a {
display: inline-block;
max-width: 100%;
line-height: 0; /*firefox line-height bug fix*/
vertical-align: middle;
}
.header-logo a img {
max-width: 100%;
background-color: transparent !important;
}
.mini-shopping-cart {
font-size: 13px;
}
.mini-shopping-cart .count {
background-color: #f9f9f9;
padding: 15px;
text-align: center;
}
.mini-shopping-cart .count a {
padding: 0 3px;
color: #333;
font-weight: bold;
}
.mini-shopping-cart .items {
display: none;
position: relative;
overflow: hidden;
}
.mini-shopping-cart .item {
border-bottom: 1px solid #f6f6f6;
overflow: hidden;
padding: 20px;
text-align: left;
}
.mini-shopping-cart .picture {
float: left;
width: 100px;
text-align: center;
font-size: 0;
}
.mini-shopping-cart .picture a {
display: block;
position: relative;
overflow: hidden;
}
.mini-shopping-cart .picture a:before {
content: "";
display: block;
padding-top: 100%;
}
.mini-shopping-cart .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 65%;
}
.mini-shopping-cart .picture + .product {
margin: 0 0 0 120px;
}
.mini-shopping-cart .name {
margin: 0 0 10px;
font-size: 12px;
font-weight: bold;
color: #333;
}
.mini-shopping-cart .price strong {
vertical-align: middle;
font-weight: bold;
color: #00a1b1;
}
.mini-shopping-cart .totals {
margin: -1px 0 0;
background-color: #f9f9f9;
padding: 15px;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.mini-shopping-cart .totals strong {
margin: 0 0 0 5px;
font-size: 15px;
color: #00a1b1;
}
.mini-shopping-cart .buttons {
padding: 20px 15px;
}
.mini-shopping-cart input[type="button"] {
min-width: 145px;
border: none;
padding: 13px 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.mini-shopping-cart input.cart-button {
background-color: #fff;
color: #f74258;
}
.mini-shopping-cart input.cart-button:hover {
outline-color: #fff;
}
.mini-shopping-cart input.checkout-button,
.mini-shopping-cart input[type="button"]:only-child {
background-color: #f74258;
color: #fff !important;
}
.mini-shopping-cart input.checkout-button:hover,
.mini-shopping-cart input[type="button"]:only-child:hover {
outline-color: #f74258;
}
.store-search-box {
position: relative;
}
.store-search-box form {
display: inline-block;
position: relative;
font-size: 0;
}
.store-search-box form:after {
content: "";
display: block;
clear: both;
}
.store-search-box input.search-box-text {
display: inline-block;
width: 220px;
height: 43px;
margin: 0 5px;
border: none;
background-color: rgba(0,0,0,0.2);
padding: 0 12px;
vertical-align: middle;
color: rgba(255,255,255,0.7);
}
.store-search-box input.search-box-text:focus {
color: #fff;
}
.store-search-box input::-webkit-input-placeholder {
color: rgba(255,255,255,0.7);
}
.store-search-box .search-box-button {
display: inline-block;
width: 47px;
height: 47px;
margin: 0 5px;
border: none;
background: #f74258 url(/Themes/Pavilion/Content/img/search-button.png) center no-repeat;
vertical-align: middle;
font-size: 0;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.store-search-box .search-box-button:hover {
outline-color: #fff;
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-autocomplete,
.ui-autocomplete img {
display: none;
}
/*********** HOMEPAGE CAROUSELS ***********/
.two-columns-area .home-page-product-grid {
display: none;
}
.two-columns-area .jCarouselMainWrapper {
margin: 40px 20px 0;
}
.bestsellers {
display: none;
}
.bestsellers .quick-view-button,
.bestsellers .productQuantityTextBox,
.bestsellers .productQuantityDropdown {
display: none !important;
}
/*********** FOOTER ***********/
.footer {
text-align: center;
}
.footer-upper {
background-color: #00a1b1;
padding: 25px 0 20px;
}
.newsletter .title {
margin: 0 0 10px;
line-height: 28px;
color: #fff;
}
.newsletter .title strong {
font-weight: normal;
}
.newsletter-subscribe {
font-size: 0;
}
.newsletter-email {
display: inline-block;
}
.newsletter-email .newsletter-subscribe-text {
display: inline-block;
width: 220px;
height: 43px;
margin: 0 5px;
border: none;
background-color: rgba(0,0,0,0.2);
padding: 0 12px;
vertical-align: middle;
color: rgba(255,255,255,0.7);
}
.newsletter-email .newsletter-subscribe-text:focus {
color: #fff;
}
.newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder {
color: rgba(255,255,255,0.7);
}
.newsletter-email .newsletter-subscribe-button {
display: inline-block;
width: 47px;
height: 47px;
margin: 0 5px;
border: none;
background: #f74258 url(/Themes/Pavilion/Content/img/subscribe-button.png) center no-repeat;
vertical-align: middle;
font-size: 0;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.newsletter-email .newsletter-subscribe-button:hover {
outline-color: #fff;
}
.newsletter-email .options {
height: 0;
overflow: hidden;
}
.newsletter-validation,
.newsletter-result {
line-height: 28px;
color: #fff;
}
.newsletter-validation .please-wait {
display: none !important;
}
.newsletter .field-validation-valid {
color: #fff;
}
.social-sharing {
margin: 22px 0 0;
font-size: 0;
}
.social-sharing li {
display: inline-block;
margin: 0 8px;
}
.social-sharing a {
display: block;
width: 32px;
height: 32px;
background: url(/Themes/Pavilion/Content/img/social-sprite-1.png) no-repeat;
}
.social-sharing .facebook a {
background-position: 0 0;
}
.social-sharing .twitter a {
background-position: -32px 0;
}
.social-sharing .google a {
background-position: -64px 0;
}
.social-sharing .pinterest a {
background-position: -96px 0;
}
.social-sharing .vimeo a {
background-position: -128px 0;
}
.social-sharing .youtube a {
background-position: -160px 0;
}
.social-sharing .rss a {
background-position: -192px 0;
}
.social-sharing .instagram a {
background-position: -224px 0;
}
.footer-middle {
overflow: hidden;
background-color: #f6f6f6;
}
.footer-block .title {
position: relative;
border-bottom: 1px solid #e9e9e9;
padding: 25px;
font-weight: bold;
text-transform: uppercase;
}
.footer-block .title:after {
content: "";
position: absolute;
top: 30px;
right: 15px;
width: 10px;
height: 10px;
background: #f74258 url(/Themes/Pavilion/Content/img/toggle-button.png) center no-repeat;
}
.footer-block ul {
display: none;
border-bottom: 1px solid #e9e9e9;
background-color: #fff;
padding: 10px 0;
}
.footer-block li {
padding: 10px 0;
}
.footer-block a:hover {
color: #f74258;
}
.footer-block.quick-contact span {
position: relative;
padding: 0 24px;
}
.footer-block.quick-contact span:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
background-color: #f74258;
background-image: url(/Themes/Pavilion/Content/img/footer-sprite.png);
background-repeat: no-repeat;
}
.footer-block .address span:before {
height: 17px;
background-position: center 0;
}
.footer-block .email span:before {
background-position: center -17px;
}
.footer-block .phone span:before {
background-position: center -33px;
}
.footer-lower {
overflow: hidden;
background-color: #eee;
padding: 30px 15px;
}
.accepted-payments {
margin: 0 0 20px;
font-size: 0;
}
.accepted-payments li {
display: inline-block;
width: 50px;
height: 30px;
background: url(/Themes/Pavilion/Content/img/payment-sprite.png) no-repeat;
}
.accepted-payments .method1 {
background-position: 0 0;
}
.accepted-payments .method2 {
background-position: -50px 0;
}
.accepted-payments .method3 {
background-position: -100px 0;
}
.accepted-payments .method4 {
background-position: -150px 0;
}
.accepted-paymens .method5 {
background-position: -200px 0;
}
.accepted-paymens .method6 {
background-position: -250px 0;
}
.footer-powered-by {
margin: 5px 0 0;
}
.footer-powered-by a,
.footer-designed-by a {
color: #f74258;
}
.footer-powered-by a:hover,
.footer-designed-by a:hover {
text-decoration: underline;
}
.footer-designed-by {
margin: 10px 0 0;
}
.footer-tax-shipping {
margin: 15px 0 0;
}
.footer-store-theme {
margin: 15px 0 0;
}
.footer-store-theme select {
width: 170px;
}
/*********** LEFT/RIGHT COLUMN ***********/
.block {
margin: 0 0 10px;
text-align: center;
}
.block .title {
border: 1px solid #e9e9e9;
background: #fff url(/Themes/Pavilion/Content/img/toggle-arrow.png) right center no-repeat;
padding: 15px 25px;
font-size: 15px;
color: #333;
text-transform: uppercase;
cursor: pointer;
}
.block .title strong {
display: block;
}
.block .listbox {
display: none;
margin: -1px 0 0;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 15px 25px;
}
.block .listbox:after {
content: "";
display: block;
clear: both;
}
.block .list li {
padding: 8px 0;
}
.block .list a:hover {
color: #f74258;
}
.block .sublist li {
padding: 16px 0 0;
}
.block .view-all {
margin: 8px 0 4px;
}
.block .view-all a {
font-weight: bold;
color: #333;
}
.block .view-all a:hover {
color: #f74258;
}
.block .product-picture {
display: none;
}
.block .product-picture img {
display: block;
max-width: 100%;
}
.block .tags {
margin: 0 0 10px;
}
.block .tags ul {
font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
display: inline-block;
position: relative;
margin: 0 10px;
overflow: hidden;
font-size: 16px !important; /*setting base size*/
}
.block .tags li a,
.product-tags-all-page li a {
float: left;
line-height: 30px;
}
.block .tags li a:hover,
.product-tags-all-page li a:hover {
color: #f74258;
}
.product-tags-all-page ul {
border: 1px solid #e9e9e9;
background-color: #fff;
color: #333;
}
.poll strong {
display: block;
margin: 0 0 10px;
color: #333;
}
.poll-options,
.poll-results {
margin: 0 0 15px;
overflow: hidden;
}
.poll-options li,
.poll-results li {
display: inline-block;
margin: 5px 10px;
}
.poll-options li > * {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.poll .buttons,
.poll-total-votes {
}
.poll .buttons input {
border: none;
background-color: #f74258;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.poll .buttons input:hover {
outline-color: #f74258;
}
.poll-total-votes {
display: block;
margin: 10px 0 0;
font-weight: bold;
}
.home-page-polls {
position: relative;
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 90px 30px 30px;
text-align: center;
}
.home-page-polls:before {
content: "";
position: absolute;
top: 30px;
left: 50%;
width: 46px;
height: 45px;
margin: 0 0 0 -23px;
background: url(/Themes/Pavilion/Content/img/polls.png) no-repeat;
}
.home-page-polls .title {
display: none;
}
.home-page-polls .poll strong {
font-size: 16px;
text-transform: uppercase;
}
.home-page-polls .poll-options,
.home-page-polls .poll-results {
margin: 0 0 20px;
}
/********** CATEGORY PAGE **********/
.breadcrumb {
margin: 0 0 5px;
text-align: center;
}
.breadcrumb ul {
font-size: 0;
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li > * {
display: inline-block;
min-height: 32px; /*IE fix*/
margin: 0 3px;
font-size: 13px; /*reset zeroing*/
line-height: 32px;
vertical-align: middle;
}
.breadcrumb li:first-child a {
width: 20px;
background: url(/Themes/Pavilion/Content/img/breadcrumb.png) center no-repeat;
font-size: 0;
}
.breadcrumb span.delimiter {
width: 15px;
background: url(/Themes/Pavilion/Content/img/pointer-grey.png) center no-repeat;
font-size: 0;
}
.breadcrumb strong {
font-weight: normal;
color: #f74258;
}
.breadcrumb li:first-child > span a { /*this is on product page*/
display: block;
width: 20px;
height: 32px;
margin: 0 !important;
background: url(/Themes/Pavilion/Content/img/breadcrumb.png) center no-repeat;
font-size: 0;
}
.category-description,
.manufacturer-description,
.vendor-description {
margin: 0 0 30px;
background-color: white;
padding: 30px;
}
.category-description p,
.manufacturer-description p,
.vendor-description p {
margin: 0 0 20px;
}
.contact-vendor {
margin: 0 0 30px;
}
.contact-vendor-button {
border: none;
background-color: #f74258;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.contact-vendor-button:hover {
outline-color: #f74258;
}
.product-filters {
display: none;
}
.product-selectors {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 11px 0;
text-align: center;
}
.product-selectors:after {
content: "";
display: block;
clear: both;
}
.product-selectors > div {
display: inline-block;
margin: 5px;
}
.product-selectors span {
font-size: 13px;
/*font-weight: bold;*/
}
.product-selectors select {
min-width: 65px;
height: 27px;
font-size: 12px;
font-weight: 500;
background-color: #fbfbfb;
margin: 0 5px;
padding: 0 10px;
color: #777;
text-transform: lowercase;
}
.product-selectors .product-viewmode {
display: none;
}
.item-grid:after,
.product-grid:after,
.product-list:after,
.manufacturer-grid:after {
content: "";
display: block;
clear: both;
}
.book-info-element {
margin: 0 0 10px;
}
.book-info .book-info-element span {
display: inline-block;
font-weight: bold;
color: #705f5f;
font-size: 12px;
}
.item-box {
position: relative;
width: 100%;
float: left;
margin: 0 0 40px;
}
.item-box .product-item {
border: 1px solid #e9e9e9;
background-color: #fff;
text-align: center;
}
.item-box .picture {
z-index: 1;
overflow: hidden;
margin: 0 0 15px;
}
.item-box .picture a {
display: block;
position: relative;
overflow: hidden;
}
.item-box .picture a:before {
content: "";
display: block;
padding-top: 100%;
}
.item-box .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 60%;
margin: auto;
-webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */
}
.item-box .product-rating-box {
display: inline-block;
margin: 0 0 10px;
}
.item-box .rating {
background: url(/Themes/Pavilion/Content/img/rating-sprite.png) left top repeat-x;
width: 80px;
height: 13px;
}
.item-box .rating div {
background: #f74258 url(/Themes/Pavilion/Content/img/rating-sprite.png) left bottom repeat-x;
height: 13px;
}
.item-box .product-info {
margin-bottom: 10px;
font-size: 12px;
color: #b9b9b9;
}
.item-box .product-title {
height: 40px;
overflow: hidden;
padding: 0 15px;
font-size: 14px;
font-weight: normal;
color: #333;
}
.item-box .product-title a {
display: block;
}
.item-box .product-title + .sku {
display: none;
}
.item-box .prices {
height: 22px;
margin: 0 0 20px;
overflow: hidden;
padding: 0 15px;
}
.item-box .actual-price {
padding: 0 4px;
vertical-align: middle;
font-size: 15px;
font-weight: bold;
color: #00a1b1;
}
.item-box .old-price {
padding: 0 4px;
vertical-align: middle;
font-size: 13px;
color: #999;
text-decoration: line-through;
}
.item-box .base-price {
display: none;
padding: 0 4px;
vertical-align: middle;
font-size: 13px;
}
.item-box .tax-shipping-info {
display: none;
font-size: 13px;
}
.item-box .description {
display: none;
margin: 0 0 20px;
line-height: 25px;
}
.item-box .buttons-upper {
background-color: #f9f9f9;
font-size: 0;
}
.item-box .buttons-upper input[type="button"] {
width: 30px;
height: 30px;
margin: 0 8px;
border: none;
background-color: #888;
background-image: url(/Themes/Pavilion/Content/img/product-box-sprite.png);
background-repeat: no-repeat;
font-size: 0;
transition: all 0.2s ease;
}
.item-box input.add-to-compare-list-button {
background-position: 0 center;
}
.item-box input.add-to-wishlist-button {
background-position: -30px center;
}
.item-box .buttons-upper input[type="button"]:hover {
background-color: #f74258;
}
.item-box .buttons-lower {
font-size: 0;
}
.item-box .buttons-lower button {
display: block;
width: 100%;
height: 43px;
border: none;
background-color: #fff;
font-size: 0;
transition: all 0.2s ease;
}
.item-box .buttons-lower button span {
display: inline-block;
position: relative;
height: 18px;
background-color: #fff;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
transition: all 0.2s ease;
}
.item-box .buttons-lower button span:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
background: #f74258 url(/Themes/Pavilion/Content/img/cart-button-1.png) left top no-repeat;
transition: all 0.2s ease;
}
.item-box .buttons-lower button span:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
background: #f74258 url(/Themes/Pavilion/Content/img/cart-button-1.png) left bottom no-repeat;
transition: all 0.2s ease;
opacity: 0;
}
.item-box .attribute-squares-wrapper.active {
margin: 0 0 20px;
}
.item-box .attribute-squares {
text-align: center;
}
.item-box .attribute-squares li {
margin: 4px;
}
.item-box .attribute-square {
width: 25px !important;
height: 15px !important;
}
.home-page-category-grid {
display: none;
}
.home-page-category-grid + .slider-wrapper {
display: none;
}
.category-item,
.sub-category-item,
.manufacturer-item,
.vendor-item {
position: relative;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.category-item .title,
.sub-category-item .title,
.manufacturer-item .title,
.vendor-item .title {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
background-color: rgba(255,255,255,0.9);
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.category-item .title a,
.sub-category-item .title a,
.manufacturer-item .title a,
.vendor-item .title a {
display: block;
padding: 15px 30px;
transition: all 0.2s ease;
}
.category-item:hover .title a,
.sub-category-item:hover .title a,
.manufacturer-item:hover .title a {
color: #f74258;
}
.category-item .picture,
.sub-category-item .picture,
.manufacturer-item .picture,
.vendor-item .picture {
margin: 0;
transition: all 0.3s ease;
}
.category-item:hover .picture,
.sub-category-item:hover .picture {
opacity: 0.7;
}
.sub-category-details,
.manufacturer-details,
.vendor-details {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
outline: 8px solid #fff;
background-color: #fff;
padding: 15px 30px;
opacity: 0;
transition: all 0.3s ease;
}
.sub-category-details .inner-title,
.manufacturer-details .inner-title,
.vendor-details .inner-title {
margin: 0 0 12px;
font-size: 15px;
font-weight: bold;
color: #f74258;
text-transform: uppercase;
}
.sub-category-details li {
padding: 5px 0;
}
.sub-category-details li a:hover {
color: #f74258;
}
.sub-category-item:hover .sub-category-details,
.manufacturer-item:hover .manufacturer-details,
.vendor-item:hover .vendor-details {
opacity: 1;
}
.vendor-list:after {
content: "";
display: block;
clear: both;
}
.vendor-list li a:hover {
color: #f74258;
}
.product-grid + .product-grid {
margin: 20px 0 0;
}
.product-grid .title {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
font-size: 16px;
color: #333;
text-transform: uppercase;
}
.home-page .product-grid .title {
margin: 0 0 20px;
padding: 0 0 5px;
font-size: 22px;
line-height: 30px;
}
.pager {
margin: 0 0 20px;
}
.pager ul {
text-align: center;
font-size: 0;
}
.pager li {
display: inline-block;
margin: 0 2px;
vertical-align: middle;
}
.pager li > a,
.pager li > span {
display: block;
width: 35px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px; /*reset zeroing*/
font-weight: bold;
cursor: pointer;
}
.pager li > a:hover {
background-color: #eee;
}
.pager li > span {
background-color: #f74258;
color: #fff;
cursor: default;
}
.pager li.previous-page a,
.pager li.next-page a,
.pager li.first-page a,
.pager li.last-page a {
background-image: url(/Themes/Pavilion/Content/img/pager-sprite.png);
background-repeat: no-repeat;
font-size: 0;
}
.pager li.previous-page a {
background-position: center 0;
}
.pager li.next-page a {
background-position: center -40px;
}
.pager li.first-page a {
width: 30px;
background-position: center -80px;
}
.pager li.last-page a {
width: 30px;
background-position: center -120px;
}
/********** PRODUCT PAGE **********/
.product-essential {
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 20px;
}
.product-essential:after {
content: "";
display: block;
clear: both;
}
.gallery {
margin: 0 0 20px;
}
.gallery .picture {
position: relative;
width: 320px;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
font-size: 0;
}
.gallery .picture a {
display: inline-block;
max-width: 100%;
}
.gallery .picture img {
max-width: 70%;
}
.gallery .picture-thumbs {
margin: 20px 0 0;
font-size: 0;
}
.gallery .thumb-item {
display: inline-block;
position: relative;
width: 60px;
height: 60px;
margin: 0 5px 10px;
overflow: hidden;
}
.gallery .thumb-item img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
transition: all 0.2s ease;
}
.gallery .thumb-item:hover img {
opacity: 0.7;
}
.overview {
position: relative;
margin: 0 0 20px;
}
.overview .discontinued-product {
margin: 0 0 25px;
color: #f74258;
text-transform: uppercase;
}
.overview .manufacturers {
margin: 0 0 10px;
}
.overview .manufacturers span {
display: inline-block;
font-weight: bold;
color: #705f5f;
font-size: 12px;
}
.overview .product-name {
margin: 0 0 10px;
}
.overview .product-name h1 {
font-size: 25px;
color: #333;
border-bottom: 1px solid whitesmoke;
}
.product-reviews-overview {
margin: 0 0 40px;
overflow: hidden;
}
.product-reviews-overview a:hover {
text-decoration: underline;
}
.product-review-box {
display: inline-block;
margin: 0 0 5px;
}
.product-review-box .rating {
width: 80px;
height: 13px;
background: url(/Themes/Pavilion/Content/img/rating-sprite.png) left top repeat-x;
}
.product-review-box .rating div {
height: 13px;
background: #f74258 url(/Themes/Pavilion/Content/img/rating-sprite.png) left bottom repeat-x;
}
.overview .prices,
.variant-overview .prices {
margin: 20px 0 10px;
overflow: hidden;
}
.overview .prices > div,
.variant-overview .prices > div {
margin: 0 0 5px;
}
.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
font-size: 17px;
text-decoration: line-through;
}
.overview .product-price,
.variant-overview .product-price {
font-size: 20px;
font-weight: bold;
color: #00a1b1;
}
.overview .rental-price,
.variant-overview .rental-price {
margin-bottom: 0 !important;
color: #333;
}
.overview .tax-shipping-info,
.variant-overview .tax-shipping-info {
font-size: 13px;
}
.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a {
cursor: auto;
}
.overview .base-price-pangv,
.variant-overview .base-price-pangv {
display: block !important;
}
.overview .short-description {
margin: 0 0 40px;
line-height: 25px;
}
.overview .prices + .short-description {
margin-top: -5px;
}
.overview .value,
.variant-overview .value {
/*color: #333;*/
}
.overview .value a,
.variant-overview .value a {
color: #f74258;
}
.overview .value a:hover,
.variant-overview .value a:hover {
text-decoration: underline;
}
.overview .additional-details,
.variant-overview .additional-details {
margin: 0 0 30px;
line-height: 25px;
}
.download-sample {
margin: 0 0 30px;
}
.download-sample-button {
display: inline-block;
height: 40px;
border: none;
background: #777 url(/Themes/Pavilion/Content/img/product-sprite-2.png) left -40px no-repeat;
padding: 10px 15px 10px 35px;
color: #777;
transition: all 0.2s ease;
}
.download-sample-button:hover {
background-color: #f74258;
}
.overview .availability,
.variant-overview .availability {
margin: 0 0 20px;
}
.overview .stock,
.variant-overview .stock {
margin: 0 0 10px;
}
.overview .stock .value,
.variant-overview .stock .value {
font-weight: bold;
color: #333;
}
.back-in-stock-subscription {
margin: 0 0 30px;
font-size: 0;
}
.back-in-stock-subscription .subscribe-button {
border: none;
background: #888 url(/Themes/Pavilion/Content/img/product-sprite-2.png) left 0 no-repeat;
padding: 10px 15px 10px 35px;
color: #777;
transition: all 0.2s ease;
}
.back-in-stock-subscription .subscribe-button:hover {
background-color: #f74258;
}
.customer-entered-price {
margin: 0 0 20px;
}
.customer-entered-price .price-input {
padding: 10px 0;
}
.customer-entered-price .enter-price-input {
width: 75px;
margin: 0 5px;
}
.customer-entered-price .price-range {
color: #333;
}
.overview .add-to-cart,
.variant-overview .add-to-cart {
margin: 0 0 20px;
}
.overview .min-qty-notification,
.variant-overview .min-qty-notification {
font-size: 0;
}
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
display: inline-block;
}
.overview .add-to-cart-panel > *,
.variant-overview .add-to-cart-panel > * {
float: left;
}
.overview .qty-label,
.variant-overview .qty-label {
display: none !important;
}
.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
width: 45px;
height: 45px;
margin: 0 5px 0 0;
text-align: center;
font-size: 14px;
color: #777;
}
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
width: 55px;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
height: 45px;
border: none;
background: #f74258 url(/Themes/Pavilion/Content/img/cart-button-2.png) no-repeat left center;
padding: 0 28px 0 48px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover {
outline-color: #f74258;
}
.overview-buttons {
font-size: 0;
}
.overview-buttons div {
display: inline-block;
margin: 0 2px;
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button {
display: inline-block;
height: 37px;
width: 37px;
border: none;
background-color: #888;
background-image: url(/Themes/Pavilion/Content/img/product-sprite-1.png);
background-repeat: no-repeat;
font-size: 0;
transition: all 0.2s ease;
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
background-position: 0 center;
}
.overview .add-to-compare-list-button {
background-position: -37px center;
}
.overview .email-a-friend-button {
background-position: -74px center;
}
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover {
background-color: #f74258;
}
.overview-bottom {
margin: 40px 0 0;
}
.product-social-buttons {
margin: 0 0 25px;
}
.product-social-buttons label {
display: none;
margin: 0 8px 0 0;
font-size: 13px;
}
.product-social-buttons ul {
display: inline-block;
margin: 0;
}
.product-social-buttons li {
position: relative;
z-index: 0;
margin: 0;
}
.product-social-buttons li:hover {
z-index: 1;
}
.product-social-buttons li a {
width: 26px;
height: 24px;
background: url(/Themes/Pavilion/Content/img/social-sprite-2.png) no-repeat;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.product-social-buttons .facebook a {
background-color: #5f7ca7;
background-position: 0 0;
}
.product-social-buttons .twitter a {
background-color: #5dc4e6;
background-position: -26px 0;
}
.product-social-buttons .pinterest a {
background-color: #e56363;
background-position: -52px 0;
}
.product-social-buttons .google a {
background-color: #4f4f4f;
background-position: -78px 0;
}
.product-social-buttons .facebook a:hover {
outline-color: #5f7ca7;
}
.product-social-buttons .twitter a:hover {
outline-color: #5dc4e6;
}
.product-social-buttons .pinterest a:hover {
outline-color: #e56363;
}
.product-social-buttons .google a:hover {
outline-color: #4f4f4f;
}
.group-product .product-social-buttons {
margin: 20px 0 0;
}
.overview-bottom .delivery,
.variant-overview .delivery {
margin: 0 -20px -20px;
background-color: #f9f9f9;
padding: 10px 0;
/*font-size: 0;*/
}
.variant-overview .delivery {
margin-top: 40px;
}
.overview-bottom .delivery > div,
.variant-overview .delivery > div {
display: inline-block;
margin: 8px 50px;
background-image: url(/Themes/Pavilion/Content/img/delivery-sprite.png);
background-repeat: no-repeat;
padding: 0 0 0 25px;
font-size: 13px;
}
.overview-bottom .delivery-date,
.variant-overview .delivery-date {
background-position: left 0;
}
.overview-bottom .free-shipping,
.variant-overview .free-shipping {
background-position: left -19px;
}
.product-collateral {
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.product-collateral .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333;
text-transform: uppercase;
}
.product-collateral .full-description {
padding: 10px 30px;
line-height: 30px;
}
.tier-prices .prices-table {
overflow: hidden;
}
.tier-prices .prices-row {
float: left;
width: 50%;
}
.tier-prices .prices-row > div {
border-top: 1px solid #e9e9e9;
padding: 15px 30px;
}
.tier-prices .prices-row.thead > div {
border-right: 1px solid #e9e9e9;
}
.tier-prices .field-header {
border-top: none !important;
}
.tier-prices .item-price {
color: #f74258;
}
.product-specs-box .data-table {
border: none;
}
.product-specs-box .data-table td {
position: relative;
width: 50%;
border-left: 1px solid #ececec;
padding: 15px 30px;
text-align: center;
vertical-align: top;
}
.product-specs-box .data-table tr:first-child td {
border-top: none;
}
.product-specs-box .data-table td:first-child {
border-left: none;
}
.product-specs-box .attribute-squares span {
border: none;
}
.product-specs-box .attribute-square {
width: 35px !important;
height: 20px !important;
cursor: auto;
}
.product-tags-list {
padding: 25px 20px;
font-size: 0;
}
.product-tags-list li {
display: inline-block;
font-size: 14px; /*reset zeroing*/
}
.product-tags-list li.separator {
margin: 0 5px 0 3px;
}
.product-tags-list a {
display: inline-block;
line-height: 24px;
}
.product-tags-list a:hover {
color: #f74258;
}
.product-variant-line {
margin: 0 0 30px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 20px;
}
.product-variant-line:after {
content: "";
display: block;
clear: both;
}
.variant-picture {
position: relative;
width: 300px;
max-width: 100%;
margin: 0 auto 15px;
overflow: hidden;
text-align: center;
font-size: 0;
}
.variant-picture img {
max-width: 100%;
}
.variant-overview {
width: 100%;
}
.variant-overview .variant-name {
margin: 0 0 10px;
font-size: 20px;
font-weight: bold;
color: #333;
}
.variant-overview .variant-description {
margin: 0 0 25px;
line-height: 30px;
}
.variant-overview .prices + .variant-description {
margin-top: -5px;
}
.variant-overview .add-to-wishlist {
display: none;
}
.attributes {
margin: 30px 0;
}
.attributes dl {
overflow: hidden;
}
.attributes dt {
display: block;
margin: 0 0 5px;
white-space: nowrap;
font-weight: bold;
color: #333;
}
.attributes dd {
margin: 0 0 10px;
}
.attributes li {
margin: 8px 0 12px;
}
.attributes input[type="text"],
.attributes select {
min-width: 100px;
max-width: 100%;
height: 38px;
}
.attributes select {
width: auto;
max-width: 100%;
}
.attributes .qty-box {
margin: 0 0 0 10px;
}
.attributes .qty-box label {
display: none;
}
.attributes .qty-box input {
width: 50px;
min-width: 0;
}
.attributes .option-list label {
margin: 0 5px;
}
.attribute-item {
margin: 0 0 10px;
}
.attribute-label {
margin: 0 0 3px;
}
.attributes .datepicker {
width: 280px;
text-align: center;
}
.ui-datepicker {
width: 280px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
background-color: #fff;
text-align: center;
font-size: 13px;
}
.ui-datepicker-header {
position: relative;
height: 35px;
background-color: #00a1b1;
color: #fff;
}
.ui-datepicker-header a {
position: absolute;
top: 0;
z-index: 1;
width: 32px;
height: 35px;
background-image: url(/Themes/Pavilion/Content/img/calendar-sprite.png);
background-repeat: no-repeat;
font-size: 0;
}
.ui-datepicker-header a.ui-datepicker-prev {
left: 0;
background-position: 0 center;
}
.ui-datepicker-header a.ui-datepicker-next {
right: 0;
background-position: -32px center;
}
.ui-datepicker-title {
position: relative;
z-index: 0;
line-height: 35px;
font-weight: bold;
text-transform: uppercase;
}
.ui-datepicker-calendar th {
background-color: #eee;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
width: 14.285%;
border: 1px solid #ececec;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
display: block;
min-height: 32px;
line-height: 32px;
}
.ui-datepicker-calendar .ui-state-active {
outline: 1px solid #00a1b1;
background-color: #00a1b1;
color: #fff;
}
.attribute-squares {
font-size: 0;
}
.attribute-squares li {
display: inline-block;
margin: 0 5px 5px;
line-height: normal !important;
text-align: center;
}
.attribute-squares label {
display: block;
margin: 0 !important;
overflow: hidden;
}
.attribute-square-container {
display: block;
border: 1px solid transparent;
position: relative;
z-index: 0;
}
.attribute-square-container span {
display: block !important;
width: 40px !important;
height: 24px !important;
background-size: 100% !important;
cursor: pointer;
}
.selected-value .attribute-square-container {
border-color: #888;
}
.attribute-square-container[title~=White] span {
border: 1px solid #ccc;
}
.selected-value .attribute-square-container[title~=White] span {
border-color: transparent;
}
.attribute-squares input[type="radio"] {
position: relative;
z-index: -1;
margin: -32px 0 0;
}
.attribute-squares .tooltip-container {
display: none;
}
.giftcard {
margin: 0 0 20px;
overflow: hidden;
clear: both;
}
.giftcard div {
margin: 0 0 10px;
}
.giftcard label {
display: block;
margin: 0 0 5px;
}
.giftcard input,
.giftcard textarea {
width: 350px;
max-width: 100%;
}
.giftcard textarea {
height: 150px;
}
.back-in-stock-subscription-page {
padding: 10px;
}
.back-in-stock-subscription-page .button-1 {
margin: 15px 0 0;
border: none;
background-color: #f74258;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.back-in-stock-subscription-page .button-1:hover {
outline-color: #f74258;
}
.ui-tabs {
margin: 0 0 60px;
}
.ui-tabs .ui-tabs-nav {
margin: 0 0 -1px;
}
.ui-tabs .ui-tabs-nav li {
border-bottom: 1px solid #ddd;
}
.ui-tabs .ui-tabs-nav li a {
position: relative;
display: block;
padding: 15px 22px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.ui-tabs .ui-tabs-nav li a:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 3px;
background-color: #f74258;
opacity: 0;
transition: all 0.2s ease;
}
.ui-tabs .ui-tabs-nav .ui-tabs-selected a:after,
.ui-tabs .ui-tabs-nav .ui-tabs-active a:after {
opacity: 1;
}
.ui-tabs .ui-tabs-panel {
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 20px;
}
.ui-tabs .ui-tabs-panel p {
margin: 10px 0;
line-height: 30px;
}
.ui-tabs .ui-tabs-hide {
display: none;
}
/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a {
text-transform: none;
}
.product-reviews-page h1 a:hover {
color: #f74258;
}
.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after {
content: "''";
}
.product-reviews-page .page-body {
max-width: 820px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.product-reviews-page .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333;
text-transform: uppercase;
}
.product-review-item {
overflow: hidden;
border-bottom: 1px solid #eee;
padding: 30px;
}
.ui-tabs .product-review-item {
padding: 30px 0;
}
.product-review-item:last-child {
border-bottom: none;
}
.product-review-item .product-review-box {
margin: 0 0 5px;
}
.product-review-item .review-title {
margin: 0 0 20px;
font-weight: bold;
}
.product-review-item .review-text {
margin: 0 0 20px;
line-height: 25px;
}
.product-review-item .review-info {
margin: 0 0 5px;
}
.product-review-item .review-info .separator {
margin: 0 5px 0 0;
}
.product-review-item .review-info label,
.product-review-helpfulness .vote {
font-weight: bold;
}
.product-review-item .review-info a,
.product-review-item .review-info .date span,
.product-review-helpfulness .vote {
display: inline-block;
padding: 0 5px;
cursor: pointer;
}
.product-review-helpfulness .vote:hover {
color: #f74258;
}
.product-review-helpfulness .question {
margin: 0 5px 0 0;
}
.product-review-helpfulness .result {
margin: 0 0 0 10px;
}
.write-review form {
padding: 30px;
}
.write-review .form-fields {
margin: 0 0 15px;
}
.write-review .review-rating {
margin: 0 0 20px;
text-align: center;
}
.write-review .review-rating label {
display: block;
margin: 0 0 5px;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
}
.review-rating ul {
font-size: 0;
vertical-align: middle;
}
.write-review .review-rating li {
display: inline-block;
margin: 0 5px;
cursor: default;
vertical-align: middle;
font-size: 14px;
height: 17px;
}
.write-review .review-rating li.first {
color: #f74258;
}
.write-review .review-rating li:nth-child(2) {
padding-top: 2px;
}
.write-review .review-rating li:nth-child(2) input {
vertical-align: baseline;
}
.write-review .review-rating li.last {
color: #4fbb41;
}
.write-review .buttons {
margin: 0 0 10px;
}
.write-review .button-1 {
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.write-review .button-1:hover {
outline-color: #f74258;
}
.product-reviews-page .message-error {
margin: 0 0 20px;
padding: 0 30px;
}
.product-reviews-page .result {
display: none; /*should be hidden because of form's position, it's an useless message anyway*/
}
.product-review-item .reply {
clear: both;
border-top: 30px solid #fff; /*margin replacement*/
padding: 20px;
background: #f9f9f9;
}
.product-review-item .reply-header {
margin: 0 0 10px;
font-weight: bold;
}
/********** WISHLIST & COMPARE LIST **********/
.wishlist-content {
}
.wishlist-content .message-error {
margin: 0 0 20px;
}
.wishlist-content .table-wrapper {
margin: 0 0 10px;
}
.discount-additional-info {
margin: 5px 0 0;
font-weight: normal;
color: #777;
}
.wishlist-content .buttons {
margin: 0 0 15px;
border-bottom: 1px solid #ddd;
padding: 0 0 40px;
font-size: 0;
}
.wishlist-content .buttons:after {
content: "";
display: block;
clear: both;
}
.update-wishlist-button,
.wishlist-add-to-cart-button {
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.update-wishlist-button {
background: #f74258 url(/Themes/Pavilion/Content/img/cart-sprite.png) left -45px no-repeat;
color: #777;
}
.update-wishlist-button:hover {
outline-color: #fff;
color: #f74258;
}
.wishlist-add-to-cart-button {
background: #f74258 url(/Themes/Pavilion/Content/img/cart-button-2.png) left center no-repeat;
color: #fff;
}
.wishlist-add-to-cart-button:hover {
outline-color: #f74258;
}
.email-a-friend-wishlist-button {
display: none;
}
.wishlist-content .tax-shipping-info {
margin: 0 0 15px;
text-align: center;
font-size: 13px;
font-weight: bold;
}
.wishlist-page .share-info {
text-align: center;
}
.wishlist-page .share-info a {
color: #f74258;
}
.wishlist-page .share-info a:hover {
text-decoration: underline;
}
.compare-products-page {
position: relative;
}
.compare-products-page .clear-list {
display: inline-block;
margin: 0 0 20px;
font-size: 13px;
text-transform: uppercase;
}
.compare-products-table {
display: none;
}
.compare-products-page .remove-button {
display: inline-block;
width: 37px;
height: 37px;
border: none;
background: #777 url(/Themes/Pavilion/Content/img/account-sprite.png) center -37px no-repeat;
font-size: 0;
transition: all 0.2s ease;
}
.compare-products-page .remove-button:hover {
background-color: #f74258;
}
.compare-products-page img {
max-width: 100%;
}
.compare-products-table .product-name td {
background: #f9f9f9;
}
.compare-products-table .product-price td {
font-size: 15px;
font-weight: bold;
color: #00a1b1;
}
.compare-products-table .product-price td:first-child {
color: #777;
font-weight: normal;
}
.compare-products-table .full-description {
display: none;
}
.compare-products-table-mobile img {
max-width: 100px;
}
/*********** TOPICS ***********/
.topic-block {
margin: 0 0 20px;
}
.topic-block-title {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
}
.topic-block-title h2 {
font-size: 16px;
color: #333;
text-transform: uppercase;
}
.topic-block-body {
line-height: 30px;
}
.topic-block a,
.topic-page a {
text-decoration: underline;
}
.topic-page .page-body {
line-height: 30px;
}
.home-page .topic-block {
margin: 0 0 50px;
}
.home-page .topic-block-title {
margin: 0 0 20px;
padding: 0 0 5px;
}
.home-page .topic-block-title h2 {
font-size: 22px;
}
.popup-window .topic-page {
padding: 15px;
}
.not-found-page p {
margin: 30px 0;
}
.topic-password {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 30px;
text-align: center;
}
.enter-password-title {
margin: 0 0 25px;
color: #f74258;
}
.enter-password-form {
display: inline-block;
font-size: 0;
}
.enter-password-form input[type="password"] {
width: 100%;
height: 40px;
margin: 0 0 30px;
padding: 0 12px;
font-size: 14px;
}
.enter-password-form input[type="submit"] {
min-width: 120px;
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.enter-password-form input[type="submit"]:hover {
outline-color: #f74258;
}
/*********** CONTACT & EMAIL A FRIEND ***********/
.contact-page .page-body,
.email-a-friend-page .page-body,
.apply-vendor-page .page-body {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.contact-page .topic-block,
.email-a-friend-page .topic-block,
.apply-vendor-page .topic-block {
margin: 0;
background-color: #f9f9f9;
padding: 25px 30px;
text-align: center;
}
.contact-page .topic-block-title,
.email-a-friend-page .topic-block-title,
.apply-vendor-page .topic-block-title {
display: none;
}
.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form,
.contact-page .result,
.email-a-friend-page .result,
.apply-vendor-page .result {
padding: 30px;
}
.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fields {
margin: 0 0 15px;
}
.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
margin: 0 0 10px;
}
.contact-page .buttons,
.email-a-friend-page .buttons,
.apply-vendor-page .buttons {
margin: 0 0 10px;
}
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover {
outline-color: #f74258;
}
.email-a-friend-page .title {
background-color: #f9f9f9;
padding: 25px 30px;
}
.email-a-friend-page .title h2 {
font-size: 15px;
font-weight: normal;
color: #333;
text-transform: uppercase;
}
/********** REGISTRATION & LOGIN **********/
.registration-page .page-body,
.login-page .customer-blocks,
.external-authentication,
.password-recovery-page .page-body {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.registration-page .message-error,
.account-page .message-error {
padding: 30px;
}
.registration-page .fieldset,
.login-page .fieldset {
margin: 0;
}
.registration-page .form-fields,
.login-page .inner-wrapper,
.external-authentication,
.password-recovery-page .page-body {
padding: 30px;
}
.gender {
display: inline-block;
}
.gender * {
display: inline !important;
margin: 0 5px 0 0;
vertical-align: middle;
line-height: 32px;
font-weight: normal !important;
}
.gender label {
margin: 0 10px 0 0;
}
.date-of-birth select {
width: 32%; /*birth-date selectors, always single line*/
}
.date-of-birth select + select {
margin: 0 0 0 2%;
}
#check-availability-button {
margin: 10px 0 0;
border: none;
background: #888 url(/Themes/Pavilion/Content/img/product-sprite-2.png) left -80px no-repeat;
padding: 10px 15px 10px 35px;
color: #777;
transition: all 0.2s ease;
}
#check-availability-button:hover {
background-color: #f74258;
}
#username-availabilty {
display: block;
text-align: center;
font-size: 13px;
}
#username-availabilty:empty {
display: none;
}
.vat-status, .vat-note {
display: block;
margin: 10px 0 -10px;
text-align: center;
font-size: 13px; /*reset zeroing*/
white-space: normal;
}
.vat-status em, .vat-note em {
font-style: normal;
}
.accept-privacy-policy {
position: relative;
margin: -20px 0 20px;
}
.accept-privacy-policy > * {
display: inline-block;
line-height: 32px;
vertical-align: middle;
font-size: 11px;
}
.accept-privacy-policy .read {
color: #f74258;
cursor: pointer;
}
.accept-privacy-policy .read:hover {
text-decoration: underline;
}
.registration-page .buttons,
.login-page .buttons {
margin: 0 0 40px;
}
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
min-width: 120px;
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover {
outline-color: #f74258;
}
.registration-result-page .result {
margin: 40px 0;
text-align: center;
}
.login-page .page-body {
padding: 104px 0 0;
}
.login-page .customer-blocks {
position: relative;
margin: 0 auto 30px;
}
.login-page .customer-blocks .title {
position: absolute;
width: 100%;
background-color: #e9e9e9;
padding: 17px 22px;
text-align: center;
font-size: 13px;
color: #777;
text-transform: uppercase;
cursor: pointer;
}
.login-page .new-wrapper .title {
top: -104px;
left: 0;
}
.login-page .returning-wrapper .title {
top: -52px;
right: 0;
}
.login-page .message-error {
margin: 0 0 20px;
}
.login-page .customer-blocks .fieldset {
position: static;
}
.login-page .customer-blocks .title.active {
background-color: #f74258;
color: #fff;
}
.login-page .customer-blocks .text {
margin: 15px 0 45px;
}
.login-page .inner-wrapper {
display: none;
}
.login-page .inner-wrapper.show {
display: block;
}
.login-page .inputs.reversed {
white-space: normal;
}
.login-page .inputs.reversed > * {
display: inline-block;
width: auto;
margin: 0 3px;
vertical-align: middle;
font-size: 14px; /*reset zeroing*/
font-weight: normal;
}
.login-page .forgot-password a {
margin-left: 10px;
}
.login-page .forgot-password a:hover {
color: #f74258;
}
.login-page .buttons,
.external-authentication .buttons,
.password-recovery-page .buttons {
margin: 30px 0 10px;
}
.login-page .checkout-as-guest-button {
padding: 15px 16px;
color: white;
outline: none;
}
.login-page .checkout-as-guest-button:hover {
color: #f74258;
}
.login-page .customer-blocks + .topic-block,
.login-page .external-authentication + .topic-block {
margin: 60px 0 0;
}
.external-authentication {
margin-top: 30px;
overflow: hidden;
text-align: center;
}
.external-authentication fieldset {
float: none !important;
}
.external-authentication .facebook-btn {
width: 220px;
height: 35px;
margin-top: -15px;
background: url(/Themes/Pavilion/Content/img/fb-login.png) center no-repeat !important;
}
.password-recovery-page .tooltip {
margin: 0 0 30px;
}
.password-recovery-page .result {
margin: 0 0 20px;
color: #f74258;
}
#login-modal-window-overlay {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
z-index: 1100;
}
.login-modal-window-wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px;
margin: auto;
width: 800px;
max-width: 90%;
height: 700px;
max-height: 90%;
background-color: #fff;
box-shadow: 0 0 30px 10px #666;
overflow: auto;
z-index: 1105;
}
.login-modal-window-wrapper .close {
position: absolute;
top: 0;
right: 0;
width: 37px;
height: 37px;
margin: 13px;
overflow: hidden;
border: none;
background: #f0f0f0 url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
font-size: 0;
cursor: pointer;
}
/********** ACCOUNT PAGES **********/
.customer-pages-body .master-column-wrapper {
overflow: hidden;
}
.customer-pages-body .side-2 {
float: none;
width: 100%;
margin: 0;
}
.customer-pages-body .center-2 {
float: none;
width: 100%;
}
.block-account-navigation {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 0 35px !important;
border: none !important;
}
.block-account-navigation .title {
display: none;
}
.block-account-navigation .listbox {
display: block !important;
margin: 0 !important;
border: none;
background-color: transparent;
padding: 0 !important;
text-align: center;
font-size: 0;
}
.block-account-navigation .list li {
display: inline-block;
margin: 5px;
padding: 0;
}
.block-account-navigation .list a {
display: block;
max-width: 52px; /*max-width is used instead of width in order to make transitions work*/
height: 52px;
overflow: hidden;
background-color: #e9e9e9;
padding: 0;
font-size: 12px;
line-height: 52px;
font-weight: bold;
color: #fff !important;
text-transform: uppercase;
white-space: nowrap;
transition: max-width 0.3s linear, background-color 0.6s linear, padding 0.1s linear;
}
.block-account-navigation .list a:before {
content: "";
display: inline-block;
width: 52px;
height: 52px;
background-color: transparent;
background-image: url(/Themes/Pavilion/Content/img/account-nav-sprite.png);
background-repeat: no-repeat;
vertical-align: top;
opacity: 0.5;
}
.block-account-navigation .list a:hover,
.block-account-navigation .list a.active {
background-color: #f74258;
transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
}
.block-account-navigation .list a:hover:before,
.block-account-navigation .list a.active:before {
opacity: 0.35;
}
.block-account-navigation .customer-info a:before {
background-position: center 0;
}
.block-account-navigation .customer-addresses a:before {
background-position: center -52px;
}
.block-account-navigation .customer-orders a:before {
background-position: center -104px;
}
.block-account-navigation .return-requests a:before {
background-position: center -156px;
}
.block-account-navigation .downloadable-products a:before {
background-position: center -208px;
}
.block-account-navigation .back-in-stock-subscriptions a:before {
background-position: center -260px;
}
.block-account-navigation .reward-points a:before {
background-position: center -312px;
}
.block-account-navigation .change-password a:before {
background-position: center -364px;
}
.block-account-navigation .customer-avatar a:before {
background-position: center -416px;
}
.block-account-navigation .forum-subscriptions a:before {
background-position: center -468px;
}
.block-account-navigation .customer-reviews a:before {
background-position: center -520px;
}
.account-page .page-title {
border-width: 0;
}
.account-page .page-body {
position: relative;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.account-page .page-body:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 1px;
background-color: #fff;
}
.account-page .fieldset,
.account-page .section {
border-top: 1px solid #f3f3f3;
margin: 0 0 10px;
}
.account-page .fieldset .title,
.account-page .section .title {
margin: 0 0 -10px;
background-color: transparent;
padding: 40px 30px 0;
font-size: 18px;
text-transform: none;
}
.account-page .form-fields,
.account-page .edit-address {
max-width: 600px;
margin: auto;
padding: 30px;
}
.account-page .form-fields a {
color: #f74258;
}
.account-page .form-fields a:hover {
text-decoration: underline;
}
.account-page .buttons,
.account-page .add-button {
border-top: 1px solid #f3f3f3;
padding: 30px;
}
.account-page .no-data {
padding: 30px;
}
.account-page .table-wrapper {
padding: 0 30px;
}
.account-page .table-wrapper + .pager,
.account-page .product-review-item + .pager {
margin-top: 20px;
}
.account-page .table-wrapper + .buttons {
border: none; /*there will be a border if a pager is present*/
}
.account-page .email-to-revalidate,
.account-page .email-to-revalidate-note {
display: block;
margin: 10px 0 -5px;
font-size: 13px;
}
.account-page ul.info,
.account-page ul.details {
padding: 30px;
line-height: 25px;
}
.account-page ul.info li.name {
display: none;
margin: 0 0 10px;
font-weight: bold;
}
.account-page ul.info li.email label {
display: none;
}
.account-page ul.info li.country {
margin: 10px 0 0;
font-weight: bold;
text-transform: uppercase;
}
.account-page ul.info + .buttons {
margin: 0 0 30px;
border: none;
padding: 0;
font-size: 0;
}
.account-page ul.info + .buttons input {
display: inline-block;
width: 37px;
height: 37px;
margin: 0 2px;
border: none;
background-color: #777;
background-image: url(/Themes/Pavilion/Content/img/account-sprite.png);
background-repeat: no-repeat;
font-size: 0;
transition: all 0.2s ease;
}
.account-page ul.info + .buttons input:hover {
background-color: #f74258;
}
.account-page .edit-address-button {
background-position: center 0;
}
.account-page .delete-address-button {
background-position: center -37px;
}
.account-page .order-details-button {
background-position: center -74px;
}
.account-page .return-items-button {
width: auto !important;
background-image: url(/Themes/Pavilion/Content/img/product-sprite-2.png) !important;
background-position: left -120px;
padding: 10px 15px 10px 35px;
vertical-align: middle;
font-size: 14px !important;
color: #777;
}
.recurring-payments {
margin: 0 0 50px !important;
}
.recurring-payments .title {
margin-bottom: 30px !important;
}
.recurring-payments .button-2 {
width: 37px;
height: 37px;
border: none;
background: #f6f6f6 url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
font-size: 0;
}
.account-page .description,
.reward-points-overview {
padding: 30px;
line-height: 25px;
}
.return-request-list-page a {
margin: 0 10px;
font-weight: bold;
}
.return-request-list-page a:hover {
color: #f74258;
}
.return-request-list-page .comments {
margin: 30px 0 0;
}
.downloadable-products-page .table-wrapper {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.downloadable-products-page td.download {
text-align: center;
font-size: 0;
}
.downloadable-products-page .download a {
display: inline-block;
width: 40px;
height: 40px;
border: none;
background: #777 url(/Themes/Pavilion/Content/img/product-sprite-2.png) left -40px no-repeat;
transition: all 0.2s ease;
}
.downloadable-products-page .download a:hover {
background-color: #f74258;
}
.user-agreement-page .terms-of-agreement {
margin: 40px 0;
text-align: center;
}
.reward-points-page .title {
display: none;
}
.reward-points-page .section {
margin: 0 0 50px;
border: none;
}
.change-password-page .inputs {
margin: 20px 0 0;
}
.change-password-page .buttons {
border: none;
padding-top: 0 !important;
}
.avatar-page .message-error {
margin: 0 0 10px;
}
.avatar-page .fieldset {
padding: 35px 0 25px;
text-align: center;
}
.avatar-page .image {
margin: 0 0 25px;
font-size: 0;
}
.avatar-page .image img {
border: 1px solid #f3f3f3;
}
.avatar-page input[type="file"] {
max-width: 220px;
margin: 0 0 20px;
text-align: center;
}
.avatar-page .info {
margin: 0 0 20px;
padding: 0 20px;
}
.avatar-page .buttons {
text-align: center !important;
}
.avatar-page .buttons input {
margin: 0 8px;
}
.avatar-page .remove-avatar-button,
.vendorinfo-page .remove-picture-button {
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.avatar-page .remove-avatar-button:hover,
.vendorinfo-page .remove-picture-button:hover {
color: #f74258;
}
.vendorinfo-page .vendor-picture {
margin: 10px 0 -40px;
}
.vendorinfo-page .remove-picture-button {
display: block;
}
/********** SHOPPING CART **********/
.order-progress {
margin: 0 0 50px;
text-align: center;
}
.order-progress ul {
font-size: 0;
}
.order-progress li {
display: inline-block;
position: relative;
margin: 2px;
}
.order-progress li:nth-child(1) {
z-index: 6;
}
.order-progress li:nth-child(2) {
z-index: 5;
}
.order-progress li:nth-child(3) {
z-index: 4;
}
.order-progress li:nth-child(4) {
z-index: 3;
}
.order-progress li:nth-child(5) {
z-index: 2;
}
.order-progress li:nth-child(6) {
z-index: 1;
}
.order-progress a {
display: block;
position: relative;
min-width: 100px;
height: 32px;
background-color: #ececec;
padding: 0 16px 0 24px;
font-size: 11px; /*reset zeroing*/
line-height: 32px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.order-progress a:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 32px;
border-width: 16px 8px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #f6f6f6;
}
.order-progress a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -16px;
height: 32px;
border-width: 16px 8px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #e9e9e9;
}
.order-progress li.active-step a {
background-color: #f74258;
color: #fff;
cursor: pointer;
}
.order-progress li.active-step a:after {
border-left-color: #f74258;
}
.order-progress li.inactive-step a {
cursor: default;
}
.shopping-cart-page .message-error {
margin: 0 0 30px;
font-size: 13px;
}
.shopping-cart-page .button-1,
.checkout-page .button-1 {
min-width: 150px;
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover {
outline-color: #f74258;
}
.shopping-cart-page .button-2,
.checkout-page .button-2 {
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
outline: 2px solid transparent;
transition: all 0.2s ease;
}
.cart-options {
margin: 10px 0 50px;
text-align: center;
}
.common-buttons {
font-size: 0;
}
.common-buttons .update-cart-button {
background: #f74258 url(/Themes/Pavilion/Content/img/cart-sprite.png) left -45px no-repeat;
}
.common-buttons .continue-shopping-button {
background: #f74258 url(/Themes/Pavilion/Content/img/cart-sprite.png) left 0 no-repeat;
}
.common-buttons input:hover {
outline-color: #fff;
color: #f74258;
}
.cart-options .selected-checkout-attributes {
margin: 50px 0;
}
.shopping-cart-page .selected-checkout-attributes {
display: none !important;
}
.shopping-cart-page .tax-shipping-info {
margin: -10px 0 50px;
}
.cart-footer:after {
content: "";
display: block;
clear: both;
}
.cart-collaterals {
margin: 0 0 50px;
}
.cart-collaterals .accordion-tab {
position: relative;
margin: 0 0 10px;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.cart-collaterals .accordion-tab.active {
z-index: 3;
}
.cart-collaterals .accordion-tab-title {
position: relative;
border-bottom: 3px solid #e9e9e9;
padding: 15px 30px 12px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: all 0.2s ease;
}
.cart-collaterals .accordion-tab-title:after {
content: "";
position: absolute;
top: 20px;
right: 15px;
width: 10px;
height: 10px;
background: #f74258 url(/Themes/Pavilion/Content/img/toggle-button.png) center no-repeat;
}
.cart-collaterals .active .accordion-tab-title {
border-bottom-color: #f74258;
}
.cart-collaterals .accordion-tab-content {
display: none;
max-width: 600px;
margin: auto;
padding: 30px;
}
.cart-collaterals .title {
display: none;
}
.cart-collaterals .hint {
margin: 0 0 15px;
}
.cart-collaterals .estimate-shipping-button {
margin: 0;
background-color: #f74258;
padding: 0 20px;
color: #fff;
outline-width: 1px;
}
.cart-collaterals .estimate-shipping-button:hover {
outline-color: #f74258;
}
.cart-collaterals .shipping-results {
margin: 30px 0 0;
}
.cart-collaterals .shipping-results li {
margin: 15px 0 5px;
}
.cart-collaterals .shipping-results strong {
display: block;
margin: 0 0 5px;
font-size: 13px;
color: #333;
}
.cart-collaterals .coupon-code {
width: 300px;
max-width: 100%;
margin: auto;
font-size: 0;
}
.cart-collaterals .coupon-code input[type="text"] {
display: block;
width: 100%;
height: 45px;
}
.cart-collaterals .coupon-code input[type="submit"] {
display: block;
width: 100%;
margin: 0;
background-color: #f74258;
padding: 0 20px;
color: #fff;
outline-width: 1px;
}
.cart-collaterals .coupon-code input[type="submit"]:hover {
outline-color: #f74258;
}
.cart-collaterals .message-failure {
margin: 15px 0 0;
color: #f74258;
}
.cart-collaterals .message-success {
margin: 15px 0 0;
color: #4fbb41;
}
.cart-collaterals .current-code {
margin: 15px 0 0;
}
.cart-collaterals .current-code span {
vertical-align: middle;
}
.cart-collaterals .checkout-attributes {
margin: 40px 0;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 30px;
}
.cart-collaterals .checkout-attributes dt {
margin: 20px 0 5px;
}
.cart-collaterals .checkout-attributes dt:first-child {
margin-top: 0;
}
.cart-collaterals .checkout-attributes li {
line-height: 24px;
}
.cart-collaterals .checkout-attributes li * {
vertical-align: middle;
}
.cart-collaterals .checkout-attributes .attribute-squares li {
margin: 5px;
}
.cart-footer .remove-discount-button,
.cart-footer .remove-gift-card-button {
width: 17px;
height: 17px;
margin: 0 0 -1px 8px;
border: none;
background: #fff url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
vertical-align: middle;
cursor: pointer;
}
.cart-footer .totals {
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 40px 0;
}
.cart-footer .total-info {
width: 300px;
max-width: 80%;
margin: 0 auto;
}
.cart-total td {
width: 50%;
padding: 5px;
}
.cart-total td.cart-total-left {
text-align: left;
}
.cart-total .giftcard-remaining {
display: block;
}
.cart-total td.cart-total-right {
text-align: right;
}
.cart-total .order-total {
font-size: 18px;
font-weight: bold;
color: #00a1b1;
text-transform: uppercase;
}
.terms-of-service {
margin: 40px 0 0;
background-color: #f9f9f9;
padding: 15px;
font-size: 13px;
}
.terms-of-service div {
width: 300px;
max-width: 80%;
margin: auto;
line-height: 24px;
}
.terms-of-service input {
margin: 0 3px 0 0;
}
.terms-of-service label {
cursor: pointer;
}
.terms-of-service a {
margin: 0 0 0 3px;
color: #f74258;
cursor: pointer;
}
.terms-of-service a:hover {
text-decoration: underline;
}
.cart-footer .checkout-buttons {
margin: 40px 0 0;
}
.cart-footer .checkout-buttons .button-1 {
font-size: 14px;
}
.cart-footer .addon-buttons {
margin: 40px 0 0;
}
.shopping-cart-page .cross-sells {
margin: 60px 0 0;
}
.shopping-cart-page .cross-sells .button-2 {
margin: 0;
outline: none;
}
/********** CHECKOUT **********/
.checkout-page .message-error {
margin: 0 0 10px;
}
.checkout-page .billing-addresses,
.checkout-page .shipping-addresses {
border: 1px solid #e9e9e9;
background-color: #fff;
}
.checkout-page .select-billing-address,
.checkout-page .select-shipping-address {
margin: 0 0 10px;
}
.checkout-page .address-grid {
padding: 30px;
}
.checkout-page .address-grid:after {
content: "";
display: block;
clear: both;
}
.checkout-page .address-item {
margin: 40px 0 10px;
}
.checkout-page .address-item:first-child {
margin-top: 0;
}
.checkout-page .address-box {
margin: 0 0 20px;
}
.checkout-page .address-item li {
padding: 2px 0;
}
.checkout-page .address-item li.name {
margin: 0 0 5px;
font-size: 16px;
font-weight: bold;
}
.checkout-page .address-item li.email label {
display: none;
}
.checkout-page .address-item li.country {
margin: 5px 0 0;
font-size: 16px;
}
.checkout-page .enter-address {
max-width: 600px;
margin: auto;
padding: 30px;
}
.checkout-page .enter-address + .buttons {
margin: -30px 0 0;
padding: 10px;
}
.checkout-page .order-summary {
margin: 50px 0 0;
}
.checkout-page .order-summary .title {
display: none;
}
.checkout-page .ship-to-same-address,
.checkout-page .pickup-in-store {
margin: 0;
border-top: 1px solid #f6f6f6;
padding: 30px;
text-align: center;
}
.checkout-page .ship-to-same-address input,
.checkout-page .pickup-in-store input {
margin: 0 5px;
}
.checkout-page .pickup-points .title {
display: none;
margin: 10px 0 0;
}
.checkout-page .select-pickup-point {
margin: 0;
text-align: center;
}
.checkout-page .select-pickup-point ul {
margin: -10px 0 0;
}
.checkout-page .select-pickup-point li {
display: inline-block;
}
.checkout-page .select-address {
padding: 0 20px;
}
.checkout-page .select-address select {
max-width: 100%;
height: 40px;
}
.checkout-page .pickup-points-map {
height: 300px;
margin: 20px 0 0;
}
.section.shipping-method,
.section.payment-method,
.section.payment-info,
.section.confirm-order,
.section.order-completed {
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 40px 20px;
}
.shipping-method .method-list,
.payment-method .method-list {
margin: 0 0 35px;
}
.shipping-method .method-list li,
.payment-method .method-list li {
margin: 0 0 25px;
}
.shipping-method .method-list li label,
.payment-method .method-list li label {
font-weight: bold;
color: #333;
}
.shipping-method .method-description {
margin: 5px 0 0;
}
.use-reward-points {
margin: 0 0 30px;
}
.use-reward-points input {
margin: 0 5px 0 0;
}
.payment-method .method-list {
font-size: 0;
}
.payment-method .method-list li {
white-space: nowrap;
}
.payment-method .payment-logo,
.payment-method .payment-details {
display: inline-block;
vertical-align: middle;
}
.payment-method .payment-logo {
margin: 0 10px 0 0;
}
.payment-method .payment-logo img {
max-width: 40px;
}
.payment-method .payment-details {
font-size: 14px; /*reset zeroing*/
}
.payment-method .payment-details label {
display: inline-block;
text-align: left;
}
.payment-method .payment-description {
display: none; /*hidden to prevent conflicts with method-name dynamic width*/
}
.payment-info .info {
margin: 0 0 35px;
}
.payment-info .info tr {
display: block;
margin: 20px 0 0;
}
.payment-info .info tr:first-child {
margin: 0;
}
.payment-info .info td {
display: block;
width: auto;
}
.payment-info .info td:first-child {
margin: 0 0 5px;
}
.payment-info .info td label {
font-weight: bold;
}
.payment-info .info input[type="text"] {
max-width: 400px;
height: 40px;
}
.payment-info .info input[type="text"] {
width: 100% !important;
}
.payment-info .info input#CardCode {
width: 60px !important;
}
.payment-info .info td select {
height: 38px;
margin: 0 5px;
}
.confirm-order .terms-of-service {
margin: 0 0 30px;
background-color: transparent;
padding: 0;
text-align: center;
}
.confirm-order .terms-of-service a {
margin-left: 5px;
}
.confirm-order .buttons .button-1 {
font-size: 15px;
}
.order-completed .title {
margin: 0 0 30px;
background-color: transparent;
padding: 0;
}
.order-completed .details {
margin: 0 0 30px;
}
.order-completed .details a {
display: inline-block;
margin: 5px 0 0;
color: #f74258;
}
.order-completed .details a:hover {
text-decoration: underline;
}
.order-review-data,
.order-details-area,
.shipment-details-area {
margin: 0 0 50px;
overflow: hidden;
}
.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
margin: 40px 0 0;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 40px 30px;
}
.order-review-data ul:first-child,
.order-details-area ul:first-child,
.shipment-details-area ul:first-child {
margin: 0;
}
.order-review-data li,
.order-details-area li,
.shipment-details-area li {
padding: 2px 0;
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
display: block !important;
margin: 20px 0 5px;
background-color: transparent;
padding: 0;
font-size: 15px;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.order-review-data .title:first-child,
.order-details-area .title:first-child,
.shipment-details-area .title:first-child {
margin-top: 0;
}
.order-details-page .page-title {
margin: 0 0 30px;
}
.order-details-page .page-title h1 {
margin: 0 0 10px;
}
.order-details-page .page-title a {
display: inline-block;
height: 40px;
margin: 5px 5px 10px;
background-color: #f74258;
background-image: url(/Themes/Pavilion/Content/img/order-sprite.png);
background-repeat: no-repeat;
padding: 0 15px 0 35px;
line-height: 40px;
outline: 2px solid transparent;
transition: all 0.2s ease;
}
.print-order-button {
background-position: left bottom;
}
.pdf-invoice-button {
background-position: left top;
}
.order-details-page .page-title a:hover {
outline-color: #fff;
color: #f74258;
}
.order-details-page .order-overview {
margin: 0 0 30px;
padding: 20px 10px;
font-size: 15px;
}
.order-details-page .order-number {
margin: 0 0 20px;
font-size: 16px;
color: #333;
text-transform: uppercase;
}
.order-details-page .order-info span {
display: block;
margin: 5px 0;
}
.order-details-page .section,
.shipment-details-page .section {
margin: 0 0 50px;
}
.order-details-page .section .title,
.shipment-details-page .section .title {
display: none;
}
.order-details-page .download {
margin: 5px 0 0;
}
.order-details-page .download a,
.order-details-page .view-details a {
font-weight: normal;
color: #f74258;
}
.order-details-page .download a:hover,
.order-details-page .view-details a:hover {
text-decoration: underline;
}
.order-details-page .tax-shipping-info {
display: none;
}
.order-details-area .re-order-button {
border: none;
outline: 2px solid transparent;
background: #f6f6f6;
padding: 10px 15px 10px;
color: #777;
margin: 5px 0 10px;
transition: all 0.2s ease 0s;
}
.order-details-area .re-order-button:hover {
outline-color: #f6f6f6;
}
.order-details-page .selected-checkout-attributes {
margin: -10px 0;
}
.order-details-page .actions {
margin: 50px 0 0;
font-size: 0;
}
.order-details-page .actions input {
width: 210px;
max-width: 100%;
height: 45px;
margin: 0 5px 10px;
border: medium none;
padding: 0 28px 0 48px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 2px solid transparent;
transition: all 0.2s ease 0s;
}
.order-details-page .actions .re-order-button {
background: #f74258 url(/Themes/Pavilion/Content/img/cart-sprite.png) left 0 no-repeat;
color: #777;
}
.order-details-page .actions .return-items-button {
background: #f74258 url(/Themes/Pavilion/Content/img/cart-sprite.png) left -45px no-repeat;
color: #777;
}
.order-details-page .actions input:hover {
outline-color: #fff;
color: #f74258;
}
.order-details-page .totals {
margin: 0 0 50px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 40px 0;
}
.order-details-page .total-info {
width: 300px;
max-width: 80%;
margin: 0 auto;
}
.return-request-page .section {
margin: 0 0 50px;
}
.return-request-page .section .title {
display: none;
}
.return-request-page .fieldset {
border: 1px solid #e9e9e9;
background-color: #fff;
}
.return-request-page .fieldset .form-fields {
max-width: 600px;
margin: auto;
padding: 30px;
}
.return-request-page .fieldset .buttons {
margin: -20px 0 40px;
}
.return-request-page .qq-upload-button {
width: auto;
height: 40px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 0 12px;
}
.opc {
border: 1px solid #e9e9e9;
background-color: #fff;
}
.opc .tab-section {
border-top: 1px solid #e9e9e9;
}
.opc .tab-section:first-child {
border-top: none;
}
.opc .step-title {
overflow: hidden;
background-color: #fff;
padding: 15px 30px;
color: #333;
text-transform: uppercase;
}
.opc .allow .step-title,
.opc .active .step-title {
background-color: #f9f9f9;
cursor: pointer;
}
.opc .step-title span {
float: left;
margin: 0 20px 0 0;
}
.opc .step-title h2 {
float: left;
font-size: 15px;
}
.opc .step {
padding: 30px;
}
.opc .section {
margin: 0 0 30px;
border: none;
padding: 0 !important;
}
.opc .section .section,
.opc .billing-addresses,
.opc .shipping-addresses {
margin: 0;
border: none;
}
.opc .section > label {
display: block;
margin: 0 0 10px;
}
.opc input[type="text"],
.opc select {
height: 40px;
max-width: 100%;
}
.opc .buttons {
margin-bottom: 0;
}
.opc .back-link {
display: inline-block;
vertical-align: top;
font-size: 0;
}
.opc .back-link small {
display: none;
}
.opc .back-link a {
display: block;
width: 48px;
height: 48px;
background: #777 url(/Themes/Pavilion/Content/img/back-link.png) center no-repeat;
}
.opc .back-link a:hover {
background-color: #f74258;
}
.opc .please-wait {
display: block;
margin: 15px 0 0;
}
#opc-billing .section,
#opc-shipping .section {
max-width: 480px;
}
.opc .enter-address {
padding: 0 !important;
}
.opc .select-shipping-address label,
.opc .select-pickup-points label {
display: block;
margin: 0 0 10px;
}
.opc .pickup-in-store {
padding: 10px 0 !important;
}
.opc .pickup-points {
max-width: none !important;
}
#opc-confirm_order .billing-info,
#opc-confirm_order .shipping-info {
border: none;
padding: 0;
}
#opc-confirm_order .table-wrapper {
margin: 0 -33px; /*hacking the outer padding on smallest resolution*/
}
#opc-confirm_order .terms-of-service {
margin: 0 0 30px;
text-align: center;
}
#opc-confirm_order .terms-of-service a {
margin: 0 0 0 5px;
}
/*********** SEARCH & SITEMAP ***********/
.search-input {
margin: 0 0 50px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 40px 30px;
}
.basic-search,
.advanced-search {
width: 480px;
max-width: 100%;
margin: auto;
}
.basic-search .inputs.reversed {
position: relative;
height: 48px;
margin: 0 0 1px;
background-color: #f9f9f9;
padding: 12px 20px;
}
.basic-search .inputs.reversed input {
position: absolute;
visibility: hidden;
}
.basic-search .inputs.reversed label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 20px;
line-height: 48px;
text-transform: uppercase;
cursor: pointer;
}
.basic-search .inputs.reversed label:after {
content: "";
position: absolute;
top: 19px;
right: 19px;
width: 10px;
height: 10px;
background: #f74258 url(/Themes/Pavilion/Content/img/toggle-button.png) center no-repeat;
}
.advanced-search {
background-color: #f9f9f9;
padding: 30px 25px 20px;
}
.advanced-search .inputs label {
white-space: normal;
}
.advanced-search .inputs label:first-child {
text-align: center;
}
.advanced-search input + label {
display: inline;
margin: 0 0 0 6px;
font-weight: normal;
}
.advanced-search .price-range {
display: block;
text-align: center;
}
.advanced-search .price-range input {
width: 70px;
margin: 0 5px;
}
.search-input .button-1 {
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.search-input .button-1:hover {
outline-color: #f74258;
}
.search-input .warning,
.search-results .result {
display: block;
margin: 10px 0 0;
font-weight: normal;
color: #f74258;
}
.search-results {
margin: 30px 0 0;
}
.search-results .warning,
.search-results .no-result {
text-align: center;
}
.sitemap-page .description {
margin: 0 0 30px;
}
.sitemap-page .entity-wrapper {
border: 1px solid #e9e9e9;
background-color: #fff;
}
.sitemap-page .entity-title {
background-color: #f9f9f9;
padding: 25px 30px;
color: #333;
text-transform: uppercase;
}
.sitemap-page .entity-title h2 {
font-size: 15px;
}
.sitemap-page .entity-body {
padding: 30px;
line-height: 24px;
}
.sitemap-page li {
display: inline-block;
margin: 5px;
}
.sitemap-page a {
display: block;
}
.sitemap-page a:hover {
color: #f74258;
}
.sitemap-page a:empty {
display: none;
}
/********** BLOG & NEWS **********/
.year strong {
display: block;
cursor: default;
}
.blogpost-page .page-title,
.news-item-page .page-title {
display: block !important;
margin: 0 0 10px;
border: none;
padding: 0;
text-transform: none;
}
.blogpost-page .page-title h1,
.news-item-page .page-title h1 {
font-size: 25px;
}
.blog-page .post,
.news-items .news-item {
position: relative;
margin: 0 0 20px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 30px;
}
.blog-page .post:after,
.news-items .item:after {
content: "";
display: block;
clear: both;
}
.post-head,
.news-head {
margin: 0 0 20px;
}
.post-title,
.news-title {
display: inline-block;
margin: 0 0 10px;
font-size: 25px;
font-weight: bold;
color: #333 !important;
text-decoration: none !important;
}
.post-date,
.news-date {
display: block;
font-size: 13px;
font-weight: bold;
color: #999;
}
.post-body,
.news-body {
margin: 0 0 30px;
line-height: 30px;
}
.post-body a,
.news-body a {
color: #f74258;
}
.post-body a:hover,
.news-body a:hover {
text-decoration: underline;
}
.post-body img,
.news-body img {
max-width: 100%;
}
.blog-page .tags,
.blogpost-page .tags {
display: inline-block;
margin: 0 0 10px;
overflow: hidden;
}
.blog-page .tags label,
.blogpost-page .tags label {
display: block;
margin: 0 0 10px;
font-size: 13px;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
display: inline-block;
margin: 3px;
font-size: 13px; /*reset zeroing*/
}
.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
display: none;
}
.blog-page .tags a,
.blogpost-page .tags a {
display: inline-block;
background-color: #f6f6f6;
padding: 0 10px;
line-height: 26px;
color: #f74258;
transition: all 0.2s ease;
}
.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
background-color: #fbfbfb;
}
.blog-posts .buttons {
overflow: hidden;
}
.blog-posts .read-more,
.blog-posts .read-comments {
display: inline-block;
line-height: 32px;
}
.blog-posts .read-more,
.blog-posts .read-comments {
padding: 10px 0;
text-transform: capitalize;
}
.blog-posts .read-more {
margin: 0 0 0 10px;
}
.blog-posts .read-more:before {
content: "|";
margin: 0 12px 0 0;
color: #777 !important;
}
.blog-posts .read-more:hover,
.blog-posts .read-comments:hover {
color: #f74258;
}
.blog-posts .post-head,
.blog-posts .read-comments {
display: none; /*default html order changed because of the Rich Blog*/
}
.blogpost-page .page-body,
.news-item-page .page-body {
border: 1px solid #e9e9e9;
background-color: #fff;
}
.blogpost-page .post,
.news-item-page .news-item,
.comment-list .comment,
.new-comment .form-fields {
padding: 30px;
}
.news-items .buttons {
margin: -5px 0 5px;
font-size: 0;
}
.news-items .read-more {
font-size: 14px; /*reset zeroing*/
font-weight: bold;
color: #f74258;
text-transform: capitalize;
}
.news-items .read-more:after {
content: "";
display: inline-block;
width: 26px;
height: 20px;
margin: -1px -25px 0 0;
background: #777 url(/Themes/Pavilion/Content/img/pointer-color.png) center no-repeat;
vertical-align: middle;
transition: all 0.2s ease;
}
.new-comment .message-error {
margin: 30px 0 0;
text-align: center;
}
.new-comment .result {
margin: 30px 0 0;
color: #4fbb41;
text-align: center;
}
.new-comment .inputs {
text-align: center;
}
.new-comment .inputs label {
display: none;
}
.new-comment textarea {
min-height: 180px;
}
.new-comment .captcha-box {
margin: 0;
}
.new-comment .buttons {
padding: 0 0 10px;
}
.new-comment .button-1 {
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.new-comment .button-1:hover {
outline-color: #f74258;
}
.comment-list .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333;
text-transform: uppercase;
}
.blog-comment,
.news-comment {
border-top: 1px solid #f0f0f0;
}
.blog-comment:first-child,
.news-comment:first-child {
border: none;
}
.blog-comment:after,
.news-comment:after {
content: "";
display: block;
clear: both;
}
.comment-info {
width: 150px;
margin: 0 auto 20px;
}
.comment-info .username {
display: block;
margin: 0 0 10px;
font-weight: bold;
}
.comment-info .avatar {
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}
.comment-info .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.comment-title {
color: #333;
}
.comment-time {
margin: 0 0 10px;
/*font-size: 13px;
font-weight: bold;*/
color: #999;
}
.comment-body {
line-height: 25px;
}
.news-item-page .news-body {
margin: 0;
}
.news-item-page .inputs:first-child label {
display: block;
}
.news-list-homepage {
margin: 0 0 60px;
}
.news-list-homepage .title {
margin: 0 0 20px;
border-bottom: 1px solid #ddd;
padding: 0 0 5px;
font-size: 22px;
color: #333;
text-transform: uppercase;
}
.news-list-homepage .news-title {
font-size: 16px;
}
.news-list-homepage .view-all {
margin: 30px 0 0;
text-align: center;
}
.news-list-homepage .view-all a {
display: inline-block;
border: none;
background-color: #f74258;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.news-list-homepage .view-all a:hover {
outline-color: #f74258;
}
/********** FORUM & PROFILE **********/
.forums-main-page .topic-block {
margin: 0 0 35px;
}
.forums-main-page .topic-block-title h2 {
font-size: 22px;
}
.forum-breadcrumb {
margin: 0 0 35px;
}
.forums-header {
margin: 35px 0;
}
.forums-header:after {
content: "";
display: block;
clear: both;
}
.current-time {
display: none;
}
.forum-search-box form {
display: inline-block;
}
.forum-search-box .basic {
overflow: hidden;
margin: 0 0 10px;
}
.forum-search-box .search-box-text {
float: left;
height: 40px;
border: none;
padding: 0 18px;
}
.forum-search-box .search-box-button {
float: left;
width: 40px;
height: 40px;
border: none;
background: #f74258 url(/Themes/Pavilion/Content/img/search-button.png) center no-repeat;
font-size: 0;
}
.forum-search-box .advanced a {
font-size: 13px;
}
.forum-search-box .advanced a:hover {
color: #333;
}
.forum-search-page .advanced-search {
margin: 0 auto;
}
.forum-search-page .search-error {
padding: 15px;
text-align: center;
color: #f74258;
}
.forum-search-page .search-results {
margin: 0 0 15px;
}
.forum-search-page .pager.upper {
display: none;
}
/* forum group */
.forums-table-section {
margin: 0 0 30px;
}
.forums-table-section +
.forums-table-section {
margin-top: 50px;
}
.forums-table-section a {
vertical-align: middle;
}
.forums-table-section-title {
position: relative;
margin: 0 0 -1px;
border: 1px solid #e9e9e9;
overflow: hidden;
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333;
text-transform: uppercase;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
float: left;
font-size: 15px;
font-weight: bold;
}
.forums-table-section .table-wrapper {
overflow-x: auto;
}
.forums-table-section .view-all {
margin: 30px 0 0;
}
.forums-table-section .view-all a {
display: inline-block;
background-color: #f74258;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease 0s;
}
.forums-table-section .view-all a:hover {
outline-color: #f74258;
}
.forums-table-section .image {
padding: 20px 0;
}
.forums-table-section .image div {
width: 40px;
height: 35px;
margin: auto;
background-image: url(/Themes/Pavilion/Content/img/forum-sprite-1.png);
background-repeat: no-repeat;
}
.forums-table-section .image div.sticky {
background-position: center;
}
.forums-table-section .image div.announcement {
background-position: right;
}
.forums-table-section .forum-title,
.forums-table-section .topic-title {
margin: 0 0 10px;
}
.forums-table-section .forum-title a,
.forums-table-section .topic-title a {
vertical-align: middle;
font-weight: bold;
color: #333;
}
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover {
color: #f74258;
}
.forums-table-section .forum-title span,
.forums-table-section .topic-title span {
vertical-align: middle;
}
.forums-table-section .latest-post {
white-space: nowrap;
}
.forums-table-section .latest-post div {
font-size: 13px;
}
.forums-table-section .latest-post div * {
vertical-align: baseline;
}
.active-discussions-page .pager.upper {
display: none;
}
.active-discussions-page .pager.lower {
margin: 30px 0 0;
}
.topic-starter label,
.topic-starter a {
vertical-align: baseline;
}
/* forum-page, topic-page */
.forum-page .forum-info {
margin: 0 0 40px;
}
.forum-page .forum-name,
.forum-topic-page .topic-name {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
text-transform: uppercase;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
font-size: 22px;
color: #333;
}
.forum-page .forum-description {
}
.forum-actions,
.topic-actions {
margin: 0 0 20px;
font-size: 0;
}
.forum-actions .actions a,
.topic-actions .actions a {
display: inline-block;
margin: 5px;
background-color: #888;
background-image: url(/Themes/Pavilion/Content/img/forum-sprite-2.png);
background-repeat: no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
font-size: 14px;
transition: all 0.2s ease;
}
.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
background-color: #f74258;
}
.forum-actions .actions .new-topic {
background-position: left -175px;
}
.forum-actions .actions .watch-forum,
.topic-actions .actions .watch-forum {
background-position: left -140px;
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
margin: 30px 0;
}
.topic-actions .edit-topic-button {
background-position: left 0;
}
.topic-actions .delete-topic-button {
background-position: left -35px;
}
.topic-actions .move-topic-button {
background-position: left -70px;
}
.topic-actions .reply-topic-button {
background-position: left -105px;
}
.topic-actions .watch-topic-button {
background-position: left -140px;
}
.topic-actions.lower .actions {
display: none;
}
/* topic post */
.topic-post {
margin: 30px 0;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 25px 30px 35px;
}
.topic-post:after {
content: "";
display: block;
clear: both;
}
.topic-post .post-info {
width: 150px;
margin: 0 auto 20px;
}
.topic-post .username {
display: block;
margin: 0 0 10px;
line-height: 35px;
font-weight: bold;
}
.topic-post a.username:hover {
color: #333;
}
.topic-post .avatar {
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}
.topic-post .avatar a {
display: block;
height: 100%;
}
.topic-post .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.topic-post .user-stats {
margin: 15px 0;
}
.topic-post .user-stats li {
display: inline-block;
margin: 0 10px;
}
.topic-post .user-stats span,
.profile-info-box .profile-stats span {
margin: 0 0 0 3px;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
display: inline-block;
background: #888 url(/Themes/Pavilion/Content/img/forum-sprite-2.png) left -210px no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.2s ease;
}
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
background-color: #f74258;
}
.topic-post .post-time {
margin: 0 0 15px;
font-weight: bold;
font-style: italic;
color: #999;
}
.topic-post .post-actions {
margin: 0 0 15px;
font-size: 0;
}
.topic-post .post-actions > div {
margin: 20px 0;
}
.topic-post .post-actions a {
display: inline-block;
margin: 0 5px;
font-size: 14px; /*reset zeroing*/
}
.topic-post .post-actions .manage-post a {
margin: 5px;
box-shadow: inset 0 0 20px #e9e9e9;
background-color: #888;
background-image: url(/Themes/Pavilion/Content/img/forum-sprite-2.png);
background-repeat: no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
transition: all 0.2s ease;
}
.topic-post .post-actions .edit-post-button {
background-position: left 0;
}
.topic-post .post-actions .delete-post-button {
background-position: left -35px;
}
.topic-post .post-actions .quote-post a {
vertical-align: middle;
line-height: 35px;
}
.topic-post .post-actions .post-link-button {
padding: 0 10px;
font-weight: bold;
color: #f74258;
}
.topic-post .post-actions .quote-post-button {
border: none;
background-color: #f74258;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease 0s;
}
.topic-post .post-actions .quote-post-button:hover {
outline-color: #f74258;
}
.topic-post .user-posted-image,
.latest-posts .user-posted-image {
max-width: 100%;
height: auto;
}
.topic-post .quote,
.latest-posts .quote {
margin: 10px 0;
border: 1px dashed #e9e9e9;
background-color: #f9f9f9;
padding: 15px 20px;
}
.topic-post .post-vote {
display: inline-block;
position: relative;
height: 32px;
margin: 30px 0 0;
overflow: hidden;
}
.topic-post .post-vote > span {
position: absolute;
top: 0;
width: 32px;
height: 32px;
background-color: #f93b54;
background-image: url(/Themes/Pavilion/Content/img/table-sprite.png);
background-repeat: no-repeat;
cursor: pointer;
}
.topic-post .post-vote > .vote.up {
right: 0;
background-position: center 0;
}
.topic-post .post-vote > .vote.down {
left: 0;
background-position: center -32px;
}
.topic-post .post-vote > div {
padding: 0 45px;
line-height: 32px;
font-weight: bold;
}
.topic-post .signature {
border-top: 1px solid #e9e9e9;
padding: 30px 0 0;
font-style: italic;
}
/* forum edit & send message */
.forum-edit-page .page-body,
.move-topic-page .page-body,
.private-message-send-page .page-body {
max-width: 820px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.forum-edit-page .inputs.main,
.private-message-send-page .inputs.main {
margin: 0;
border-bottom: 1px solid #e9e9e9;
background-color: #f9f9f9;
padding: 25px 30px;
}
.forum-edit-page .inputs.main label,
.private-message-send-page .inputs.main label /*,
.private-message-send-page .message label*/ {
display: none;
}
.forum-edit-page .inputs.main strong,
.private-message-send-page .inputs.main a {
vertical-align: middle;
font-size: 15px;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.forum-edit-page .fieldset,
.move-topic-page .fieldset,
.private-message-send-page .fieldset {
margin: 0;
}
.forum-edit-page .form-fields,
.move-topic-page .form-fields,
.private-message-send-page .form-fields {
padding: 30px;
}
.forum-edit-page strong.topic-subject {
font-size: 15px;
font-weight: normal;
color: #333;
text-transform: uppercase;
}
.forum-edit-page .inputs.reversed label {
display: inline;
margin: 0 0 0 8px;
white-space: normal;
}
.move-topic-page .inputs label {
white-space: normal;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
margin: 0 0 15px;
}
.forum-edit-page .buttons,
.move-topic-page .buttons,
.private-message-send-page .buttons {
position: relative; /*underlaying buttons fix*/
margin: -50px 0 10px;
padding: 30px;
}
.forum-edit-page .button-1,
.move-topic-page .button-1,
.private-messages .button-1 {
min-width: 120px;
margin: 0 8px;
border: none;
background-color: #f74258;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover,
.private-messages .button-1:hover {
outline-color: #f74258;
}
.forum-edit-page .button-2,
.move-topic-page .button-2,
.private-messages .button-2 {
min-width: 60px;
margin: 0 8px;
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
.private-messages .button-2:hover {
color: #f74258;
}
/* inbox & view message */
.private-messages-page .table-wrapper {
overflow-x: auto;
}
.private-messages-page .pm-unread {
color: #f74258;
}
.private-messages-page .subject {
text-align: left;
}
.private-messages-page .pager {
margin-top: 20px;
}
.private-messages-page .buttons {
margin: 30px 0 -10px;
}
.private-message-view-page .view-message {
min-height: 200px;
margin: 0 0 30px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 30px;
}
.private-message-view-page .message-head {
margin: 10px 0 30px;
}
.private-message-view-page .message-head li {
display: inline-block;
margin: 0 0 10px;
}
.private-message-view-page .message-head label {
font-weight: bold;
}
.private-message-view-page .message-head span {
margin: 0 10px 0 0;
vertical-align: middle;
}
.private-message-view-page .message-head span:after {
content: "|";
margin: 0 0 0 10px;
}
.private-message-view-page .message-head .subject span:after {
display: none;
}
.private-message-view-page .message-body {
margin: 0 0 25px;
line-height: 30px;
}
.private-message-view-page .message {
display: block !important;
margin: 15px 0;
border: 1px solid #ccc;
padding: 15px;
}
.private-message-view-page .back-pm-button {
display: none;
}
/* profile page */
.profile-info-box {
text-align: center;
}
.profile-info-box .avatar {
position: static;
margin: 0 0 25px;
font-size: 0;
}
.profile-info-box .avatar img {
border: 1px solid #f3f3f3;
}
.profile-info-box .profile-stats {
margin: 0 0 20px;
padding: 0 20px;
}
.profile-info-box .title {
margin: 0 0 10px;
font-size: 18px;
}
.profile-page .topic {
margin: 50px 0 0;
}
.profile-page .topic:first-child {
margin: 0;
border: none;
}
.profile-page .topic-title {
margin: 0 0 20px;
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.profile-page .topic-title a {
margin: 0 0 0 5px;
vertical-align: middle;
color: #333;
}
.profile-page .topic-title a:hover {
color: #f74258;
}
.profile-page .topic-body {
line-height: 30px;
}
.profile-page .quote {
margin: 10px;
background-color: transparent;
}
.profile-page .topic-data {
margin: 20px 0;
padding: 0 30px;
color: #999;
}
.cart .remove-from-cart button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 22px;
height: 22px;
min-width: 0;
margin: auto;
border: none;
border-radius: 50%;
background: #ff7373 url(/Themes/Pavilion/Content/img/close-sprite.png) center bottom no-repeat;
padding: 0 !important;
transition: all 0.2s ease;
}
.cart .quantity {
text-align: center;
white-space: nowrap;
}
.cart .decrease {
background-position: right center;
}
.cart .increase {
background-position: left center;
}
.cart .increase, .cart .decrease {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #bbb;
background-image: url(/Themes/Pavilion/Content/img/table-sprite-el.png);
background-repeat: no-repeat;
vertical-align: middle;
font-size: 0;
cursor: pointer;
}
.cart td, .data-table td, .compare-products-table td, .forums-table-section td {
width: 50px;
padding: 10px;
}
.link-rss,
.ajax-loading-block-window:before,
.eu-cookie-bar-notification button,
.header-logo a img,
.mini-shopping-cart input.checkout-button,
.mini-shopping-cart input[type="button"]:only-child,
.store-search-box .search-box-button,
.two-columns-area .owl-carousel .owl-dot.active span,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title:after,
.footer-block.quick-contact span:before,
.poll .buttons input,
.contact-vendor-button,
.item-box .rating div,
.item-box .buttons-upper input[type="button"]:hover,
.item-box .buttons-lower button span:before,
.item-box .buttons-lower button span:after,
.pager li > span,
.product-review-box .rating div,
.download-sample-button:hover,
.back-in-stock-subscription .subscribe-button:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.back-in-stock-subscription-page .button-1,
.ui-tabs .ui-tabs-nav li a:after,
.write-review .button-1,
.update-wishlist-button,
.wishlist-add-to-cart-button,
.compare-products-page .remove-button:hover,
.enter-password-form input[type="submit"],
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
#check-availability-button:hover,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.login-page .customer-blocks .title.active,
.block-account-navigation .list a:hover,
.block-account-navigation .list a.active,
.account-page ul.info + .buttons input:hover,
.downloadable-products-page .download a:hover,
.order-progress li.active-step a,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button,
.cart-collaterals .accordion-tab-title:after,
.cart-collaterals .estimate-shipping-button,
.cart-collaterals .coupon-code input[type="submit"],
.order-details-page .page-title a,
.order-details-page .actions .re-order-button,
.order-details-page .actions .return-items-button,
.opc .back-link a:hover,
.basic-search .inputs.reversed label:after,
.search-input .button-1,
.new-comment .button-1,
.news-list-homepage .view-all a,
.forum-search-box .search-box-button,
.forums-table-section .view-all a,
.forum-actions .actions a:hover,
.topic-actions .actions a:hover,
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover,
.topic-post .post-actions .quote-post-button,
.topic-post .post-vote > span,
.forum-edit-page .button-1,
.move-topic-page .button-1,
.private-messages .button-1,
/*plugins*/ .nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before,
.productAddedToCartWindowSummary .button-1,
.selected-options-list > li span:after,
.ui-slider-range,
.ui-slider-handle,
.productPanelAjaxBusy:before,
.infinite-scroll-loader:before,
.nivo-directionNav a:hover,
.nivo-controlNav a:hover,
.nivo-controlNav a.active,
.spc-header li span:after,
.spc-body .loading-overlay:before,
.previous-product a:hover,
.next-product a:hover,
.quick-view-button a:hover,
.quickView .k-loading-image:before,
.quickView .ui-accordion-header-active span,
.ropc .section .title:after,
.ropc .estimate-shipping button,
.ropc .coupon-box-panel .coupon-code button,
.ropc .giftcard-box-panel .coupon-code button,
.ropc .complete-button button,
.rich-blog-homepage .owl-prev:hover,
.rich-blog-homepage .owl-next:hover,
.post-navigation a:hover,
.theme-roller .open-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
button.ticket-info-button.k-button:before,
.ticket-buttons .tb-right .k-button.show-reply-button:before,
.ticket-buttons .tb-right .k-button.mark-resolved-button:before,
.ticket-buttons .tb-right .k-button.notes-button:before,
.ticket-buttons .tb-right .k-button.edit-ticket-button:before,
.ticket-buttons .tb-right .k-button.delete-ticket-button:before,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.k-pager-numbers span.k-state-selected,
.k-widget.confirmation-wrapper button,
.filter-shops-button,
.shop-page .back-to-all-shops a:hover:before,
.shop-map-images .get-directions-to-shop:hover:after,
.cloudzoom-ajax-loader:before,
.gallery .slick-dots .slick-active button,
.overview .submit-ticket-button:hover,
.sale-of-the-day-offer .owl-nav .owl-prev:hover,
.sale-of-the-day-offer .owl-nav .owl-next:hover,
.sale-of-the-day-offer .owl-dot.active,
.sale-of-the-day-offer .go-to-product-page,
.home-page-filter-button .search-button {
background-color: #f30707;
}
.cart .edit-item a,
.ui-dialog-titlebar,
.mini-shopping-cart input.cart-button,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list a:hover,
.block .view-all a:hover,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.breadcrumb strong,
.category-item:hover .title a,
.sub-category-item:hover .title a,
.manufacturer-item:hover .title a,
.sub-category-details .inner-title,
.manufacturer-details .inner-title,
.sub-category-details li a:hover,
.vendor-list li a:hover,
.overview .value a,
.variant-overview .value a,
.tier-prices .item-price,
.product-tags-list a:hover,
.product-reviews-page h1 a:hover,
.product-review-helpfulness .vote:hover,
.update-wishlist-button:hover,
.wishlist-page .share-info a,
.enter-password-title,
.accept-privacy-policy .read,
.login-page .forgot-password a:hover,
.login-page .checkout-as-guest-button:hover,
.account-page .form-fields a,
.return-request-list-page a:hover,
.avatar-page .remove-avatar-button:hover,
.common-buttons input:hover,
.terms-of-service a,
.order-completed .details a,
.order-details-page .page-title a:hover,
.order-details-page .download a,
.order-details-page .view-details a,
.order-details-page .actions input:hover,
.sitemap-page a:hover,
.post-body a,
.news-body a,
.blog-page .tags a,
.blogpost-page .tags a,
.blog-posts .read-more:hover,
.blog-posts .read-comments:hover,
.news-items .read-more,
.forum-search-page .search-error,
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover,
.topic-post .post-actions .post-link-button,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
.private-messages .button-2:hover,
.private-messages-page .pm-unread,
.profile-page .topic-title a:hover,
.vendorinfo-page .remove-picture-button:hover,
/*plugins*/ .productAddedToCartWindowSummary a:hover,
.filtersGroupPanel li.checked .filter-item-name,
.spc-categories .category-inner-title,
.spc-categories .category-sublist li a:hover,
.instant-search-item .detail .price,
.quickView .links-panel a:hover,
.ropc .cart .remove-product:hover,
.rich-blog-homepage .read-comments,
.blog-instant-search .k-item.rich-blog-autocomplete-last-item,
.blog-page .read-comments,
.category-list li a,
.related-posts-list li a,
.search-term-highlighter,
.order-details-page .product .submit-ticket-button,
.getUserGeoLocation:hover,
.align-map-button:hover,
.shops-item .show-directions:hover,
.shop-page .back-to-all-shops a:hover,
.shop-map-images .get-directions-to-shop:hover,
.shop-info a,
.nop-jcarousel .category-item:hover .title a,
.nop-jcarousel .sub-category-item:hover .title a,
.nop-jcarousel .manufacturer-item:hover .title a,
.nop-jcarousel .vendor-item:hover .title a {
color: #f30707;
}
.mini-shopping-cart input.checkout-button:hover,
.mini-shopping-cart input[type="button"]:only-child:hover,
.poll .buttons input:hover,
.contact-vendor-button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.back-in-stock-subscription-page .button-1:hover,
.write-review .button-1:hover,
.wishlist-add-to-cart-button:hover,
.enter-password-form input[type="submit"]:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.cart-collaterals .estimate-shipping-button:hover,
.cart-collaterals .coupon-code input[type="submit"]:hover,
.search-input .button-1:hover,
.new-comment .button-1:hover,
.news-list-homepage .view-all a:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover,
.private-messages .button-1:hover,
/*plugins*/ .productAddedToCartWindowSummary .button-1:hover,
.ropc .estimate-shipping button:hover,
.ropc .complete-button button:hover,
.page-body form > .buttons .k-button:hover,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.filter-shops-button:hover,
.sale-of-the-day-offer .go-to-product-page:hover,
.home-page-filter-button .search-button:hover {
outline-color: #f30707;
}
.cart-collaterals .active .accordion-tab-title,
/*plugins*/ .quickView .ui-accordion-header-active,
.ropc .section .title.active {
border-bottom-color: #f30707;
}
.order-progress li.active-step a:after {
border-left-color: #f30707;
}
/* JCarousel Styling */
.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover {
background-color: #f30707 !important;
}
/* secondary color */
.footer-upper,
.ui-datepicker-header,
.ui-datepicker-calendar .ui-state-active {
background-color: #c91517;
}
.cart .subtotal,
.mini-shopping-cart .price strong,
.mini-shopping-cart .totals strong,
.item-box .actual-price,
.overview .product-price,
.variant-overview .product-price,
.compare-products-table .product-price td,
.cart-total .order-total,
/*plugins*/ .productAddedToCartWindowDescription .price,
.sale-of-the-day-offer .timer-info-box,
.sale-of-the-day-offer .price.actual-price {
color: #c91517;
}
.ui-datepicker-calendar .ui-state-active {
outline-color: #c91517;
}
@media all and (max-width: 1000px) {
.responsive-nav-wrapper > div,
.plus-button {
background-color: #f30707;
}
.category-page-body .page-title h1,
.manufacturer-page-body .page-title h1,
.manufacturer-all-page-body .page-title h1,
.vendor-all-page-body .page-title h1,
.vendor-page-body .page-title h1,
.product-tags-all-page-body .page-title h1,
.products-by-tag-page-body .page-title h1,
.recently-viewed-products-page-body .page-title h1,
.recently-added-products-page-body .page-title h1,
.compare-products-page-body .page-title h1,
/*plugins*/ .spc-categories .category-title {
color: #f30707;
}
/* secondary color */
.admin-header-links,
.store-search-box {
background-color: #c91517;
}
.responsive-nav-wrapper-parent {
border-top-color: #c91517;
}
}
@media all and (min-width: 481px) {
/*plugins*/
.spc-categories .product-box-add-to-cart-button:hover {
background-color: #f30707;
}
}
@media all and (min-width: 769px) {
.bestsellers .owl-prev:hover,
.bestsellers .owl-next:hover,
.product-selectors .product-viewmode a.selected,
.product-list .item-box .buttons-lower button,
.topic-post .post-actions .manage-post a:hover {
background-color: #f30707;
}
.product-list .item-box .buttons-lower button:hover {
outline-color: #f30707;
}
/*plugins*/
.ropc .section .title {
border-bottom-color: #f30707;
}
}
@media all and (min-width: 1001px) {
.cart-trigger:before,
.flyout-cart-wrapper:hover .cart-trigger,
.category-navigation-title:after,
.product-grid.bestsellers .item-box .buttons-lower input:hover,
.product-grid.bestsellers .item-box .buttons-lower button:hover,
.product-grid .item-box:hover .buttons-lower button,
.product-grid .item-box:hover .buttons-lower button span,
/*plugins*/ .spc-categories .spc-header li:hover span,
.spc-categories .spc-header li.active span,
.spc-categories .product-grid .item-box input.button-2:hover,
.spc-categories .product-grid .item-box button.button-2:hover,
.rich-blog-body .block:hover .title,
.rich-blog-body .blog-search-box.active .search-box-button {
background-color: #f30707;
}
.side-2 .page-title h1,
.category-navigation-list > li:hover > a,
.category-navigation-list > li:hover > span,
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
.header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
.breadcrumb a:hover,
.compare-products-page .clear-list,
/*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
.header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover,
.spc-categories .category-info:hover .category-title {
color: #f30707;
}
/*plugins*/
.ropc .coupon-box-panel .coupon-code button:hover,
.ropc .giftcard-box-panel .coupon-code button:hover {
outline-color: #f30707;
}
.flyout-cart-wrapper:hover .cart-trigger {
border-color: #f30707;
}
.header-links,
.header-selectors {
border-top-color: #f30707;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > a,
.header-menu > ul > li > .sublist-wrap > .sublist > li > a,
/*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box .title,
.header-menu > ul > li > .sublist-wrap > .sublist .box .title {
border-bottom-color: #f30707;
}
/* secondary color */
.header-lower {
background-color: #c91517;
}
}
.manufacturer-filter-list {
margin-bottom: 10px;
}
.manufacturer-filter-list .title {
border: 1px solid #e9e9e9;
padding: 13px 15px;
background-color: white;
background: #fff url(/Themes/Pavilion/Content/img/toggle-arrow.png) right center no-repeat;
font-size: 15px;
color: #333;
text-transform: uppercase;
cursor: pointer;
}
.filtersGroupPanel ul {
padding: 15px 20px;
background-color: white;
border-top: 1px solid #ececec;
max-height: 300px;
overflow-y: auto;
}
.filtersGroupPanel ul li {
margin-bottom: 5px;
}
.filtersGroupPanel ul li label {
font-size: 12px;
margin-left: 5px;
}
.filter-search-input {
background-image: url(/Themes/Pavilion/Content/img/searchicon2.png);
height: 38px !important;
background-position: 10px 12px;
background-repeat: no-repeat;
margin-bottom: 0px !important;
width: 100%;
FONT-WEIGHT: 500;
font-size: 14px;
padding: 12px 20px 12px 40px !important;
border: 1px solid #ddd !important;
margin-bottom: 12px;
}
.eft-form-label {
padding: 0 0 0 25px;
background-position: left;
background-repeat: no-repeat;
}
.bank-account-label {
padding: 0 0 0 25px;
background-position: left;
background-repeat: no-repeat;
}
.cargo-label {
padding: 0 0 0 25px;
background-image: url(/Themes/Pavilion/Content/img/delivery.png);
background-position: left;
background-repeat: no-repeat;
}
.order-detail {
display: inline-block;
height: 37px;
margin: 0 2px;
border: none;
padding: 10px;
font-size: 12px;
color: #595454;
font-weight: 600;
transition: all 0.2s ease;
}
.order-buttons {
padding: 0px 56px 0;
}
.order-title {
font-weight: 600;
font-size: 12px;
color: #080808;
}
.order-details-page .order-info span {
margin: 0px 10px 5px 0 !important;
}
.product-info {
margin: 15px 0px 15px 0px;
font-size: 12px;
}
.general-info {
color: #c00;
font-weight: 700;
}
@media only screen and (max-width: 1001px) {
.manufacturer-filter-list .filtersGroupPanel {
display: none;
padding: 5px;
}
}
/*SONRADAN EKLENEN ED�TLEMELER*/
/*�r�n Fiyat�n�n yerine bir yaz� geldi�inde d�zg�n ve ortal� g�z�kmesi*/
.item-box .prices {
height: 40px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
/*�r�n Detayda �r�n G�rselinin B�y�k D�zg�n A��lmas�*/
.mfp-image-holder {
background: none !important;
max-width: 100% !important;
margin: 0 !important;
}
/*T�m�n� G�r Butonu*/
.allproductbtn {
background: #f74258;
position: relative;
height: 35px;
padding-left: 20px;
border: none;
color: white;
transition: 0.2s;
display: inline-block;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px;
opacity: 0.95;
}
.allproductbtn:hover {
opacity: 1;
}
.allproductbtn .text {
font-size: 10px;
}
.allproductbtn .svg-icon {
margin-top: 0;
display: flex;
justify-content: center;
align-items: center;
height: 35px;
margin-left: 15px;
background: #e85355;
}
.allproductbtn svg {
width: 20px;
}
.allproductbtn path {
fill: white;
}
.allproductbtn:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding-top: inherit;
padding-bottom: inherit;
width: 2.8em;
content: "\00a0";
font-family: 'FontAwesome', sans-serif;
font-size: 1.2em;
text-align: center;
transition: 0.2s;
transform-origin: 50% 60%;
}
/*Top Men�*/
.header-upper {
height: auto !important;
}
.header-links-wrapper {
margin: 0 !important;
height: auto !important;
padding: 5px 15px 0 15px;
transition: all .5s ease !important;
text-align: center;
}
.header-links-wrapper label {
padding: 0 !important;
padding-top: 5px !important;
background-image: none !important;
background: none;
line-height: normal !important;
font-size: 10px !important;
}
.header-links-wrapper:hover label {
color: #c91517;
}
.header-selectors-wrapper {
margin: 0 !important;
height: auto !important;
padding: 5px 15px 0 15px;
transition: all .5s ease !important;
text-align: center;
background: none !important;
}
.header-selectors-wrapper:hover {
color: #c91517;
}
.eft-form-label label, .bank-account-label label, .cargo-label label {
line-height: normal !important;
margin-bottom: 5px !important;
padding-top: 5px !important;
font-size: 10px !important;
}
.eft-form-label label a:before, .bank-account-label label a:before, .cargo-label label a:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
width: 1px;
height: 20px;
right: 0;
background-color: #e5e5e5;
}
.header-links, .header-selectors {
left: -50% !important;
min-width: 200px !important;
margin-top:5px!important;
padding: 0.5rem;
box-shadow: 0px 0px 20px -4px rgb(0 0 0 / 20%) !important;
border-radius: 8px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.header-links:before {
content: '';
background: transparent;
width: 100%;
height: 22px;
position: absolute;
top: -25px;
left: 0;
}
.header-links .myorderslink {
display:flex;
justify-content:flex-start;
align-items:center;
}
.header-links .myorderslink svg {
width: 15px;
height: 15px;
fill: #767676;
margin-right: 8px;
}
.header-links .myorderslink a {
background:none!important;
padding-left:0!important;
}
/*Header Men� Hover*/
.header-menu > ul > li > a {
transition: all .5s ease;
}
.header-menu > ul > li > a:hover {
color: #c91517;
}
/*Main Men�*/
.category-navigation-list > li > a, .category-navigation-list > li > span {
font-size: 13px;
font-weight: 600;
transition: all .2s ease;
}
.category-navigation-list > li:hover > a, .category-navigation-list > li:hover > span {
box-shadow: 0px 0px 20px -4px rgb(0 0 0 / 20%);
background: none !important;
}
.category-navigation-list.sticky-flyout > li > .sublist-wrap {
top: 12px !important;
}
.category-navigation-list > li > .sublist-wrap > .sublist, .header-menu > ul > li > .sublist-wrap > .sublist {
border-radius: 15px;
padding: 2rem;
box-shadow: 0px 0px 20px -4px rgb(0 0 0 / 20%);
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > a {
font-size: 12px;
font-weight: 400;
transition: all .2s ease;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > a:hover {
color: #c91517;
}
/*Sepete Eklendi Uyar�s�*/
.productaddandfavoritenotification {
right: 10px;
left: auto;
top: 50px;
bottom: auto;
padding: 20px 25px;
border-left: 8px solid #59a75e;
background-color: #5ad363 !important;
color: #fff;
font-weight: 600;
font-size: 12px;
border-radius: 10px;
max-width: 325px;
}
.productaddandfavoritenotification .content a {
color: #fff;
}
.productaddandfavoritenotification .close {
top: 5px;
border-radius: 50%;
}
.productaddandfavoritenotification.close:hover {
outline: none !important;
}
/*�lk a��l��ta gelen cookie ekran�*/
.eu-cookie-bar-notification {
bottom: 2%;
left: 2%;
top: auto;
margin: 0 !important;
text-align: left;
border: 0;
padding: 30px;
width: 375px !important;
}
.eu-cookie-bar-notification .buttons-more {
position: absolute;
top: 0;
right: 3px;
}
.eu-cookie-bar-notification .buttons-more button {
background: none;
color: #333;
min-width: 40px;
margin-top: 5px;
padding: 5px 10px;
}
.eu-cookie-bar-notification .buttons-more button svg {
fill: #333;
opacity: 0.6;
transition: all .4s ease;
}
.eu-cookie-bar-notification .buttons-more button svg:hover {
opacity: 1;
}
.eu-cookie-bar-notification .text {
font-size: 12px;
margin-bottom: 10px;
}
.eu-cookie-bar-notification a {
font-size: 12px;
}
/*�r�n Detay*/
.overview .product-name h1 {
padding-bottom: 15px;
margin-bottom: 15px;
}
/*Breadcrumb uzayan kitap isimleri i�in*/
.breadcrumb strong {
font-weight: normal;
color: #f74258;
max-width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb li > * {
min-height: 0 !important;
margin: -5px 3px !important;
}
.prev-next-wrapper {
top:-10px!important;
}
/*�deme Ad�mlar� Kargo Se�im Ekran�*/
.shipping-method .method-list .cargobox {
display: flex;
justify-content: flex-start;
align-items: center;
border: solid 1px #ddd;
border-radius: 20px;
padding: 1.5rem;
}
.shipping-method .method-list .method-name {
min-width: 175px;
}
.shipping-method .method-list .method-description {
margin-left: 15px;
}
/*Header Kargo Takip Ekran�*/
.cargotrackingpage .bankaccountbox {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
border-radius: 0.8rem;
border: solid 1px #ddd;
margin-bottom: 1.6rem;
}
.cargotrackingpage .bankaccountbox .images {
width: 125px;
margin-right: 25px;
}
.cargotrackingpage .cargosubmitbox {
display: flex;
justify-content: center;
align-items: center;
}
.cargotrackingpage .cargosubmitbox .cargonumber {
margin-right: 25px;
}
/*Header (CK ED�TOR) Banka Hesaplar�*/
.bankaccounts {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.bankaccounts .bankbox {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 1rem;
border-radius: 0.8rem;
border: solid 1px #ddd;
margin-bottom: 1rem;
}
.bankaccounts .bankbox .bankimages {
margin-right: 50px;
}
.bankaccounts .bankbox .bankinfo p {
font-size: 14px;
font-weight: 400;
color: #333;
margin: 0;
}
.bankaccounts .bankbox .bankinfo strong {
font-weight: 600;
margin-right: 2px;
margin-left: 2px;
}
/*Header EFT/Havale Bildirim Formu*/
.efthavaleform .formbottom .gender {
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 25px;
margin-top: 15px;
}
.efthavaleform .form-fields {
max-width: 640px;
}
.efthavaleform .formbottom .bankbox label {
margin: 0 10px 0 0;
border: solid 1px #ddd;
padding: 2.3rem;
border-radius: 0.8rem;
}
.efthavaleform .submitbtn {
padding: 0 !important;
padding-top: 10px !important;
text-align: right !important;
}
/*�deme Y�ntemi EFT/Havale*/
.paymentbankinfopage .images {
text-align: center;
margin-bottom: 10px;
}
.paymentbankinfopage .images img {
max-width: 100%;
}
.bankinfobox {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.bankinfobox .bankbox {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 1rem;
border-radius: 0.8rem;
border: solid 1px #ddd;
margin-bottom: 1rem;
}
.bankinfobox .bankbox .bankimages {
margin-right: 50px;
}
.bankinfobox .bankbox .bankinfo p {
font-size: 14px;
font-weight: 400;
color: #333;
margin: 0;
}
.bankinfobox .bankbox .bankinfo strong {
font-weight: 600;
margin-right: 2px;
margin-left: 2px;
}
/*Kredi Kart� Ekran�*/
#paymenttable {
margin-bottom: 50px !important;
}
/*Search K�sm� Gelen kitaplar�n g�rselleri ile gelmesi*/
.ui-autocomplete a {
padding: 5px 10px!important;
display: flex!important;
justify-content: flex-start;
align-items: center;
}
.ui-autocomplete img {
margin-right: 5px;
width: 45px;
margin-right: 25px;
display: block !important;
}
/*Arama yap�ld���nda sol barda ��kan filtreleme k�sm�*/
.searchfilterlist {
background:#fff!important;
}
.searchfilterlist .title {
background-image: none !important;
display: flex;
justify-content: space-between;
align-items: center;
border: 0;
border-bottom: solid 1px #f2f2f2;
}
.searchfilterlist .filtersGroupPanel {
padding: 5px 15px;
}
.searchfilterlist .filtersGroupPanel .search-filter {
border-radius: 5px !important;
border: solid 1px #f2f2f2;
display: flex;
align-items: center;
margin-bottom: 15px;
margin-top: 5px;
}
.searchfilterlist .filtersGroupPanel .search-filter svg {
width: 22px;
fill: #c91517;
margin-left: 13px;
}
.searchfilterlist .filter-search-input {
border: 0 !important;
background: none !important;
padding:0!important;
padding-left: 20px !important;
}
.searchfilterlist .title svg {
width: 15px;
fill: #c91517;
}
.searchfilterlist .checkbox-list {
border: 0 !important;
padding: 15px 5px!important;
}
.searchfilterlist .checkbox-list .checkbox-item {
transition:all .3s ease;
}
.searchfilterlist .checkbox-list .checkbox-item:hover {
color: #c91517;
}
.searchfilterlist .checkbox-list .checkbox-item .styled-checkbox {
margin-top: 5px;
margin-bottom: 15px;
position: fixed;
opacity: 0;
}
.searchfilterlist .checkbox-list .checkbox-item .styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
margin-bottom: 7px;
margin-left: 0 !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.searchfilterlist .checkbox-list .checkbox-item .styled-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: white;
border-radius: 5px;
border: solid 1px #ddd;
}
.searchfilterlist .checkbox-list .checkbox-item .styled-checkbox:checked + label:before {
background: #c91517;
border-color: transparent;
}
.searchfilterlist .checkbox-list .checkbox-item .styled-checkbox:checked + label:after {
content: '';
position: absolute;
left: 5px;
top: 10px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 #ffff, 4px 0 0 #ffff, 4px -2px 0 #ffff, 4px -4px 0 #ffff, 4px -6px 0 #ffff, 4px -8px 0 #ffff;
transform: rotate( 45deg );
}
/*Filtreleme Scroll Bar*/
.searchfilterlist ::-webkit-scrollbar-thumb {
background: #8e8e8e;
border-radius: 5px;
}
.searchfilterlist ::-webkit-scrollbar {
width: 7px;
}
/*Sepetim Sayfas� Sepet G�ncelleme*/
.quantitybox {
display:flex;
width:100px;
margin:0 auto;
align-items:center;
}
.quantitybox .incrementanddecrement {
border:solid 1px #ddd;
border-radius: 10px;
padding: 0px 7px;
}
.quantitybox .incrementanddecrement input {
width:30px!important;
border:0;
padding:0!important;
}
.quantitybox .reloadbasket {
margin-left:6px;
}
.quantitybox .reloadbasket .update-btn {
background: #bbbbbb;
}
.quantitybox .reloadbasket .update-btn svg {
width:12px;
fill: #fff;
}
/*Responsive*/
@media (max-width: 575.98px) {
.breadcrumb strong {
display: block;
width: 100%;
margin-bottom: 2px !important;
overflow: visible;
}
.product-grid .item-box .product-item {
height: auto !important;
}
.product-essential .overview {
text-align: left !important;
}
.cargotrackingpage .bankaccountbox,
.cargotrackingpage .cargosubmitbox,
.bankaccounts .bankbox,
.bankinfobox .bankbox {
display: block;
}
.cargotrackingpage .bankaccountbox .images,
.bankaccounts .bankbox .bankimages,
.bankinfobox .bankbox .bankimages {
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
.cargotrackingpage .bankaccountbox .KargoText {
width: auto !important;
}
.cargotrackingpage .cargosubmitbox .cargonumber {
margin-right: 0;
margin-bottom: 15px;
}
.efthavaleform .formbottom .bankbox {
display: block !important;
margin-bottom: 25px;
}
.efthavaleform .formbottom .gender {
display: block;
}
.header-links, .header-selectors {
left:0!important;
}
.header-links .myorderslink {
display:block;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.breadcrumb strong {
display: block;
width: 100%;
margin-bottom: 2px !important;
overflow: visible;
}
.product-essential .overview {
text-align: left !important;
}
.cargotrackingpage .bankaccountbox {
display: block;
}
.cargotrackingpage .bankaccountbox .images {
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
.header-links, .header-selectors {
left: 0 !important;
}
.header-links .myorderslink {
display: block;
}
}
.item-box .no-author {
height: 17px;
}
.header-links > ul > li > a {
text-align: left;
}
.item-box .buttons-lower button span:after {
background-color: transparent !important;
}
/*.ui-autocomplete img {
display: block !important;
width: 60px;
float: left;
}
.ui-autocomplete .ui-menu-item {
float: left;
}
*/
.cart .update-btn {
/*display: none;*/
width: 22px;
height: 22px;
border: none;
background: url(/Themes/Pavilion/Content/img/retry.png) center no-repeat;
background-color: #f30707;
border-radius: 50%;
vertical-align: middle;
}
.upper-image{
background-image: url(https://palmekitabevi.com/content/kargo_banner_750.jpg?id=012932943453488885);
/* height: 45px; */
background-size: contain;
height: 45px;
background-repeat: no-repeat;
}
/* FOOTABLE CUSTOM CSS */
.footable-first-column {
text-align: center;
}
td.footable-first-column {
position: relative;
background: transparent !important; /*Firefox relative cell bug fix*/
}
.footable-first-column .item-count {
font-size: 13px !important;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
position: absolute;
/*top: 50%;*/ /*doesn't work in IE*/
left: 50%;
width: 32px;
height: 32px;
/*margin: -16px 0 0 -16px;*/
margin: -5px 0 0 -16px; /*IE hack*/
overflow: hidden;
background-color: #f93b54;
background-image: url(/Themes/Pavilion/Content/img/table-sprite.png);
background-repeat: no-repeat;
}
.footable-toggle {
background-position: center 0;
}
.footable-detail-show .footable-toggle {
background-position: center -32px;
}
.footable-toggle:before {
display: none !important;
}
.footable-row-detail {
text-align: left;
}
.footable-row-detail-cell {
text-align: left !important;
}
.footable-row-detail-row {
margin: 0 0 10px;
display: table-row;
}
.footable-row-detail-name {
display: table-cell;
padding: 10px;
}
.footable-row-detail-value {
display: table-cell;
padding: 10px;
}
.go-to-page {
display: inline-block !important;
font-size: 13px !important;
}
@media all and (max-width: 1000px) {
.admin-header-links {
position: fixed;
top: 0;
z-index: 1030;
width: 100%;
background-color: #00a1b1;
color: #fff;
}
.header-upper {
display: none;
}
.header .header-logo {
position: absolute;
top: 53px;
z-index: 1020;
width: 100%;
height: 110px;
background-color: #fff;
line-height: 110px;
}
.responsive-nav-wrapper-parent {
position: fixed;
top: 0;
z-index: 1020;
width: 100%;
height: 53px !important; /*override inline height*/
border-top: 3px solid #00a1b1;
box-shadow: 0 3px 5px rgba(0,0,0,0.1);
background-color: #fff;
}
.admin-header-links ~ .header .header-logo {
top: 95px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent {
top: 42px;
}
.mobile-sticky-logo .header .header-logo {
position: fixed;
top: 0;
}
.mobile-sticky-logo .responsive-nav-wrapper-parent {
top: 110px;
}
.mobile-sticky-logo .admin-header-links ~ .header .header-logo {
top: 42px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent {
top: 152px;
}
.two-columns-area {
margin: 160px 0 25px;
}
.admin-header-links ~ .two-columns-area {
margin-top: 205px;
}
.master-wrapper-content {
margin-top: 160px;
padding: 25px 20px;
}
.admin-header-links ~ .master-wrapper-content {
margin-top: 205px;
}
.two-columns-area ~ .master-wrapper-content {
margin-top: 0 !important; /*important because of demo-strip*/
}
/* RESPONSIVE NAV WRAPPER */
.responsive-nav-wrapper {
position: relative;
text-align: center;
font-size: 0;
}
.responsive-nav-wrapper:after {
content: "";
display: block;
clear: both;
}
.responsive-nav-wrapper > div {
display: inline-block;
border-right: 1px solid #eee;
background-color: #f74258;
background-image: url(/Themes/Pavilion/Content/img/mobile-sprite.png);
background-repeat: no-repeat;
vertical-align: middle;
}
.responsive-nav-wrapper > div:first-child {
border-left: 1px solid #eee;
}
.responsive-nav-wrapper div.menu-title {
background-position: 0 center;
}
.responsive-nav-wrapper div.shopping-cart-link {
background-position: -55px center;
}
.responsive-nav-wrapper div.personal-button {
background-position: -108px center;
}
.responsive-nav-wrapper div.preferences-button {
background-position: -162px center;
}
.responsive-nav-wrapper div.search-wrap {
background-position: -216px center;
}
.responsive-nav-wrapper div.filters-button {
display: none;
background-position: -271px center;
}
.responsive-nav-wrapper > div > span,
.responsive-nav-wrapper > div > a {
display: block;
width: 52px;
height: 50px;
font-size: 0;
}
/* RESPONSIVE MENU */
.ps-container > .ps-scrollbar-y-rail {
visibility: hidden !important;
}
.scrollYRemove {
overflow: hidden !important;
-ms-touch-action: none !important;
-webkit-overflow-scrolling: touch !important;
}
.overlayOffCanvas {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
z-index: 1060;
}
.overlayOffCanvas.show {
background: rgba(0,0,0,0.6);
}
.header-menu {
position: fixed;
top: 0;
left: 0;
width: 320px;
height: 100%;
text-align: left;
background-color: #f6f6f6;
overflow: hidden;
z-index: 1070;
transition: all 0.5s ease;
}
.notAndroid23 .header-menu {
-webkit-transform: translate(-320px);
-ms-transform: translate(-320px);
transform: translate(-320px);
}
.android23 .header-menu {
left: -320px;
}
.header-menu.open {
box-shadow: 1px 0 5px rgba(0,0,0,0.5);
}
.notAndroid23 .header-menu.open {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.android23 .header-menu.open {
left: 0;
}
.header-menu .close-menu,
.header-menu .back-button {
background-color: #f6f6f6;
cursor: pointer;
}
.header-menu .close-menu span,
.header-menu .back-button span {
display: block;
height: 50px;
background: url(/Themes/Pavilion/Content/img/close.png) right center no-repeat;
font-size: 0;
}
.header-menu > ul li {
background: #fff;
}
.header-menu > ul li:after {
content: "";
display: block;
clear: both;
}
.header-menu > ul li > a,
.header-menu > ul li > span {
display: block;
position: relative;
z-index: 0;
padding: 20px;
line-height: 19px;
color: #333;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.header-menu > ul li > .with-subcategories {
width: 270px;
float: left;
}
.plus-button {
position:relative;
z-index: 1;
float: right;
width: 50px;
height: 60px;
background: #f74258 url(/Themes/Pavilion/Content/img/pointer-color.png) center no-repeat;
cursor: pointer;
}
.header-menu .sublist-wrap {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 320px;
height: 100%;
background-color: #f6f6f6;
box-shadow: 1px 0 5px rgba(0,0,0,0.5);
overflow: hidden;
transition: all 0.5s ease;
}
.notAndroid23 .header-menu .sublist-wrap {
-webkit-transform: translate(-320px);
-ms-transform: translate(-320px);
transform: translate(-320px);
}
.android23 .header-menu .sublist-wrap {
left: -320px;
}
.notAndroid23 .header-menu .sublist-wrap.active {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.android23 .header-menu .sublist-wrap.active {
left: 0;
}
/* CATEGORY NAVIGATION */
.header-menu > ul > li > a {
border: none;
}
.category-navigation-title,
.category-navigation-list-wrapper {
display: none !important;
}
/*.subcategories-title {
display: none !important;
}*/
/* FLYOUT-CART */
.flyout-cart-wrapper {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
border-top: 1px solid #ececec;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 95px;
}
.mobile-sticky-logo .flyout-cart-wrapper {
top: 163px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 205px;
}
.cart-trigger {
display: none;
}
.mini-shopping-cart .attributes {
display: none;
}
/* LINKS & SELECTORS */
.header-links,
.header-selectors {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
font-size: 13px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .header-links,
.admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors {
top: 95px;
}
.mobile-sticky-logo .header-links,
.mobile-sticky-logo .header-selectors {
top: 163px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-links,
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors {
top: 205px;
}
.header-links li {
border-top: 1px solid #ececec;
}
.header-links a {
display: inline-block;
padding: 15px 25px;
}
.header-links .ico-account {
background-position: left 0;
}
.header-links .ico-register {
background-position: left -48px;
}
.header-links .ico-login,
.header-links .ico-logout {
background-position: left -96px;
}
.header-links .ico-inbox {
background-position: left -144px;
}
.header-links .ico-wishlist {
background-position: left -192px;
}
.header-selectors > div {
display: block;
border-top: 1px solid #ececec;
padding: 15px;
}
/* SEARCH BOX */
.store-search-box {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #00a1b1;
padding: 10px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 95px;
}
.mobile-sticky-logo .store-search-box {
top: 163px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 205px;
}
/* PAGE TITLES */
.category-page-body .page-title,
.manufacturer-page-body .page-title,
.manufacturer-all-page-body .page-title,
.vendor-all-page-body .page-title,
.vendor-page-body .page-title,
.product-tags-all-page-body .page-title,
.products-by-tag-page-body .page-title,
.recently-viewed-products-page-body .page-title,
.recently-added-products-page-body .page-title,
.compare-products-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 20px 25px;
}
.category-page-body .page-title h1,
.manufacturer-page-body .page-title h1,
.manufacturer-all-page-body .page-title h1,
.vendor-all-page-body .page-title h1,
.vendor-page-body .page-title h1,
.product-tags-all-page-body .page-title h1,
.products-by-tag-page-body .page-title h1,
.recently-viewed-products-page-body .page-title h1,
.recently-added-products-page-body .page-title h1,
.compare-products-page-body .page-title h1 {
font-size: 18px;
color: #f74258;
text-transform: uppercase;
}
/* MISCELLANEOUS */
.product-specs-box .data-table td a:only-child {
position: absolute;
top: 50%;
left: 15px;
max-width: 100%;
margin: -10px 0 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.checkout-page .enter-address + .buttons {
text-align: center !important;
}
}
@media all and (min-width: 769px) and (max-width: 1000px) {
.mini-shopping-cart .items {
overflow: hidden;
}
.mini-shopping-cart .item {
float: left;
width: 50%;
}
}
/*=====================================================
TABLETS PORTRAIT & SMARTPHONES LANDSCAPE
=====================================================*/
@media all and (min-width: 481px) {
/* GLOBAL STYLES */
/* GLOBAL FORMS */
/*.fieldset .title,
.section .title {
padding: 25px 45px;
}*/
.inputs input[type="text"],
.inputs input[type="password"],
.inputs select {
height: 40px;
padding: 0 12px;
}
.inputs textarea {
padding: 12px;
}
/* GLOBAL TABLES */
.cart .product-picture img {
max-width: none;
}
.forums-table-section th,
.forums-table-section td {
padding: 20px 30px;
}
/* NOTIFICATIONS & POPUPS */
.eu-cookie-bar-notification {
width: 450px;
max-width: 95%;
margin-left: -225px;
}
/* HEADER */
.mini-shopping-cart .items {
display: block;
}
.search-box input.search-box-text {
width: 390px;
}
.ui-autocomplete {
position: absolute;
z-index: 1070;
width: 390px; /*default = txtfield + button*/
max-width: 100%;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
background-color: #fff;
text-align: left;
}
.ui-autocomplete li {
border-top: 1px solid #f6f6f6;
}
.ui-autocomplete li:first-child {
border-top: none;
}
.ui-autocomplete a {
display: block;
padding: 15px;
font-size: 14px;
color: #333;
}
.ui-autocomplete a.ui-state-focus {
background: #f9f9f9;
}
.ui-autocomplete img {
display: none;
margin-right: 5px;
vertical-align: middle;
}
/* FOOTER */
.newsletter-email input[type="text"] {
width: 300px;
}
/* LEFT/RIGHT COLUMN */
.block {
float: left;
width: 48%;
margin: 0 1% 2%;
text-align: left;
}
.block:nth-of-type(2n+1) {
clear: both;
}
.block .sublist {
padding: 0 0 0 20px;
}
.block .tags li,
.product-tags-all-page li {
margin: 0 10px 0 0;
}
.block .poll-options li,
.block .poll-results li {
display: block;
margin: 5px 0;
}
.block .poll .buttons,
.block .poll-total-votes {
text-align: left;
}
/* CATEGORY PAGE & GRIDS */
.item-box {
width: 49%; /*two per row*/
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.home-page-category-grid + .slider-wrapper {
display: block;
}
.sub-category-grid {
margin: 0 0 30px;
}
.sub-category-grid .item-box,
.manufacturer-grid .item-box {
margin-bottom: 2.5%;
}
.vendor-list li {
margin-bottom: 2.5%;
}
/* PRODUCT PAGE */
.product-essential {
padding: 30px;
}
.overview .add-to-cart,
.variant-overview .add-to-cart {
display: inline-block;
vertical-align: top;
margin: 0;
}
.overview-buttons,
.variant-overview .add-to-wishlist {
display: inline-block;
margin: 0;
padding: 4px 0;
vertical-align: top;
}
.overview-bottom .delivery,
.variant-overview .delivery {
margin: 40px -30px -30px;
}
.overview-bottom .delivery > div,
.variant-overview .delivery > div {
margin: 8px 125px;
}
.product-tags-list {
padding: 25px 30px;
}
.product-variant-line {
padding: 30px;
}
.ui-tabs .ui-tabs-panel {
padding: 33px 35px;
}
/* REVIEW PAGE */
.write-review form {
padding: 30px 45px;
}
/* WISHLIST & COMPARE LIST */
.update-wishlist-button,
.wishlist-add-to-cart-button {
width: auto;
min-width: 180px;
margin: 0;
padding: 0 28px 0 48px;
}
.update-wishlist-button {
float: left;
}
.wishlist-add-to-cart-button {
float: right;
}
/* TOPICS */
.topic-password {
padding: 30px 45px;
}
/* CONTACT PAGE & EMAILaFRIEND */
.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form,
.contact-page .result,
.email-a-friend-page .result,
.apply-vendor-page .result {
padding: 30px 45px;
}
/* REGISTRATION, LOGIN, MY ACCOUNT */
.registration-page .form-fields,
.login-page .inner-wrapper,
.external-authentication,
.password-recovery-page .page-body,
.registration-page .message-error,
.account-page .message-error {
padding: 30px 45px;
}
.login-page .page-body {
padding: 52px 0 0;
}
.login-page .customer-blocks .title {
top: -52px;
width: 49%;
height: 52px;
}
.login-page .new-wrapper .title {
left: -1px;
}
.login-page .returning-wrapper .title {
right: -1px;
}
.account-page .fieldset .title,
.account-page .section .title {
padding: 40px 45px 0;
}
.account-page .form-fields,
.account-page .buttons,
.account-page .add-button,
.account-page .edit-address,
.account-page ul.info,
.account-page ul.details,
.account-page .description,
.reward-points-overview,
.account-page .no-data {
padding: 30px 45px;
}
.account-page .table-wrapper {
padding: 0 45px;
}
.avatar-page input[type="file"] {
max-width: none;
}
/* SHOPPING CART & CHECKOUT */
.common-buttons:after {
content: "";
display: block;
clear: both;
}
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button {
width: auto;
max-width: 50%;
margin: 0;
padding: 0 28px 0 48px;
}
.common-buttons .update-cart-button {
float: left;
}
.common-buttons .continue-shopping-button {
float: right;
}
.checkout-page .address-grid,
.checkout-page .enter-address,
.checkout-page .ship-to-same-address,
.checkout-page .pickup-in-store {
padding: 30px 45px;
}
.section.shipping-method,
.section.payment-method,
.section.payment-info,
.section.confirm-order,
.section.order-completed {
padding: 40px;
}
.payment-method .payment-logo img {
max-width: none;
}
.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
padding: 40px 45px;
}
.return-request-page .fieldset
.form-fields, .opc .step {
padding: 30px 45px;
}
#opc-confirm_order .table-wrapper {
margin: 0;
}
/* SEARCH PAGE & SITEMAP */
.search-input {
padding: 40px 45px;
}
.advanced-search .price-range input {
width: 80px;
}
.sitemap-page .entity-body {
padding: 30px 45px;
}
/* BLOG & NEWS */
.blog-page .post,
.news-items .news-item,
.blogpost-page .post,
.news-item-page .news-item,
.comment-list .comment,
.new-comment .form-fields {
padding: 30px 45px;
}
/* FORUM & PROFILE */
.forums-table-section .image {
padding: 20px 30px;
}
.forums-table-section-title .link-rss {
display: block;
position: absolute;
top: 21px;
right: 30px;
box-shadow: inset 0 0 5px 5px #f9f9f9;
}
.forum-edit-page .form-fields,
.move-topic-page .form-fields,
.private-message-send-page .form-fields,
.private-message-view-page .view-message {
padding: 30px 45px;
}
.private-messages-page .ui-tabs-panel {
padding: 45px 50px;
}
}
/*=====================================================
TABLETS LANDSCAPE & NETBOOKS
=====================================================*/
@media all and (min-width: 769px) {
/* GLOBAL STYLES */
/* GLOBAL FORMS */
/*.fieldset .title,
.section .title {
padding: 25px 60px;
}*/
/* GLOBAL TABLES */
.downloadable-products-page .data-table col:first-child,
.downloadable-products-page .data-table th:first-child,
.downloadable-products-page .data-table td:first-child {
display: none !important; /*hides counter*/
}
.reward-points-history .data-table col:first-child,
.reward-points-history .data-table th:first-child,
.reward-points-history .data-table td:first-child {
display: none !important; /*hides counter*/
}
.return-request-page col:first-child,
.return-request-page th:first-child,
.return-request-page td:first-child {
display: none !important; /*hides counter*/
}
/* NOTIFICATIONS & POPUPS */
.ui-dialog {
width: 400px !important;
}
/* HEADER */
/* HEADER MENU */
/* HOMEPAGE CAROUSELS */
.bestsellers {
display: block;
position: relative;
margin: 0 0 60px;
}
.bestsellers .title {
padding: 0 0 6px;
}
.bestsellers .item-grid {
position: static;
border: 1px solid #e9e9e9;
overflow: hidden;
background-color: #fff;
}
.bestsellers .owl-stage-outer {
margin: 0 -1px 0 1px;
}
.bestsellers .owl-stage {
background-color: #fff;
}
.bestsellers .owl-item {
float: left;
width: 50%;
}
.bestsellers .item-box {
width: 100% !important;
margin: 0 !important;
}
.bestsellers .product-item {
margin: 0 0 0 -1px;
border-width: 0 1px 1px;
border-color: #f0f0f0;
padding: 0 !important;
text-align: left;
}
.bestsellers .product-item:after {
content: "";
display: block;
clear: both;
}
.bestsellers .item-box:nth-child(3) .product-item {
border-bottom-width: 0; /*last item in each column*/
}
.bestsellers .picture {
float: left;
width: 40%;
margin: 0;
padding: 20px 10px 20px 20px;
}
.bestsellers .details {
float: right;
width: 60%;
padding: 20px 20px 20px 10px;
}
.bestsellers .product-title {
height: 20px;
margin: 0 0 8px;
padding: 0;
}
.bestsellers .product-title a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bestsellers .details .prices {
margin: 0 0 16px;
padding: 0;
}
.bestsellers .buttons-upper,
.bestsellers .buttons-lower {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.bestsellers input.button-2,
.bestsellers button.button-2 {
width: 36px !important;
height: 36px !important;
margin: 0 3px 0 0 !important;
background-color: #888;
background-image: url(/Themes/Pavilion/Content/img/product-box-sprite-big.png) !important;
}
.bestsellers .add-to-wishlist-button {
background-position: -36px center !important;
}
.bestsellers .product-box-add-to-cart-button {
background-position: right center;
}
.bestsellers .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.bestsellers .product-box-add-to-cart-button span:before,
.bestsellers .product-box-add-to-cart-button span:after {
display: none !important;
}
.bestsellers .owl-prev,
.bestsellers .owl-next {
position: absolute;
top: -2px;
width: 37px;
height: 37px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
transition: all 0.2s ease;
}
.bestsellers .owl-prev {
left: 0;
background-image: url(/Themes/Pavilion/Content/img/arrow-prev.png);
background-position: right center;
}
.bestsellers .owl-next {
right: 0;
background-image: url(/Themes/Pavilion/Content/img/arrow-next.png);
background-position: left center;
}
.bestsellers .owl-prev:hover {
background-color: #f74258;
background-position: left center;
}
.bestsellers .owl-next:hover {
background-color: #f74258;
background-position: right center;
}
/* FOOTER */
/* LEFT/RIGHT COLUMN */
.block {
width: 31.3333%;
margin: 0 1% 2%;
}
.block:nth-of-type(2n+1) {
clear: none;
}
.block:nth-of-type(3n+1) {
clear: both;
}
/* CATEGORY PAGE & GRIDS */
.product-selectors {
text-align: left;
}
.product-selectors > div {
margin: 0 20px 0 0;
}
.product-selectors .product-viewmode {
display: inline-block;
}
.product-selectors .product-viewmode span {
display: none;
vertical-align: middle;
}
.product-selectors .product-viewmode a {
display: inline-block;
width: 18px;
height: 16px;
margin: 0 8px 0 0;
background-color: #777;
background-image: url(/Themes/Pavilion/Content/img/viewmode-sprite.png);
background-position: center top;
background-repeat: no-repeat;
vertical-align: middle;
font-size: 0;
}
.product-selectors .product-viewmode a.grid {
background-position: 0 center;
}
.product-selectors .product-viewmode a.list {
background-position: -18px center;
}
.product-selectors .product-viewmode a.selected {
background-color: #f74258;
}
.product-selectors .product-page-size {
float: right;
margin: 0;
}
.item-box {
width: 32%; /*three per row*/
}
.item-box:nth-child(2n+1) {
clear: none; /*revert the second item*/
margin-left: 2%; /*revert the second item*/
}
.item-box:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.item-box .buttons {
text-align: left;
}
.product-list .item-box {
float: none;
width: auto;
margin: 0 0 40px;
}
.product-list .product-item:after {
content: "";
display: block;
clear: both;
}
.product-list .item-box .picture {
float: left;
width: 280px;
margin: 0;
}
.product-list .item-box .details {
margin: 0 0 0 280px;
padding: 30px 20px;
text-align: left;
}
.product-list .item-box .product-title {
height: auto;
margin: 0 0 10px;
padding: 0;
font-size: 16px;
font-weight: bold;
}
.product-list .item-box .prices,
.product-list .item-box .prices span {
padding: 0;
}
.product-list .item-box .description {
display: block;
}
.product-list .item-box .buttons-upper {
display: inline-block;
height: 45px;
padding: 4px 0;
background-color: transparent;
}
.product-list .item-box .buttons-upper input[type="button"] {
width: 37px;
height: 37px;
margin: 0 2px;
background-image: url(/Themes/Pavilion/Content/img/product-sprite-1.png);
}
.product-list .item-box input.add-to-compare-list-button {
background-position: -37px 0;
}
.product-list .item-box input.add-to-wishlist-button {
background-position: 0 0;
}
.product-list .item-box .buttons-lower {
float: left;
margin: 0 5px 0 0;
}
.product-list .item-box .buttons-lower button {
display: inline-block;
width: auto;
outline: 1px solid transparent;
background: #f74258 url(/Themes/Pavilion/Content/img/cart-button-2.png) left center no-repeat;
padding: 0 28px 0 48px;
vertical-align: middle;
}
.product-list .item-box .buttons-lower button span {
background-color: transparent;
padding: 0;
color: #fff;
}
.product-list .item-box .buttons-lower button span:before,
.product-list .item-box .buttons-lower button span:after {
display: none;
}
.product-list .item-box .buttons-lower button:hover {
outline-color: #f74258;
}
.product-list .item-box .attribute-squares {
text-align: left;
}
.product-list .item-box .attribute-squares li {
margin: 4px 8px 4px 0;
}
/* PRODUCT PAGE */
.product-essential {
padding: 30px 20px;
}
.gallery {
float: left;
width: 48%;
margin: 0 0 -10px;
}
.gallery .picture {
width: auto;
}
.gallery .picture-thumbs {
text-align: left;
}
.gallery .thumb-item {
width: 18%;
margin: 0 1% 10px;
}
.overview {
float: right;
width: 49%;
margin: 0 0 -10px;
text-align: left;
}
.product-reviews-overview > div {
float: left;
}
.product-review-box {
margin: 3px 12px 0 0;
}
.overview .prices > div,
.variant-overview .prices > div {
display: inline-block;
margin: 0 5px 5px 0;
}
.discounted-price label {
display: none;
vertical-align: baseline;
font-size: 14px;
}
.discounted-price span {
vertical-align: baseline;
}
div.rental-price {
display: block !important;
}
/*.overview .tax-shipping-info,
.variant-overview .tax-shipping-info {
display: block !important;
}*/
.overview-bottom {
clear: both;
margin: 0;
}
.overview-bottom:after {
content: "";
display: block;
clear: both;
}
.product-social-buttons {
position: relative;
bottom: -30px;
float: left;
height: 54px;
margin: 0;
padding: 10px 0 0;
}
.product-social-buttons label,
.product-social-buttons ul {
height: 24px;
line-height: 24px;
vertical-align: middle;
}
.product-social-buttons label {
display: inline-block;
}
.overview-bottom .delivery,
.variant-overview .delivery {
position: relative;
right: -20px;
bottom: -30px;
float: right;
height: 54px;
margin: 0;
padding: 10px 20px 10px 5px;
}
.overview-bottom .delivery:before,
.variant-overview .delivery:before {
content: "";
position: absolute;
bottom: 0;
left: -40px;
border-width: 27px 20px;
border-style: dashed solid solid dashed;
border-color: transparent #f9f9f9 #f9f9f9 transparent;
}
.overview-bottom .delivery > div,
.variant-overview .delivery > div {
margin: 8px;
}
.group-product .overview-buttons {
margin: -15px 0 15px;
vertical-align: middle;
}
.group-product .product-social-buttons {
position: static;
float: none;
height: auto;
padding: 10px 0;
}
.group-product .product-social-buttons ul {
float: none;
}
.tier-prices .prices-table {
display: table;
width: 100%;
border: none;
border-collapse: collapse;
}
.tier-prices .prices-row {
display: table-row;
float: none;
width: auto;
border-top: 1px solid #e9e9e9;
}
.tier-prices .prices-row:first-child {
border-top: none;
}
.tier-prices .prices-row > div {
display: table-cell;
border: none !important;
}
.tier-prices .field-header {
min-width: 100px;
}
.product-specs-box .data-table td {
width: auto;
border-left: none;
text-align: left;
}
.product-variant-line {
padding: 30px 20px;
}
.variant-picture {
float: left;
margin: 0;
}
.variant-picture + .variant-overview {
width: auto;
margin: 0 0 0 340px;
}
.variant-overview {
text-align: left;
}
.variant-overview .add-to-wishlist {
margin: 0 3px;
}
.attribute-item {
display: inline-block;
margin: 0 10px 0 0;
}
.rental-attributes dt {
min-width: 75px;
}
.rental-attributes .datepicker {
width: 120px;
text-align: left;
}
.attribute-squares {
margin: 0 0 -10px;
text-align: left;
}
.attribute-squares li {
margin: 5px 10px 5px 0;
}
.ui-tabs .ui-tabs-nav li {
display: inline-block;
border: none;
}
.ui-tabs .ui-tabs-nav li a {
padding: 12px 22px;
}
.ui-tabs .ui-tabs-nav li a:after {
bottom: 0;
}
/* REVIEW PAGE */
.product-reviews-page .page-body {
text-align: left;
}
.ui-tabs .product-review-item {
padding: 30px;
}
.product-review-item .review-info {
float: left;
}
.product-review-helpfulness {
float: right;
}
.write-review form {
padding: 30px 60px;
}
/* WISHLIST & COMPARE LIST */
.compare-products-table-mobile img {
max-width: 150px;
}
/* TOPICS */
.topic-password {
padding: 30px 60px;
}
/* CONTACT PAGE & EMAILaFRIEND */
.contact-page .page-body,
.email-a-friend-page .page-body,
.apply-vendor-page .page-body {
text-align: left;
}
.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form,
.contact-page .result,
.email-a-friend-page .result,
.apply-vendor-page .result {
padding: 30px 60px;
}
/* REGISTRATION, LOGIN, MY ACCOUNT */
.registration-page .form-fields,
.login-page .inner-wrapper,
.external-authentication,
.password-recovery-page .page-body,
.registration-page .message-error,
.account-page .message-error {
padding: 30px 60px;
}
.account-page .fieldset .title,
.account-page .section .title {
padding: 40px 60px 0;
}
.account-page .form-fields,
.account-page .buttons,
.account-page .add-button,
.account-page .edit-address,
.account-page ul.info,
.account-page ul.details,
.account-page .description,
.reward-points-overview,
.account-page .no-data {
padding: 30px 60px;
}
.account-page .table-wrapper {
padding: 0 60px;
}
.account-page .address-item,
.account-page .order-item {
float: left;
width: 50%;
border-width: 0;
}
.account-page .address-item:nth-child(2n+1),
.account-page .order-item:nth-child(2n+1) {
clear: both;
}
.account-page .add-button {
clear: both;
}
/* SHOPPING CART & CHECKOUT */
.cart-options {
text-align: right;
}
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button {
max-width: none;
min-width: 230px;
}
.cart-footer .cart-collaterals {
float: left;
width: 52%;
}
.cart-footer .totals {
float: right;
width: 45%;
}
.cart-collaterals .accordion-tab-title {
text-align: left;
}
.cart-collaterals .estimate-shipping-button {
width: auto;
min-width: 220px;
}
.cart-collaterals .checkout-attributes {
text-align: left;
}
.cart-collaterals .checkout-attributes .attribute-squares li {
margin: 5px 10px 5px 0;
}
.checkout-page .address-grid,
.checkout-page .enter-address,
.checkout-page .ship-to-same-address,
.checkout-page .pickup-in-store {
padding: 30px 60px;
}
.checkout-page .address-item {
float: left;
width: 45%;
margin: 5% 0 0 10%;
text-align: left;
}
.checkout-page .address-item:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.checkout-page .address-item:nth-child(-n+2) {
margin-top: 0;
}
.checkout-page .address-item:only-child {
float: none;
width: auto;
margin: auto;
text-align: center;
}
.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
float: left;
width: 48%;
margin: 0 0 0 4%;
text-align: left;
}
.order-review-data ul:first-child,
.order-details-area ul:first-child,
.shipment-details-area ul:first-child {
margin: 0;
}
.order-details-page .page-title h1 {
float: left;
margin: 0;
}
.order-details-page .page-title a {
float: right;
margin: -8px 5px 0;
}
.order-details-page .order-overview {
text-align: left;
}
.order-details-page .order-info span {
display: inline-block;
margin: 5px 10px 5px 0;
}
.order-details-page .options {
text-align: right;
}
.order-details-page .actions input {
margin: 0 0 0 10px;
}
.order-details-page .totals {
width: 45%;
margin-left: auto;
}
.return-request-page .fieldset
.form-fields, .opc .step {
padding: 30px 60px;
}
.opc .step,
.opc div.buttons,
.opc .pickup-in-store,
.opc .ship-to-same-address {
text-align: left;
}
#opc-confirm_order .totals {
float: none;
width: auto;
}
#opc-confirm_order div.buttons {
text-align: center;
}
/* SEARCH & SITEMAP */
/* BLOG & NEWS */
.blog-page .post,
.news-items .news-item,
.blogpost-page .post,
.news-item-page .news-item,
.comment-list .comment,
.new-comment .form-fields {
padding: 30px 50px;
}
.post-head ~ *,
.news-head ~ * {
display: block;
}
.blog-page .tags {
float: left;
}
.blog-page .tags label,
.blogpost-page .tags label {
float: left;
margin: 0 10px 0 0;
line-height: 32px;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
float: left;
text-align: left;
}
.blog-page .tags ul {
max-width: 400px;
}
.blog-posts .buttons {
float: right;
text-align: right;
}
.blog-posts .read-more,
.blog-posts .read-comments {
padding: 0;
}
.comment-info {
float: left;
margin: 0;
}
.comment-info + .comment-content {
margin: 0 0 0 185px;
}
.comment-content {
text-align: left;
}
.new-comment input[type="text"] {
width: 400px;
}
.new-comment textarea {
width: 600px;
}
.news-list-homepage .news-items {
overflow: hidden;
}
.news-list-homepage .news-item {
float: left;
width: 49%;
margin: 0 0 20px 2%;
padding: 30px;
text-align: left;
}
.news-list-homepage .news-item:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.news-list-homepage .news-body {
height: 120px;
overflow: hidden;
}
.news-list-homepage .buttons {
text-align: left;
}
.news-list-homepage .view-all {
margin-top: 10px;
}
/* FORUM & PROFILE */
.topic-post {
overflow: hidden;
text-align: left;
}
.topic-post .post-info {
float: left;
width: 23%;
margin: 0;
}
.topic-post .user-info {
width: auto;
}
.topic-post .user-stats li {
display: block;
margin: 0;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
margin: 0 0 0 -9px;
}
.topic-post .post-content {
float: right;
width: 77%;
}
.topic-post .post-head:after {
content: "";
display: block;
clear: both;
}
.topic-post .post-time {
float: left;
margin: 0;
line-height: 34px; /*1px less, because of italic font*/
}
.topic-post .post-time label {
display: none;
}
.topic-post .post-actions {
float: right;
margin: 0;
}
.topic-post .post-actions > div {
display: inline-block;
margin: 0;
vertical-align: middle;
}
.topic-post .post-actions a {
margin: 0;
line-height: 20px;
}
.topic-post .post-actions .manage-post a {
margin: 0 5px;
box-shadow: none;
}
.topic-post .post-actions .manage-post a:hover {
background-color: #f74258;
}
.topic-post .post-actions .post-link-button {
margin: 0 0 0 10px;
border-left: 1px solid #ddd;
text-align: center;
}
.topic-post .post-actions .quote-post a {
min-width: 70px;
}
.forum-edit-page .form-fields,
.move-topic-page .form-fields,
.private-message-send-page .form-fields,
.private-message-view-page .view-message {
padding: 30px 60px;
}
.private-message-view-page .back-pm-button {
float: right;
}
.profile-page .topic-body {
padding: 0 30px;
}
}
/*=====================================================
DESKTOP
=====================================================*/
@media all and (min-width: 1001px) {
/* GLOBAL STYLES */
.master-wrapper-content {
width: 980px;
min-height: 300px;
margin: auto;
}
.customer-pages-body .master-wrapper-content {
padding: 70px 0 0;
}
.product-details-page-body .center-1 {
margin: 0 0 90px;
}
.center-2 {
float: right;
width: 715px;
margin: 0 0 90px;
}
.side-2 {
float: left;
width: 245px;
}
.page {
clear: both;
text-align: left;
}
.center-2 .page .page-title {
display: none;
}
.side-2 .page-title {
margin: 0 0 15px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 20px 25px;
}
.side-2 .page-title h1 {
font-size: 15px;
color: #f74258;
text-transform: uppercase;
}
/*.category-page-body .block-category-navigation,
.manufacturer-page-body .block-manufacturer-navigation,
.manufacturer-all-page-body .block-manufacturer-navigation,
.vendor-all-page-body .block-vendor-navigation,
.vendor-page-body .block-vendor-navigation,
.product-tags-all-page-body .block-popular-tags,
.products-by-tag-page-body .block-popular-tags,
.recently-viewed-products-page-body .block-category-navigation,
.recently-added-products-page-body .block-category-navigation,
.compare-products-page-body .block-category-navigation,
.search-page-body .block-category-navigation {
}*/
.category-page-body .block-category-navigation,
.manufacturer-page-body .block-manufacturer-navigation,
.manufacturer-all-page-body .block-manufacturer-navigation,
.vendor-all-page-body .block-vendor-navigation,
.vendor-page-body .block-vendor-navigation {
margin: -16px 0 0;
background-color: #fff;
padding-top: 15px;
}
.category-page-body .block-category-navigation .title,
.manufacturer-page-body .block-manufacturer-navigation .title,
.manufacturer-all-page-body .block-manufacturer-navigation .title,
.vendor-all-page-body .block-vendor-navigation .title,
.vendor-page-body .block-vendor-navigation .title {
display: none;
}
.category-page-body .page-title + .block-category-navigation .listbox,
.manufacturer-page-body .page-title + .block-manufacturer-navigation .listbox,
.manufacturer-all-page-body .page-title + .block-manufacturer-navigation .listbox,
.vendor-all-page-body .page-title + .block-vendor-navigation .listbox,
.vendor-page-body .page-title + .block-vendor-navigation .listbox {
margin-top: 0;
}
.link-rss {
display: block;
float: right;
margin: 5px 0 0;
}
/* GLOBAL FORMS */
/* GLOBAL TABLES */
.cart .subtotal {
white-space: nowrap;
}
.order-details-page .data-table col:first-child,
.order-details-page .data-table th:first-child,
.order-details-page .data-table td:first-child {
display: none !important; /*hides counter*/
}
.forums-table-section col:first-child,
.forums-table-section th:first-child,
.forums-table-section td:first-child {
display: none !important; /*hides counter*/
}
/* NOTIFICATIONS & POPUPS */
/* HEADER */
.header {
position: relative;
z-index: 1020;
margin: 0 0 60px;
}
.header .center {
width: 980px;
margin: auto;
}
.header-upper {
height: 42px;
background-color: #ffffff;
border-bottom: 1px solid #eaeaea;
}
.admin-header-links {
float: left;
height: 42px;
}
.admin-header-links a {
color: #444;
background-color: #000000;
padding-left: 30px;
padding-right: 30px;
color: white;
font-weight: bold;
}
.header-links-wrapper,
.header-selectors-wrapper {
position: relative;
float: right;
height: 42px;
margin: 0 0 0 20px;
transition: all 0.2s ease;
}
.header-links-wrapper label {
display: block;
padding: 0 0 0 20px;
background-image: url(/Themes/Pavilion/Content/img/header-sprite-2.png);
background-repeat: no-repeat;
line-height: 42px;
font-weight: bold;
font-size: 12px;
}
.header-selectors-wrapper label {
display: block;
padding: 0 0 0 0px;
background-repeat: no-repeat;
line-height: 42px;
font-weight: bold;
font-size: 11px;
}
.header-links-wrapper label {
background-position: left 0;
}
.header-selectors-wrapper label {
background-position: left -40px;
}
.header-links,
.header-selectors {
display: none;
position: absolute;
left: -15px;
z-index: 1020;
min-width: 150px;
background-color: #fff;
border-top: 3px solid #f74258;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
}
.header-links-wrapper:hover > div,
.header-selectors-wrapper:hover > div,
.header-selectors-wrapper > div.active {
display: block;
}
.header-links ul {
}
.header-links li {
padding: 0 16px;
}
.header-links li:first-child {
padding-top: 4px;
}
.header-links li:last-child {
padding-bottom: 4px;
}
.header-links li:hover {
background-color: #f9f9f9;
}
.header-links a {
display: block;
padding: 10px 0 10px 24px;
font-size: 12px;
font-weight: 600;
}
.header-links .ico-account {
background-position: left -5px;
}
.header-links .ico-register {
background-position: left -53px;
}
.header-links .ico-login,
.header-links .ico-logout {
background-position: left -101px;
}
.header-links .ico-inbox {
background-position: left -149px;
}
.header-links .ico-wishlist {
background-position: left -197px;
}
.header-selectors {
text-align: center;
}
.header-selectors > div {
border-top: 1px solid #f6f6f6;
padding: 15px;
}
.header-selectors > div:first-child {
border-top: none;
}
.header-selectors select {
border-color: #e9e9e9;
}
.header-middle {
background-color: #fff;
padding: 20px 0;
}
.header-middle .center {
display: table;
}
.header-logo {
display: table-cell;
width: 15%;
padding: 0 24px 0 0;
vertical-align: middle;
}
.header-menu-parent {
display: table-cell;
vertical-align: middle
}
.header-menu {
position: relative;
z-index: 1010;
text-align: left;
}
.header-menu > ul {
font-size: 0;
}
.header-menu > ul > li {
display: inline-block;
vertical-align: middle;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span {
display: block;
padding: 5px 20px;
font-size: 12px; /*reset zeroing*/
font-weight: bold;
color: #333;
text-transform: uppercase;
cursor: pointer;
}
.flyout-cart-wrapper {
position: relative;
display: table-cell;
width: 190px; /*prevents the cell from expanding when header menu is empty*/
padding: 0 0 0 32px;
vertical-align: middle;
text-align: right;
}
.cart-trigger {
display: inline-block;
position: relative;
height: 52px;
border: 1px solid #f0f0f0;
padding: 0 19px 0 18px;
line-height: 52px;
font-size: 13px;
color: #777;
white-space: nowrap;
transition: all 0.2s ease;
}
.cart-trigger:before {
content: "";
position: absolute;
top: -1px;
left: -32px;
width: 32px;
height: 52px;
background: #f74258 url(/Themes/Pavilion/Content/img/flyout-cart.png) center no-repeat;
}
.cart-trigger .cart-qty,
.cart-trigger .cart-label {
font-weight: bold;
color: #555;
transition: all 0.2s ease;
}
.flyout-cart {
display: none;
position: absolute;
right: 0;
z-index: 1;
width: 350px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background: #fff;
}
.flyout-cart-wrapper:hover .cart-trigger {
border-color: #f74258;
background-color: #f74258;
color: #fff;
}
.flyout-cart-wrapper:hover .cart-qty,
.flyout-cart-wrapper:hover .cart-label {
color: #fff;
}
.flyout-cart-wrapper:hover .flyout-cart {
display: block;
}
.mini-shopping-cart {
text-align: left;
}
.mini-shopping-cart .count {
display: none;
}
.mini-shopping-cart .item {
padding: 25px 20px;
}
.mini-shopping-cart .attributes {
margin: 10px 0;
}
.mini-shopping-cart .totals {
text-align: right;
}
.mini-shopping-cart .buttons {
overflow: hidden;
padding: 12px 15px;
text-align: right;
}
.mini-shopping-cart input.cart-button {
float: left;
width: 49%;
}
.mini-shopping-cart input.checkout-button {
float: right;
width: 49%;
}
.mini-shopping-cart input[type="button"]:only-child {
float: none;
width: auto;
}
.header-lower {
padding: 9px 0;
}
.header-lower .center {
position: relative;
height: 47px; /*equals to search-button height. added to bulletproof category navigation stack*/
}
.category-navigation-title {
position: absolute;
bottom: -9px;
left: 0;
z-index: 2;
width: 245px;
height: 55px;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 0 20px;
font-size: 15px;
line-height: 53px;
font-weight: bold;
color: #333;
text-transform: uppercase;
cursor: pointer;
}
.category-navigation-title:after {
content: "";
position: absolute;
top: 19px;
right: 19px;
width: 17px;
height: 15px;
background: #f74258 url(/Themes/Pavilion/Content/img/category-nav.png) center no-repeat;
}
.home-page-body .category-navigation-title {
cursor: auto;
}
.category-navigation-list-wrapper {
position: absolute;
top: 54px;
left: 0;
z-index: 1;
width: 245px;
}
.home-page .category-navigation-list-wrapper {
position: static;
margin: -31px 0 0;
}
.category-navigation-list {
display: none;
border: 1px solid #e9e9e9;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
background-color: #fff;
}
.home-page-body .category-navigation-list {
position: relative; /*prevent flyout z-index conflict with owl-carousel*/
z-index: 2; /*prevent flyout z-index conflict with owl-carousel*/
}
.home-page .category-navigation-list {
box-shadow: none;
}
.category-navigation-list .plus-button,
.category-navigation-list .back-button {
display: none;
}
.category-navigation-list > li {
position: relative;
border-top: 1px solid #f6f6f6;
}
.category-navigation-list > li:first-child {
border: none;
}
.category-navigation-list > li > a,
.category-navigation-list > li > span {
display: block;
min-height: 46px; /*chrome line-height fix*/
padding: 13px 20px;
}
.category-navigation-list > li:hover > a,
.category-navigation-list > li:hover > span {
background-color: #f9f9f9;
color: #f74258;
}
.categories-in-side-panel .root-category-items {
display: none; /*side navigation disables header menu categories*/
}
.categories-in-side-panel .root-category-items.store-locator {
display: inline-block !important; /*store locator always visible*/
}
.category-navigation-list > li.store-locator {
display: none; /*store locator in side panel always hidden*/
}
.category-navigation-list > li > .sublist-wrap,
.header-menu > ul > li > .sublist-wrap { /*this is the flyout panel*/
display: none;
position: absolute;
top: -14px;
left: 243px;
width: 736px;
}
.header-menu > ul > li > .sublist-wrap {
top: auto;
left: 0;
width: 980px;
margin: 0 0 0 -196px; /*depends on logo cell width, which is always fixed*/
}
.category-navigation-list > li:first-child > .sublist-wrap {
top: 0;
}
.category-navigation-list > li:hover > .sublist-wrap,
.header-menu > ul > li:hover > .sublist-wrap { /*this is the flyout opening*/
display: block;
}
.category-navigation-list > li > .sublist-wrap > .sublist,
.header-menu > ul > li > .sublist-wrap > .sublist { /*this is the inner list inside the flyout panel*/
overflow: hidden;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
padding: 15px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li,
.header-menu > ul > li > .sublist-wrap > .sublist > li { /*this is a subcategory item (contains a list)*/
float: left;
width: 25%;
padding: 10px;
font-size: 13px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li:nth-child(4n+6),
.header-menu > ul > li > .sublist-wrap > .sublist > li:nth-child(4n+6) {
clear: both; /*this clears the 6th, and after that every 4th element, edit nth child number if "back button" is removed from the markup*/
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > a,
.header-menu > ul > li > .sublist-wrap > .sublist > li > a { /*this is a subcategory item title (list title)*/
display: block;
margin: 0 0 4px;
border-bottom: 1px solid #e3e3e3;
padding: 0 0 5px;
font-weight: 600;
font-size: 11px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li,
.header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li { /*this is a sub-subcategory item*/
padding: 6px 0;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
.header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover {
color: #f74258;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist ul,
.header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist ul { /*deeper level subcategories remain hidden*/
display: none;
}
.category-navigation-list.sticky-flyout {
position: relative;
}
.category-navigation-list.sticky-flyout > li {
position: static;
}
.category-navigation-list.sticky-flyout > li > .sublist-wrap {
top: 0 !important;
}
.store-search-box {
float: right;
clear: right;
margin: 0;
}
.store-search-box .search-box-button {
margin: 0 0 0 5px;
}
.ui-autocomplete {
z-index: 1015;
}
.store-search-box.full-width input.search-box-text {
width: 918px;
}
/* RESPONSIVE RESET */
.responsive-nav-wrapper-parent {
display: none;
}
.menu-title, .close-menu,
.header-menu .back-button {
display: none;
}
.overlayOffCanvas {
display: none !important;
}
/* HOMEPAGE COLUMNS */
.two-columns-area {
margin: 0 0 50px;
}
.two-columns-area > .center {
width: 980px;
margin: auto;
}
.two-columns-area > .center:after {
content: "";
display: block;
clear: both;
}
.two-colums-area-left {
position: relative;
z-index: 1;
float: left;
width: 245px;
}
.two-colums-area-right {
position: relative;
z-index: 0;
float: right;
width: 708px;
}
.slider-fullwidth {
margin-top: -60px;
}
.slider-right-column {
margin-top: -35px;
}
.slider-right-column
.category-navigation-list-wrapper {
position: static;
margin-top: -26px;
}
.slider-right-column
.category-navigation-list {
box-shadow: none;
}
.two-columns-area .jCarouselMainWrapper:only-of-type {
margin: 20px 0 0;
}
.two-columns-area .slider-wrapper ~ .jCarouselMainWrapper,
.two-columns-area.slider-fullwidth .jCarouselMainWrapper {
margin: 45px 0 0 !important;
}
/* HOMEPAGE CAROUSELS */
.two-columns-area .home-page-product-grid {
display: block;
margin: 45px 0 0;
border: 1px solid #e9e9e9;
background-color: #fff;
}
.two-columns-area.slider-right-column
.home-page-product-grid:first-child {
margin-top: 0;
}
.two-columns-area .home-page-product-grid .title {
margin: 0;
border: none;
padding: 15px 20px;
font-size: 16px;
text-align: center;
}
.two-columns-area .home-page-product-grid .item-box {
width: 100%;
margin: 0;
}
.two-columns-area .home-page-product-grid .product-item {
border: none;
padding: 0 !important;
}
.two-columns-area .home-page-product-grid .product-rating-box,
.two-columns-area .home-page-product-grid .buttons-upper,
.two-columns-area .home-page-product-grid .buttons-lower {
display: none !important;
}
.two-columns-area .owl-carousel .prices {
margin: 0; /*this is not applied until the carousel is rendered*/
}
.two-columns-area .owl-carousel .owl-controls {
padding: 18px 20px;
text-align: center;
font-size: 0;
}
.two-columns-area .owl-carousel .owl-dot {
display: inline-block;
margin: 0 5px;
}
.two-columns-area .owl-carousel .owl-dot span {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #c9c9c9;
}
.two-columns-area .owl-carousel .owl-dot.active span {
background-color: #f74258;
}
.bestsellers {
float: left;
width: 66%;
}
.bestsellers:only-child {
float: none;
width: auto;
}
.bestsellers .owl-prev {
right: 37px;
left: auto;
}
.bestsellers .product-item {
height: 170px; /*use fixed height to prevent browser differences*/
}
.bestsellers .picture a {
max-height: 128px; /*prevents image overflow when there is no rich blog carousel enabled*/
overflow: hidden;
}
.bestsellers .picture a img {
max-height: 100%; /*prevents image cropping when there is no rich blog carousel enabled*/
}
.homepage-middle-wrapper:after {
content: "";
display: block;
clear: both;
}
.product-grid.bestsellers .item-box:hover .buttons-lower input,
.product-grid.bestsellers .item-box:hover .buttons-lower button {
background-color: #888; /*long inheritance path to override default buy button*/
}
.product-grid.bestsellers .item-box .buttons-lower input:hover,
.product-grid.bestsellers .item-box .buttons-lower button:hover {
background-color: #f74258; /*long inheritance path to override default buy button*/
}
/* FOOTER */
.footer {
text-align: left;
}
.footer .center {
width: 980px;
margin: auto;
}
.footer .center:after {
content: "";
display: block;
clear: both;
}
.footer-upper {
padding: 15px 0;
}
.footer-block ul {
background-color: transparent;
}
.newsletter {
float: left;
}
.newsletter .title {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle;
}
.newsletter-subscribe {
display: inline-block;
vertical-align: middle;
}
.newsletter-validation {
display: none;
}
.social-sharing {
float: right;
margin: 0;
line-height: 47px;
}
.social-sharing li {
vertical-align: middle;
}
.footer-middle {
padding: 60px 0 30px;
}
.footer-block {
float: left;
width: 25%;
}
.footer-block .title {
margin: 0 0 12px;
border: none;
padding: 0;
}
.footer-block .title:after {
display: none;
}
.footer-block ul {
display: block !important;
border: none;
}
.footer-block li {
padding: 6px 0;
}
.footer-block.quick-contact li {
padding: 6px 0 16px;
}
.footer-block.quick-contact span {
padding: 0 0 0 28px;
}
.footer-lower {
background-color: #f6f6f6;
padding: 0;
text-align: center;
}
.footer-lower .center {
border-top: 1px solid #e9e9e9;
padding: 30px 0;
}
/* LEFT/RIGHT COLUMN */
.block {
float: none;
width: auto;
margin: -1px 0 0;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
}
.block:first-child,
.page-title + .block {
border-top-color: #e9e9e9;
}
.block .title {
border: none;
background-image: none;
padding: 20px 25px;
cursor: default;
}
.block .listbox {
display: block;
margin: -5px 0 0;
border: none;
padding-top: 0 !important;
}
.block .view-all {
margin: 12px 0 4px;
}
.block-category-navigation {
display: none;
}
.category-page-body .block-category-navigation {
display: block;
}
.block-category-navigation .listbox {
display: none !important;
}
.block-category-navigation .listbox.category-page-navigation {
display: block !important;
}
.block-recently-viewed-products {
font-size: 0;
}
.block-recently-viewed-products .product-picture {
display: inline-block;
width: 25%;
vertical-align: middle;
}
.block-recently-viewed-products .product-name {
display: inline-block;
width: 75%;
padding: 0 0 0 15px;
vertical-align: middle;
font-size: 14px; /*reset zeroing*/
}
.recently-viewed-products-page-body .block-recently-viewed-products,
.product-tags-all-page-body .block-popular-tags {
display: none;
}
.recently-viewed-products-page-body .block-recently-viewed-products + .block,
.product-tags-all-page-body .block-popular-tags + .block {
border-top-color: #e9e9e9;
}
/*.recently-viewed-products-page-body .block-category-navigation,
.recently-added-products-page-body .block-category-navigation,
.compare-products-page-body .block-category-navigation,
.search-page-body .block-category-navigation {
display: block;
}
.recently-viewed-products-page-body .block-category-navigation .listbox,
.recently-added-products-page-body .block-category-navigation .listbox,
.compare-products-page-body .block-category-navigation .listbox,
.search-page-body .block-category-navigation .listbox {
display: block !important;
}*/
/* CATEGORY PAGE & GRIDS */
.breadcrumb {
margin-top: -10px;
text-align: left;
}
.breadcrumb li > * {
margin-left: 0;
}
.breadcrumb a:hover {
color: #f74258;
}
.sub-category-item .title,
.manufacturer-item .title,
.vendor-item .title {
width: auto;
}
.sub-category-details,
.manufacturer-details,
.vendor-details {
display: block;
}
.manufacturer-details,
.vendor-details {
padding: 38% 0;
text-align: center;
transition: all 0.4s ease;
}
.manufacturer-details .view-all:hover,
.vendor-details .view-all:hover {
color: #333;
}
.product-grid .item-box .product-item {
padding: 0 0 45px;
}
.product-grid .item-box .buttons-upper {
position: absolute;
bottom: 15px;
left: 0;
z-index: 1;
width: 100%;
height: 30px;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
overflow: hidden;
transition: all 0.2s ease;
}
.product-grid .item-box .buttons-lower {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 45px;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
background-color: #fff;
transition: all 0.2s ease;
}
.product-grid .item-box:hover .buttons-lower {
bottom: -29px;
z-index: 0;
}
.product-grid .item-box:hover .buttons-lower button {
background-color: #f74258;
}
.product-grid .item-box:hover .buttons-lower button span {
background-color: #f74258;
color: #fff;
}
.product-grid .item-box:hover .buttons-lower button span:before {
opacity: 0;
}
.product-grid .item-box:hover .buttons-lower button span:after {
opacity: 1;
}
.center-1 .product-grid .item-box {
width: 23.5%;
}
.center-1 .product-grid .item-box:nth-child(3n+1) {
clear: none;
margin-left: 2%;
}
.center-1 .product-grid .item-box:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
/* PRODUCT PAGE */
.product-essential {
padding: 35px;
}
.gallery {
width: 44%;
}
.gallery .thumb-item {
width: 23%;
height: 80px;
margin: 0 1% 10px;
}
.overview {
width: 54%;
}
.overview .stock {
display: inline-block;
margin: 0 10px 0 0;
}
.variant-overview .stock {
display: inline-block;
margin: 0 10px 10px 0;
}
.overview .back-in-stock-subscription {
display: inline-block;
margin: 0 0 15px;
}
.product-social-buttons {
bottom: -35px;
}
.overview-bottom .delivery,
.variant-overview .delivery {
right: -35px;
bottom: -35px;
}
.group-product .product-social-buttons {
margin: 0;
}
.product-variant-line {
padding: 35px;
}
.attributes dt {
float: left;
clear: left;
margin-right: 10px;
}
.attributes dt label {
line-height: 38px;
}
.attributes dd {
float: left;
margin-right: 10px;
}
.attribute-item > div {
display: inline-block;
margin: 0 10px 0 0;
white-space: nowrap;
}
.giftcard label {
display: inline-block;
min-width: 120px;
margin: 0 10px 0 0;
}
/* REVIEW PAGE */
/* WISHLIST & COMPARE LIST */
.compare-products-page .clear-list {
position: absolute;
top: -30px;
right: 0;
color: #f74258;
text-transform: none;
}
.compare-products-page .clear-list:hover {
text-decoration: underline;
}
.compare-products-page .table-wrapper {
overflow: hidden;
}
.compare-products-table {
display: table;
}
.compare-products-table .remove-product td {
border-top-color: #e9e9e9;
padding-bottom: 0;
}
.compare-products-table .product-picture td,
.compare-products-table .product-name td,
.compare-products-table .product-price td {
border-top: 0;
}
.compare-products-table .short-description td,
.compare-products-table .full-description td {
vertical-align: top;
}
.compare-products-table .picture {
display: block;
width: 145px;
}
.compare-products-table-mobile {
display: none;
}
/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */
#check-availability-button {
display: block;
margin: 15px auto -15px;
}
.account-page #check-availability-button {
margin: 15px 0 -15px;
}
.account-page #username-availabilty {
text-align: left;
}
.center-2 .account-page .page-title {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-width: 0 0 1px;
}
.block-account-navigation {
margin: 0 !important;
}
.block-account-navigation .list {
text-align: left;
}
.block-account-navigation .list li {
margin: 0 10px 0 0;
}
.block-account-navigation .list a:hover {
max-width: 500px; /*this releases the width, set to some big value*/
}
.block-account-navigation .list a:hover,
.block-account-navigation .list a.active {
padding: 0 30px 0 0; /*IE9 fix, otherwise this line should be in the main <a> definition in styles.css, not in hover/active and not in @1000px*/
}
.account-page .form-fields,
.account-page .edit-address {
margin: 0;
}
.account-page .vat-status,
.account-page .vat-note {
text-align: left;
}
.account-page .buttons {
text-align: left;
}
.account-page ul.info {
text-align: left;
}
.account-page ul.info + .buttons {
position: absolute;
right: 15px;
bottom: 5px;
margin: 0;
}
.account-page .address-item,
.account-page .order-item {
float: none;
width: auto;
border-width: 1px 0 0;
}
.reward-points-page th,
.reward-points-page td {
text-align: left;
}
/* SHOPPING CART & CHECKOUT */
.order-progress {
position: absolute;
top: 5px;
right: 0;
background-color: #f6f6f6;
}
.order-progress li {
margin: 0 2px;
}
.order-progress li:first-child a {
padding-left: 20px;
}
.order-progress li:first-child a:before {
display: none;
}
.order-progress li:last-child a {
padding-right: 24px;
}
.order-progress li:last-child a:after {
display: none;
}
.shopping-cart-page .page-title,
.checkout-page .page-title {
min-height: 37px; /*chrome line-height fix*/
padding: 0 0 5px;
}
.shopping-cart-page .tax-shipping-info {
text-align: right;
}
.cart-footer .cart-collaterals {
width: 58%;
margin: 0;
}
.cart-footer .totals {
width: 40%;
margin: 0;
text-align: center;
}
.cart-collaterals .hint {
margin: 0 0 25px;
}
.cart-collaterals .shipping label {
display: inline-block;
width: 25%;
margin: 0;
}
.cart-collaterals .shipping label + select,
.cart-collaterals .shipping label + input {
width: 75%;
}
.cart-collaterals .shipping .buttons {
text-align: left;
}
.cart-collaterals .coupon-code {
width: auto;
}
.cart-collaterals .coupon-code:after {
content: "";
display: block;
clear: both;
}
.cart-collaterals .coupon-code input[type="text"] {
float: left;
width: 63%;
margin: 0 1%;
}
.cart-collaterals .coupon-code input[type="submit"] {
float: left;
width: 33%;
margin: 0 1%;
}
.checkout-page .address-item {
width: 30%;
margin: 4% 0 0 5%;
}
.checkout-page .address-item:nth-child(2n+1) {
clear: none;
margin-left: 5%;
}
.checkout-page .address-item:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.checkout-page .address-item:nth-child(-n+3) {
margin-top: 0;
}
.checkout-page .address-item:only-child {
text-align: left;
}
.checkout-page .enter-address {
margin: 0;
}
.checkout-page .enter-address + .buttons {
padding: 10px 60px;
text-align: left;
}
.checkout-page .enter-address + .buttons.centered {
text-align: center;
}
.section.shipping-method,
.section.payment-method {
text-align: left;
}
.section.shipping-method .buttons,
.section.payment-method .buttons,
.section.payment-info .buttons,
/*.section.confirm-order .buttons,*/
.section.order-completed .buttons {
text-align: right;
}
.payment-method .payment-description {
display: block; /*reset*/
}
.payment-info .info tr {
display: table-row;
margin: 0;
}
.payment-info .info td {
display: table-cell;
margin: 0;
padding: 5px;
text-align: left;
}
.payment-info .info td:first-child {
width: 150px;
}
.payment-info .info td:only-child {
width: auto !important;
padding: 0;
}
.payment-info .info td label {
font-weight: normal;
}
.payment-info .info td select {
margin: 0;
}
.order-details-page .actions input {
width: 190px;
}
.order-details-page .totals {
width: 40%;
}
#opc-confirm_order .totals {
float: right;
width: 40%;
}
#opc-confirm_order .terms-of-service {
width: 40%;
margin-left: auto;
}
#opc-confirm_order div.buttons {
text-align: right;
}
/* SEARCH & SITEMAP */
.basic-search .inputs.reversed label {
text-align: left;
}
.advanced-search .inputs,
.advanced-search .inputs label:first-child,
.advanced-search .price-range {
text-align: left;
}
.advanced-search .price-range input {
margin: 0 10px 0 0;
}
/* BLOG & NEWS */
.news-items .buttons {
text-align: left;
}
.news-items .read-more:hover:after {
width: 30px;
}
.news-item-page .inputs:first-child label {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 90px;
margin: 0;
line-height: 40px;
text-align: right;
}
.new-comment textarea {
display: block;
margin: auto;
}
/* FORUM & PROFILE */
.forums-main-page
.topic-block-body {
max-width: 580px;
}
.forum-breadcrumb {
max-width: 580px;
}
.forums-header {
margin: 0;
}
.forum-search-box {
position: absolute;
top: 0;
right: 0;
}
.forums-main-page .forum-search-box {
top: 65px;
}
.forum-search-box .search-box-text {
width: 330px !important;
}
.forum-search-box .advanced {
text-align: right;
}
.forums-header +
.forums-table-section {
margin-top: 80px;
}
.forum-page .forum-name,
.forum-topic-page .topic-name {
margin-top: 60px;
}
.forum-actions,
.topic-actions {
overflow: hidden;
}
.forum-actions .actions,
.topic-actions .actions {
float: left;
margin: 2px 0;
}
.forum-actions .actions a,
.topic-actions .actions a {
margin: 0 15px 0 0;
}
.forum-actions .pager,
.topic-actions .pager {
float: right;
max-width: 450px;
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
margin: 0;
}
.topic-post .post-time label {
display: inline;
}
.pager.lower {
float: right;
margin: 0;
}
/*.forum-edit-page .inputs.reversed {
text-align: left;
}*/
.forum-edit-page textarea,
.private-message-send-page textarea {
height: 180px;
}
.private-messages-page td.date {
white-space: nowrap;
}
.book-info .book-info-element span {
width: 150px !important;
}
.overview .manufacturers .label {
width: 150px !important;
}
}
/*=====================================================
BIG SCREENS
=====================================================*/
@media all and (min-width: 1281px) {
/* GLOBAL STYLES */
.master-wrapper-content {
width: 1200px;
}
.center-2 {
width: 890px;
}
.side-2 {
width: 285px;
}
.side-2 .page-title {
padding: 13px 15px;
}
/* GLOBAL FORMS */
/* GLOBAL TABLES */
.cart col:first-child,
.cart th:first-child,
.cart td:first-child {
display: none !important; /*hides counter*/
}
.account-page .data-table col:first-child,
.account-page .data-table th:first-child,
.account-page .data-table td:first-child {
display: none !important; /*hides counter*/
}
.account-page .data-table col.select-boxes {
display: table-column !important; /*resets first column for non footable tables*/
}
.account-page .data-table th.select-boxes,
.account-page .data-table td.select-boxes {
display: table-cell !important; /*resets first column for non footable tables*/
}
.account-page .data-table .footable-first-column {
text-align: left;
}
/* NOTIFICATIONS & POPUPS */
/* HEADER */
.admin-header-links .center {
width: 1200px;
}
.header .center {
width: 1200px;
}
.header-links-wrapper,
.header-selectors-wrapper {
margin: 0 0 0 30px;
}
.header-links,
.header-selectors {
left: 0;
}
.header-logo {
padding: 0 32px 0 0;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span {
padding: 5px 20px;
}
.category-navigation-title {
width: 285px;
padding: 0 24px;
}
.category-navigation-list-wrapper {
width: 285px;
}
.category-navigation-list > li > a,
.category-navigation-list > li > span {
padding: 13px 25px;
}
.category-navigation-list > li > .sublist-wrap { /*this is the flyout panel*/
left: 283px;
width: 916px;
}
.header-menu > ul > li > .sublist-wrap {
width: 1200px;
margin: 0 0 0 -240px; /*depends on logo cell width, which is always fixed*/
}
.category-navigation-list > li > .sublist-wrap > .sublist { /*this is the inner list inside the flyout panel*/
padding: 18px 12px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li { /*this is a subcategory item (contains a list)*/
padding: 4px 15px;
}
.store-search-box.full-width input.search-box-text {
width: 1138px;
}
/* HOMEPAGE COLUMNS */
.two-columns-area > .center {
width: 1200px;
}
.two-colums-area-left {
width: 285px;
}
.two-colums-area-right {
width: 888px;
}
/* HOMEPAGE CAROUSELS */
/* FOOTER */
.footer .center {
width: 1200px;
}
/* LEFT/RIGHT COLUMN */
.block .title {
padding: 25px 35px;
}
.block .listbox {
margin: -10px 0 0;
padding: 22px 35px;
}
.block .view-all {
margin: 12px 0 0;
}
/* CATEGORY PAGE & GRIDS */
.product-selectors {
padding: 13px 13px;
background-color: white;
}
.manufacturer-details {
padding: 40% 0;
}
.center-1 .product-grid .item-box {
width: 18.4%;
}
.center-1 .product-grid .item-box:nth-child(4n+1) {
clear: none;
margin-left: 2%;
}
.center-1 .product-grid .item-box:nth-child(5n+1) {
clear: both;
margin-left: 0;
}
/* PRODUCT PAGE */
.product-essential {
padding: 40px;
}
.gallery {
width: 38%;
}
.overview {
width: 60%;
}
.customer-entered-price {
margin: 0 0 20px;
}
.customer-entered-price .price-input {
display: inline-block;
margin: 0 10px 0 0;
}
.customer-entered-price .price-range {
display: inline-block;
}
.product-social-buttons {
bottom: -40px;
}
.overview-bottom .delivery {
right: -40px;
bottom: -40px;
}
/* REVIEW PAGE */
/* WISHLIST & COMPARE LIST */
.compare-products-table .picture {
width: 200px;
}
/* TOPICS */
/* CONTACT PAGE & EMAILaFRIEND */
/* REGISTRATION, LOGIN, MY ACCOUNT */
.block-account-navigation .list a.active {
max-width: 500px; /*this releases the width, set to some big value*/
}
/* SHOPPING CART & CHECKOUT */
.cart-footer .cart-collaterals {
width: 63%;
}
.cart-footer .totals {
width: 35%;
}
.cart-collaterals .accordion-tab-content {
max-width: none;
}
.cart-collaterals .shipping label {
width: 20%;
}
.cart-collaterals .shipping label + select,
.cart-collaterals .shipping label + input {
width: 80%;
}
.cart-collaterals .coupon-code {
max-width: 500px;
margin: 0;
}
.order-details-page .actions input {
width: 205px;
}
.order-details-page .totals {
width: 35%;
}
/* SEARCH & SITEMAP */
/* BLOG & NEWS */
.blog-page .tags ul {
max-width: 500px;
}
.news-item-page .inputs:first-child label {
width: 180px;
}
.news-list-homepage .news-body {
height: 90px;
}
/* FORUM & PROFILE */
.forums-main-page
.topic-block-body {
max-width: 780px;
}
.forum-breadcrumb {
max-width: 780px;
}
.forum-search-box .search-box-text {
width: 350px !important;
}
}
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.prev-next-wrapper {
margin: 20px 0;
text-align: center;
}
.previous-product,
.next-product {
display: inline-block;
}
.previous-product a,
.next-product a {
display: block;
position: relative;
height: 37px;
line-height: 37px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.2s ease;
}
.previous-product a {
padding: 0 15px 0 27px;
}
.next-product a {
padding: 0 27px 0 15px;
}
.previous-product a:before,
.next-product a:after {
content: "";
position: absolute;
top: 0;
width: 30px;
height: 37px;
transition: all 0.2s ease;
}
.previous-product a:before {
left: 0;
background: url(/Plugins/SevenSpikes.Nop.Plugins.PrevNextProduct/Themes/Pavilion/Content/img/product-arrow-left.png) no-repeat right center;
}
.next-product a:after {
right: 0;
background: url(/Plugins/SevenSpikes.Nop.Plugins.PrevNextProduct/Themes/Pavilion/Content/img/product-arrow-right.png) no-repeat left center;
}
.previous-product a:hover {
background-color: #f74258;
color: #fff;
}
.previous-product a:hover:before {
background-position: left center;
}
.next-product a:hover {
background-color: #f74258;
color: #fff;
}
.next-product a:hover:after {
background-position: right center;
}
.previous-product span,
.next-product span {
display: none;
}
.previous-product span:first-child,
.next-product span:first-child {
display: block;
}
@media all and (min-width: 1001px) {
.breadcrumb {
margin-right: 150px;
}
.prev-next-wrapper {
position: absolute;
top: 0;
right: 0;
margin: 0;
font-size: 0;
}
}
/*
* Copyright 2016 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.gallery {
display: none;
}
.gallery.sevenspikes-cloudzoom-gallery {
display: block;
}
.gallery .picture-wrapper {
position: relative;
}
.gallery .picture-wrapper > img { /* Transitional image (on thumbnail click) */
top: 0;
right: 0;
left: 0;
margin: auto;
}
/* Zoom Lens, Zoom Window, Zoom Caption */
.cloudzoom-lens {
z-index: 1;
opacity: 0.6;
cursor: crosshair;
}
.cloudzoom-lens:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #fff;
}
.cloudzoom-zoom {
top: 0 !important;
left: calc(100% + 20px) !important;
z-index: 9999;
}
.cloudzoom-zoom-inside {
top: 0 !important;
right: 0;
left: 0 !important;
z-index: 1;
height: 100% !important;
margin: auto;
cursor: crosshair;
}
.cloudzoom-zoom-inside img + div { /*title-wrapper*/
top: auto !important;
bottom: 0 !important;
}
.cloudzoom-caption {
display: none;
background-color: #000;
padding: 15px;
text-align: center;
font-size: 14px;
line-height: normal;
color: #fff;
}
/* Loading Images */
.cloudzoom-blank {
top: 0;
right: 0;
left: 0;
margin: auto;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAAA3NCSVQICAjb4U/gAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMzAvMTLNuPjnAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAAxJREFUCJlj+M+AAgE/0Af5DM23uwAAAABJRU5ErkJggg==);
}
.cloudzoom-ajax-loader {
width: 50px;
height: 50px;
}
.cloudzoom-ajax-loader:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 2px;
background-color: #f74258;
animation: animate 0.5s linear infinite;
}
.cloudzoom-ajax-loader:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 5px;
margin: 35px 0 0 -25px;
border-radius: 50%;
background-color: #000;
opacity: 0.1;
animation: shadow 0.5s linear infinite;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*
* Copyright 2016 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.picture-thumbs.in-carousel {
max-width: 600px;
margin: 10px auto 0;
text-align: center;
}
.picture-thumbs .picture-thumbs-list {
margin: 0 -5px;
}
.picture-thumbs .picture-thumbs-item {
padding: 0 5px;
}
.picture-thumbs.in-carousel .picture-thumbs-list {
margin: 0;
}
.picture-thumbs button + .slick-list {
margin: 0 25px;
}
/* arrows nav */
.picture-thumbs .slick-prev,
.picture-thumbs .slick-next {
position: absolute;
top: 50%;
width: 15px;
height: 22px;
margin-top: -11px;
border: none;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
transition: all .2s ease;
}
.picture-thumbs .slick-prev {
left: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAALVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaTgChpAAAAD3RSTlMA6+QxJN6reW9mW1E8SkmTKKYaAAAALElEQVQI12NgYOBLABIbDzAwcAkDGZMMGBg4VICMUgcIAeZCJMBKoIoZeBMA15MHPhiEPR8AAAAASUVORK5CYII=);
}
.picture-thumbs .slick-next {
right: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAALVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaTgChpAAAAD3RSTlMA6+QxJN6reW9mW1E8SkmTKKYaAAAAKUlEQVQI12PIZQCCgxuABLMUiGk0AUiwaICYrgVgAsQFS4CUwBTnATEA244HPpGnGTQAAAAASUVORK5CYII=);
background-position: right center;
}
.picture-thumbs .slick-prev.slick-disabled,
.picture-thumbs .slick-next.slick-disabled {
opacity: 0.6;
cursor: default;
}
/* dots nav */
.slick-dots {
margin: 0;
padding: 18px 20px;
}
.slick-dots button {
background-color: #c9c9c9;
width: 10px;
height: 10px;
border: none;
border-radius: 50%;
font-size: 0;
}
.slick-dots li {
display: inline-block;
margin: 0 5px;
}
.slick-dots .slick-active button {
background: #f74258;
}
/* items */
.picture-thumbs a.cloudzoom-gallery {
display: block !important;
margin: 0 !important;
float: none !important;
width: auto !important;
height: auto !important;
}
.picture-thumbs a.cloudzoom-gallery:before {
content: "";
display: block;
padding-top: 100%;
}
@media all and (max-width: 769px) {
.picture-thumbs.in-carousel {
max-width: 440px;
}
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.mega-menu,
.menu-title {
display: none;
}
.mega-menu .topic-wrapper {
display: none;
}
.mega-menu-responsive a,
.mega-menu-responsive a + .plus-button {
border: none !important;
}
@media all and (min-width: 1001px) {
.menu-title,
.close-menu {
display: none;
}
.mega-menu {
display: block;
position: relative;
}
.mega-menu-responsive {
display: none !important;
}
.header-menu.categories-in-side-panel .category-menu-item,
.header-menu.categories-in-side-panel .root-category-items {
display: none;
}
.category-navigation-list .inner-wrap,
.root-category-items .inner-wrap {
float: left;
width: 75%;
}
.category-navigation-list .slider-wrapper,
.root-category-items .slider-wrapper {
float: right;
width: 25%;
padding: 10px;
}
.category-navigation-list .inner-wrap:only-of-type,
.root-category-items .inner-wrap:only-of-type {
float: none;
width: 100%;
}
.category-navigation-list > li > .sublist-wrap > .sublist .row,
.header-menu > ul > li > .sublist-wrap > .sublist .row {
overflow: hidden;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box,
.header-menu > ul > li > .sublist-wrap > .sublist .box { /*this is a subcategory item (contains a list)*/
float: left;
width: 33.33333%;
padding: 10px;
font-size: 13px;
}
.category-navigation-list > li > .sublist-wrap > .sublist .inner-wrap:only-of-type .box,
.header-menu > ul > li > .sublist-wrap > .sublist .inner-wrap:only-of-type .box {
width: 25%;
}
.manufacturers.fullWidth .box {
width: 20% !important; /*manufacturers with pictures to be 5 per row*/
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .title,
.header-menu > ul > li > .sublist-wrap > .sublist .box .title { /*this is a subcategory item title (list title)*/
display: block;
margin: 0 0 10px;
border-bottom: 3px solid #f74258;
padding: 0 0 5px;
font-weight: bold;
text-transform: uppercase;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture,
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture {
height: 100px;
margin: 0 0 15px;
overflow: hidden;
font-size: 0;
}
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture {
height: auto;
max-height: 140px;
}
.header-menu > ul > li > .sublist-wrap.manufacturers > .sublist .box .picture,
.header-menu > ul > li > .sublist-wrap.vendors > .sublist .box .picture {
/*max-height: none;*/ /*uncomment to release picture's height*/
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture a,
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture a {
display: block;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture img,
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture img {
width: 100%;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box li,
.header-menu > ul > li > .sublist-wrap > .sublist .box li { /*this is a sub-subcategory item*/
padding: 6px 0;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
.header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover {
color: #f74258;
}
}
@media all and (min-width: 1281px) {
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture {
height: 120px;
}
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture {
max-height: 180px;
}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.ribbon-wrapper {
position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}
/* ribbon positioning */
.ribbon-position {
font-size: 0;
line-height: 0;
position: absolute;
z-index: 1;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
top: 0;
left: 0;
}
.ribbon-position.top-right {
top: 0;
right: 0;
}
.ribbon-position.bottom-left {
bottom: 0;
left: 0;
}
.ribbon-position.bottom-right {
bottom: 0;
right: 0;
}
.ribbon-position.top-middle {
top: 0;
left: 0;
right: 0;
text-align: center;
}
.ribbon-position.right-middle,
.ribbon-position.left-middle {
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: right;
}
.ribbon-position.bottom-middle {
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.ribbon-position.left-middle {
text-align: left;
}
.ribbon-position.center {
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
content: " ";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}
/* ribbon wrapping element */
.product-ribbon {
display: inline-block;
vertical-align: middle;
position: relative;
}
/* ribbon label without image*/
.ribbon-text {
font-size: 12px;
line-height: normal;
}
/* ribbon label with image */
.ribbon-image-text {
font-size: 12px;
line-height: normal;
position: absolute;
top: 0;
left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
@media all and (max-width: 768px) {
.product-list .item-box .ribbon-wrapper {
float: none;
}
}
@media all and (min-width: 481px) {
.spc-categories .ribbon-wrapper,
.bestsellers .ribbon-wrapper {
position: static;
}
}
@media all and (min-width: 769px) {
.product-list .item-box .ribbon-wrapper {
width: 280px;
}
.product-list .item-box .ribbon-wrapper .picture {
float: none;
width: auto;
}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.quickViewData {
display: none;
}
/* TRIGGER BUTTON */
.quick-view-button {
display: inline-block;
margin: 0px 8px;
vertical-align: middle;
}
.quick-view-button a {
display: block;
width: 30px;
height: 30px;
background: #888 url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/quick-view.png) center no-repeat;
font-size: 0px;
transition: all 0.2s ease 0s;
}
.quick-view-button a:hover {
background-color: #f74258;
}
.product-list .quick-view-button {
margin: 0 2px;
}
.product-list .quick-view-button a {
width: 37px;
height: 37px;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/quick-view-list.png);
}
/* DATA LOADER */
.k-overlay {
position: fixed;
z-index: 1060;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6; /*to be matched to theme overlay*/
}
.k-overlay + .k-overlay {
display: none !important;
}
.quickView .k-loading-mask {
position: absolute;
top: 0;
left: 0;
}
.quickView .k-loading-image {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: -15px;
/*background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/loader.gif) center no-repeat;*/
}
.quickView .k-loading-image:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 2px;
background-color: #f74258;
animation: animate 0.5s linear infinite;
}
.quickView .k-loading-image:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 5px;
margin: 35px 0 0 -25px;
border-radius: 50%;
background-color: #000;
opacity: 0.1;
animation: shadow 0.5s linear infinite;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
/* MAIN WINDOW & HEADERS */
.quickView {
position: absolute;
left: 50% !important;
z-index: 1070;
width: 700px;
margin: 0 0 0 -350px;
box-shadow: 0 1px 5px #666;
background-color: #fff;
padding-top: 0 !important;
}
.quickView .k-window-titlebar {
position: absolute;
top: 0;
right: 0;
margin-top: 0 !important;
font-size: 0;
}
.quickView .k-window-titlebar .k-window-actions {
position: absolute;
top: -10px;
right: -10px;
z-index: 1;
}
.quickView .k-window-titlebar .k-window-actions a {
display: block;
width: 37px;
height: 37px;
background: #f9f9f9 url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/close.png) center no-repeat;
font-size: 0;
}
.quickView .product-essential {
float: none;
width: auto;
margin: 0;
padding: 0;
}
.quickView .popup-header h1 {
margin: 0;
padding: 20px 25px 0;
text-align: center;
font-size: 22px;
color: #333;
}
/* PRODUCT GALLERY */
.quickView .gallery {
display: block; /*Cloud Zoom css override*/
float: left;
width: 40%;
margin: 0;
padding: 20px 15px 20px 30px;
}
.quickView .gallery .picture {
border: none; /*placing border here will confuse #warp element's width*/
text-align: center;
font-size: 0;
}
.quickView .gallery .picture a {
display: block;
width: 250px;
max-width: 100%;
margin: auto;
overflow: hidden;
}
.quickView .gallery .picture:before,
.quickView .gallery .picture a:before {
display: none; /*theme specific, change if necessary*/
}
.quickView .cloudzoom-zoom-inside {
bottom: auto !important;
}
.quickView .thumbnails {
margin: 10px 0 0;
overflow: hidden;
}
.quickView .thumbnails a {
float: left;
width: 32%;
margin: 0 0 4% 2%;
overflow: hidden;
position: relative;
}
.quickView .thumbnails a:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.quickView .thumbnails a:before {
content: "";
display: block;
padding-top: 100%; /*square thumb, change if necessary*/
}
.quickView .thumbnails a img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.quickView .links-panel {
margin: 20px 0 0;
}
.quickView .links-panel a {
font-size: 13px;
font-weight: bold;
transition: all 0.2s ease;
}
.quickView .links-panel a:after {
content: "";
display: inline-block;
width: 8px;
height: 10px;
margin: 0 0 0 8px;
background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/arrow-right.png) center no-repeat;
vertical-align: middle;
}
.quickView .links-panel a:hover {
color: #f74258;
}
.quickView .links-panel a:hover:after {
margin: 0 0 0 9px;
}
/* PRODUCT OVERVIEW */
.quickView .overview {
float: right;
width: 60%;
margin: 0;
padding: 20px 30px 20px 15px;
}
.quickView .ui-accordion {
position: relative;
}
.quickView .ui-accordion-header {
position: relative;
margin: 0 0 -1px;
border-width: 1px 1px 3px;
border-style: solid;
border-color: #e9e9e9;
padding: 15px 30px 12px 20px;
text-align: left;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.quickView .ui-accordion-header-active {
border-bottom-color: #f74258;
}
.quickView .ui-accordion-header span {
position: absolute;
top: 50%;
right: 8px;
width: 32px;
height: 32px;
margin: -16px 0 0;
background-color: #888;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/accordion-sprite.png);
background-repeat: no-repeat;
cursor: pointer;
}
.quickView .ui-accordion-header-active span {
background-color: #f74258;
}
.quickView .ui-icon-circle-arrow-s {
background-position: center -32px;
}
.quickView .ui-icon-circle-arrow-e {
background-position: center 0;
}
.quickView .ui-accordion-content {
position: relative;
overflow: hidden;
padding: 18px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; /* prevent scrolls fix*/
}
.quickView .overview .left {
float: left;
width: 70%;
margin: 0 0 10px;
text-align: left;
}
.quickView .overview .left > div {
margin: 5px 0;
}
.quickView .overview .free-shipping,
.quickView .overview .delivery-date {
margin: 5px 0;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/delivery-sprite.png);
background-repeat: no-repeat;
padding: 0 0 0 25px;
}
.quickView .overview .free-shipping {
background-position: left -19px;
}
.quickView .overview .delivery-date {
background-position: left 0;
}
.quickView .overview .stock {
margin: 0 0 10px;
}
.quickView .overview .right {
float: right;
width: 30%;
margin: 0 0 10px;
text-align: right;
}
.quickView .overview .right > div {
display: inline-block;
}
.quickView .overview .right ~ div {
clear: both;
}
.quickView .overview .attributes li {
margin: 8px 0 0;
}
.quickView .overview .attributes select {
max-width: 350px; /*depending on window width*/
}
.quickView .overview .attributes .color-squares li {
margin: 5px 10px 5px 0;
}
.quickView .giftcard input[type="text"],
.quickView .giftcard textarea {
min-width: 0;
width: 250px;
resize: none;
}
.quickView .prices-table {
display: none;
}
.quickView .overview .purchase-area {
overflow: hidden;
}
.quickView .overview .title {
display: none;
}
/* PRODUCT GRIDS */
.quickView .product-content {
overflow: hidden;
}
.quickView .product-grid {
margin: 10px 0 0;
}
.quickView .product-grid .title {
margin: 0;
border: none;
background-color: #f9f9f9;
padding: 15px 25px;
text-align: center;
font-size: 14px;
}
.quickView .product-grid .item-grid {
padding: 20px;
}
.quickView .item-box {
width: 18%;
margin: 0 0 10px 2.5%;
overflow: hidden;
}
.quickView .item-box:nth-child(3n+1),
.quickView .item-box:nth-child(4n+1) {
clear: none; /*override theme css*/
}
.quickView .item-box:nth-child(5n+1) {
clear: both;
margin-left: 0;
}
.quickView .item-box .product-item {
border: none;
padding: 0;
}
.quickView .item-box .picture {
margin: 0 0 10px;
}
.quickView .item-box .product-rating-box,
.quickView .item-box .tax-shipping-info,
.quickView .item-box .description,
.quickView .item-box .old-price,
.quickView .item-box .buttons-upper,
.quickView .item-box .buttons-lower {
display: none;
}
.quickView .item-box .details .prices {
margin: 0;
}
/* PRODUCT VARIANTS */
.quickView .product-variant-list {
margin: 0 0 15px;
}
.quickView .product-variant {
position: relative;
float: left;
width: 48%;
height: 160px; /*fixed height because of js height bug*/
margin: 1%;
border: 1px solid #ddd;
overflow: hidden;
text-align: center;
}
.quickView .variant-picture {
width: 100%;
height: 100%;
margin: 0;
}
.quickView .variant-picture:before {
padding-top: 121%;
}
.quickView .variant-picture a {
display: block;
height: 100%;
overflow: hidden;
}
.quickView .variant-picture a img {
bottom: auto;
}
.quickView .moreInfoHover {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(255,255,255,0.7);
padding: 5px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #333;
text-transform: uppercase;
transition: all 0.5s ease;
}
.quickView .variant-info {
position: absolute;
top: 1px;
left: -100%;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.7);
padding: 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #333;
text-transform: uppercase;
transition: all 0.5s ease;
}
.quickView .product-variant:hover .moreInfoHover {
left: 101%;
}
.quickView .product-variant:hover .variant-info {
left: 1px;
}
.quickView .variant-info .variant-name {
max-height: 30px;
margin: 0 0 5px;
overflow: hidden;
font-size: 12px;
}
.quickView .variant-info .variant-name a {
display: block;
}
.quickView .variant-info .prices {
float: none;
height: auto;
margin: 0;
}
.quickView .variant-info .prices label {
display: none;
}
.quickView .variant-info .product-price {
font-size: 15px;
margin: 0;
}
.quickView .variant-info .tax-shipping-info {
display: none;
}
.quickView .variant-grid-info .manufacturers {
margin: 0;
}
.quickView .variant-grid-info .compare-products {
display: none;
}
/*
Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/
.quickView .cloudzoom-blank {
top: 0;
right: 0;
left: 0;
margin: auto;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Styles/blank.png);
}
.quickView .cloudzoom-zoom-inside {
z-index: 9;
border: none;
box-shadow: none;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin: auto;
}
.quickView .cloudzoom-zoom-inside img {
right: auto !important;
bottom: auto !important;
max-width: none !important;
max-height: none !important;
}
.quickView .cloudzoom-ajax-loader {
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Styles/ajax-loader.gif);
width: 32px;
height: 32px;
}
.quickView .picture a + img {
top: 0;
right: 0;
left: 0;
margin: auto;
} /* transitional image (on thumbnail click) */
/*!
* Fine Uploader
*
* Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com
*
* Version: 4.2.2
*
* Homepage: http://fineuploader.com
*
* Repository: git://github.com/Widen/fine-uploader.git
*
* Licensed under GNU GPL v3, see LICENSE
*/
/*! fineuploader 2014-01-31 */
.qq-uploader{position:relative;width:100%}.qq-upload-button{display:block;width:105px;padding:7px 0;text-align:center;background:#800;border-bottom:1px solid #DDD;color:#FFF}.qq-upload-button-hover{background:#C00}.qq-upload-button-focus{outline:1px dotted #000}.qq-upload-drop-area,.qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#FF9797;text-align:center}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}.qq-upload-drop-area-active{background:#FF7171}.qq-upload-list{margin:0;padding:0;list-style:none}.qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px;background-color:#FFF0BD}.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{margin-right:12px;display:inline}.qq-upload-file{}.qq-upload-spinner{display:inline-block;background:url(/Scripts/fineuploader/loading.gif);width:15px;height:15px;vertical-align:text-bottom}.qq-drop-processing{display:block}.qq-drop-processing-spinner{display:inline-block;background:url(/Scripts/fineuploader/processing.gif);width:24px;height:24px;vertical-align:text-bottom}.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{display:inline}.qq-upload-retry,.qq-upload-delete,.qq-upload-cancel,.qq-upload-pause,.qq-upload-continue{color:#000}.qq-upload-retryable .qq-upload-retry{display:inline}.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{font-size:12px;font-weight:400}.qq-upload-failed-text{display:none;font-style:italic;font-weight:700}.qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}.qq-upload-fail .qq-upload-failed-text{display:inline}.qq-upload-retrying .qq-upload-failed-text{display:inline;color:#D60000}.qq-upload-list li.qq-upload-success{background-color:#5DA30C;color:#FFF}.qq-upload-list li.qq-upload-fail{background-color:#D60000;color:#FFF}.qq-progress-bar{display:block;background:-moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);width:0;height:15px;border-radius:6px;margin-bottom:3px}INPUT.qq-edit-filename{position:absolute;opacity:0;filter:alpha(opacity=0);z-index:-1;-ms-filter:"alpha(Opacity=0)"}.qq-upload-file.qq-editable{cursor:pointer}.qq-edit-filename-icon.qq-editable{display:inline-block;cursor:pointer}INPUT.qq-edit-filename.qq-editing{position:static;margin-top:-5px;margin-right:10px;margin-bottom:-5px;opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(Opacity=100)"}.qq-edit-filename-icon{display:none;background:url(/Scripts/fineuploader/edit.gif);width:15px;height:15px;vertical-align:text-bottom;margin-right:5px}INPUT.qq-edit-filename.qq-editing~.qq-upload-cancel{display:none}.qq-hide{display:none}
/*! 2014-01-31 */