/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
/* RESET STYLESHEET (html5doctor.com) v1.6.1 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
table th {
font-family: Arial, Helvetica, sans-serif;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
/*margin: 1em 0;*/
padding: 0;
}
input, select {
vertical-align: middle;
}
.clear, .clearfix {
clear: both;
}
img {
max-width: 100%;
}
/* END RESET CSS (html5doctor.com) */
/* OTHER RESET STYLESHEET (HTML GENERAL) */
body {
text-align: center;
font-family: arial,verdana,helvetica,sans-serif;
font-size: 12px;
/*background: none repeat scroll 0 0 #e0e0e0;*/
background: url(images/bk-page.jpg) no-repeat;
background-position-x: center;
color: #444;
line-height: 1.5;
}
a {
color: #797979;
text-decoration: none;
font-weight: normal;
}
a:hover {
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, .title {
font-family: arial,helvetica,sans-serif;
text-transform: capitalize;
}
h2, h3 {
font-size: 16px;
}
textarea {
width: 100%;
}
checkbox, input, radio, select, button {
}
fieldset {
margin: 0px 0px 15px;
border: 1px solid #c9c9c9;
padding: 15px;
}
legend {
font-weight: bold;
line-height: 20px;
font-size: 16px;
}
input[type="text"], input[type="password"], textarea, select {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #c6c6c6;
padding: 5px;
vertical-align: top;
color: #595959;
font-family: arial,helvetica,sans-serif;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
border: 1px solid #a6a6a6;
box-shadow: inset -2px 1px 1px #e9e9e9;
outline: none;
}
input[type="text"]:disabled {
background: none repeat scroll 0 0 #FFF;
}
/* MASTER PAGE WRAPPERS */
.master-wrapper-page {
margin: 0 auto 0;
width: 970px;
background: none repeat scroll 0 0 #FFF;
border: 5px solid #cfcfcf;
border-width: 0px 5px 5px 5px;
}
.master-wrapper-content {
float: left;
width: 930px;
margin: 0 20px 0;
padding: 0;
text-align: left;
background: none repeat scroll 0 0 #FFFFFF;
}
.master-wrapper-main {
font-family: arial,verdana,helvetica,sans-serif;
color: #333333;
}
/* one column master page */
.master-wrapper-main .center-1 {
float: left;
width: 930px;
min-height: 400px;
padding: 10px 0;
background: #FFF;
display: inline;
}
/* two column master page */
.master-wrapper-main .side-2 {
float: left;
width: 190px;
margin: 10px 0;
display: inline;
padding-top: 10px;
}
.master-wrapper-main .center-2 {
float: left;
width: 710px;
min-height: 400px;
padding: 10px;
margin: 10px 0 10px 10px;
background: #FFF;
display: inline;
}
.master-wrapper-main .home-page .center-2 {
width: 700px;
}
/* three column master page */
.master-wrapper-main .leftside-3 {
float: left;
width: 190px;
margin: 10px 0;
padding-top: 10px;
display: inline;
}
.master-wrapper-main .center-3 {
float: left;
width: 510px;
min-height: 400px;
padding: 10px;
margin: 10px 10px;
background: #FFF;
display: inline;
overflow: hidden;
}
.master-wrapper-main .rightside-3 {
float: right;
width: 190px;
margin: 10px 0;
padding-top: 10px;
display: inline;
}
/* HEADER AND MENU */
.header {
/*padding: 20px 0 10px;
background: #fff;*/
margin: 0;
background: url(images/bg_header_flip.jpg) 0 0 no-repeat;
background-position-x: center;
padding: 20px 15px 20px 10px;
position: relative;
}
.header .icon {
vertical-align: bottom;
}
.header-logo {
text-align: left;
width: 35%;
float: left;
}
.header-logo a {
display: inline-block;
}
.header-logo a img {
max-width: 100%;
}
.cms-links, .tax-display-type-selector, .currency-selector, .language-selector {
margin-bottom: 18px;
}
.cms-links ul {
list-style: none;
text-align: right;
}
.cms-links ul li {
display: inline-block;
}
.cms-links li.welcome {
font-weight: bold;
border-right: 1px solid #ccc;
padding-right: 10px;
margin-right: 10px;
}
.cms-links li.last a {
color: #999;
}
.tax-display-type-selector, .currency-selector, .language-selector {
display: inline-block;
}
ul.language-list {
display: inline;
line-height: 25px;
}
ul.language-list li {
list-style: none;
display: inline;
padding: 0 5px;
float: left;
}
ul.language-list li .selected {
border: solid 1px #ccc !important;
}
ul.language-list li:hover {
cursor: pointer;
}
.header-links-wrapper {
text-align: right;
float: right;
width: 65%;
position: relative;
}
.header-links ul {
padding: 0;
margin: 0;
font-family: arial,helvetica,sans-serif;
}
.header-links ul li {
list-style: none;
display: inline;
padding-left: 6px;
padding-bottom: 4px;
white-space: nowrap;
}
.header-links ul li .ico-register, .header-links ul li .account,
.header-links ul li .ico-wishlist, .header-links ul li .ico-cart,
.header-links ul li .top-link-checkout, .header-links ul li .ico-logout, .header-links ul li .ico-login {
background-image: url('images/header-links-ico.png');
background-repeat: no-repeat;
}
.header-links ul li .ico-register, .header-links ul li .account {
background-position: 0 0;
}
.header-links ul li .ico-wishlist {
background-position: 0 -93px;
}
.header-links ul li .ico-cart {
background-position: 0 -48px;
}
.header-links ul li .top-link-checkout {
background-position: 0 -23px;
}
.header-links ul li .ico-logout, .header-links ul li .ico-login {
background-position: 0 -69px;
}
.header-links a {
padding: 2px 0 2px 20px;
text-decoration: none;
color: #999;
}
.header-links a:hover {
color: #444;
}
.admin-header-links {
padding: 5px;
text-align: center;
}
.admin-header-links .administration {
font-weight: bold;
}
.admin-header-links .impersonate {
display: block;
color: #E44097;
margin-bottom: 10px;
}
.admin-header-links .impersonate a {
color: #F93;
font-weight: 700;
}
.header-menu {
list-style: none outside none;
margin: 10px auto;
padding: 0;
background: url('images/menu_bg.gif') no-repeat top center;
border-radius: 5px;
width: 100%;
height: 100%;
}
/* top menu */
/*.header-menu {
list-style: none outside none;
margin: 10px auto;
padding: 0;
background: url('images/menu_bg.gif') no-repeat top center;
border-radius: 5px;
width: 100%;
height: 100%;
}
.header-menu a {
font-size: 1em;
color: #fff;
text-decoration: none;
font-family: arial,helvetica,sans-serif;
}
.header-menu .top-menu {
zoom: 1;
float: left;
}
.header-menu .header-search {
float: right;
}
.header-menu:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.header-menu .top-menu li {
float: left;
list-style-type: none;
padding: 10px 5px 1px;
line-height: 28px;
height: 28px;
z-index: 9;
}
.header-menu .top-menu li:last-child {
background: none;
}
.header-menu .top-menu li a {
min-height: 20px;
display: block;
line-height: 20px;
text-transform: capitalize;
margin-bottom: 9px;
white-space: nowrap;
padding: 0 5px;
}
.header-menu .top-menu li .expand {
display: none;
}
.header-menu .top-menu li .sublist {
position: absolute;
background: #444;
border: 2px solid #494949;
z-index: 9;
display: none;
margin-left: -5px;
white-space: nowrap;
}
.header-menu .top-menu li .sublist.active {
display: block;
}
.header-menu .top-menu li .sublist.firstLevel {
}
.header-menu .top-menu li .sublist .sublist.active {
left: 100px;
margin-top: -30px;
top: auto;
}
.header-menu .top-menu .sublist li a {
text-transform: none;
min-height: 22px;
margin: 0 8px 0;
}
.header-menu .top-menu .sublist li {
background: none;
height: 22px;
margin: 6px 5px;
text-align: left;
float: none;
padding: 0;
}
.header-menu .top-menu .sublist li:hover {
background: none;
}
.header-menu .top-menu-triangle.active {
display: none;
}
.header-menu .top-menu-triangle.active {
display: block;
}*/
/* search box */
.header-search {
text-align: left;
margin-top: 5px;
}
.search-text {
vertical-align: top;
padding: 5px 0 5px 5px;
font-size: 12px;
width: 100%;
}
.search-box {
width: 90%;
padding: 2px;
border: 0;
background: #fff;
border-radius: 5px;
}
.search-box ul {
margin: 0;
padding: 0;
float: right;
}
.search-box ul li {
list-style: none outside none;
float: left;
margin: 0;
padding: 0;
}
.search-box-text {
background: none repeat scroll 0 0 #FFF;
width: 70%;
border: 0 !important;
padding: 0px 5px !important;
line-height: 25px !important;
height: 24px;
margin: 0 !important;
vertical-align: top;
font-size: 12px;
}
.search-box-text:focus, .search-box-text:active {
outline: 0 !important;
box-shadow: none !important;
}
.search-box-button {
width: 24px;
height: 24px;
cursor: pointer;
text-indent: -9999px;
border: none;
float: right;
background: url('images/ico-search.png') top center no-repeat #fff;
}
/* override some jQuery UI style */
.search-box .ui-autocomplete-loading {
background: white url('images/ajax_loader_small.gif') right center no-repeat;
}
.ui-autocomplete {
z-index: 10 !important;
width: 280px;
}
/*ensure that z-index is more than .nivoSlider a.nivo-imageLink used on the home page*/
.ui-autocomplete .ui-menu-item a {
text-align: left !important;
font-size: 13px;
}
/* FOOTER */
.footer { /*border-top: 2px solid #797979;*/
clear: both;
height: auto;
margin: 0 0 15px;
padding: 15px;
background: none repeat scroll 0 0 #FFFFFF;
}
.footer a {
color: #666;
}
.footer-tax-shipping {
font-size: 100%;
}
.footer-tax-shipping a {
text-decoration: underline;
}
.footer .copyright {
margin-top: 15px;
padding: 10px 20px;
background: #333;
border-radius: 5px;
}
.footer-disclaimer {
font-family: Arial,Helvetica,sans-serif;
color: #ccc;
float: right;
}
.footer-poweredby {
font-family: Arial,Helvetica,sans-serif;
color: #ccc;
float: left;
}
.footer-store-theme {
margin: 0 100px 0 10px;
font-size: 100%;
}
.store-theme-list {
background: #e3e3e3;
border: solid 1px #3a3a3a;
}
.footer-menu-wrapper {
zoom: 1;
padding: 20px 20px;
overflow: auto;
background: #F5F3F2;
border-radius: 5px;
}
.footer-menu-wrapper:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.footer-menu-wrapper .column {
float: left;
text-align: left;
width: 20%;
}
#footer-menu-button-1 a, #footer-menu-button-2 a, #footer-menu-button-3 a, #footer-menu-button-4 a {
font-size: 13px;
color: #333;
text-transform: capitalize;
font-weight: 700;
}
.footer-menu-wrapper .column ul {
margin: 13px 0 0;
padding: 0;
list-style: none outside none;
}
.footer-menu-wrapper .column ul li {
line-height: 160%;
margin-bottom: 3px;
}
/* MISC. CLASSES */
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.a-left {
text-align: left !important;
}
.a-center {
text-align: center !important;
}
.a-right {
text-align: right !important;
}
.page {
}
.page-body {
}
.page-title {
margin: 0 0 10px;
overflow: hidden;
width: 100%;
}
.page-title h1, .page-title h2 {
margin: 0;
text-transform: capitalize;
font: bold 22px/1.25 Arial, Helvetica, sans-serif;
}
.page-title .link-rss {
float: right;
margin: 10px 10px 0 0;
background-image: url(images/ico-rss.gif);
background-repeat: no-repeat;
display: block;
height: 14px;
width: 14px;
text-indent: -9999px;
}
td {
vertical-align: middle;
}
td.fieldname {
font-size: 12px;
}
.captcha-box {
}
.button-1 {
font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
padding: 0px 10px; /*position: relative;*/
position: static;
display: inline-block;
border-radius: 5px;
cursor: pointer;
height: auto;
width: auto;
overflow: visible;
text-transform: uppercase;
}
.button-2 {
font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
padding: 0px 10px; /*position: relative;*/
position: static;
display: inline-block;
border-radius: 5px;
cursor: pointer;
height: auto;
width: auto;
overflow: visible;
text-transform: uppercase;
}
.noscript {
border: 1px solid #ddd;
border-width: 0 0 1px;
background: #ffff90;
font-size: 12px;
line-height: 1.25;
text-align: center;
color: #2f2f2f;
}
.fieldset, .account-page .section {
margin-bottom: 30px;
}
.fieldset .title, .account-page .section .title {
background: #e9e9e9;
padding: 5px 10px;
margin-bottom: 10px;
color: #333;
}
.fieldset .inputs {
margin-bottom: 5px;
}
.fieldset .inputs label {
display: inline-block;
width: 130px;
margin-left: 10px;
}
.fieldset .inputs label.forcheckbox {
margin: 0 0 0 .4em;
display: inline;
}
.clearer {
zoom: 1;
}
.clearer:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
/* AJAX LOADING INDICATOR */
.ajax-loading-block-window {
position: fixed;
top: 50%;
left: 50%;
width: 128px;
height: 128px;
overflow: hidden;
z-index: 1104;
}
.ajax-loading-block-window .loading-image {
position: absolute;
top: 0;
left: 0;
width: 128px;
height: 128px;
background-image: url('images/ajax_loader_large.gif');
}
.please-wait {
background: url('images/ajax_loader_small.gif') no-repeat;
padding-left: 20px;
}
/* DATA TABLE */
.data-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
.data-table th {
font-weight: bold;
padding: 3px 8px;
white-space: nowrap;
vertical-align: middle;
background: #eee;
}
.data-table td {
padding: 3px 8px;
}
.data-table td {
border-bottom: 1px solid #c5c5c5;
padding: 6px 0;
}
.data-table .odd {
}
.data-table .even {
background-color: #F6F6F6;
}
/* TOPICS */
.topic-html-content {
padding-bottom: 5px;
}
.topic-html-content-title {
padding: 0 0 5px;
}
.topic-html-content-header {
font-size: 1.2em;
font-weight: 700;
}
.topic-html-content-body {
line-height: 150%;
color: #797979;
}
/* VALIDATION AND ERRORS */
.message-error {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
font-weight: 700;
color: red;
}
.message-error ul {
padding: 0px;
}
.message-error ul li {
list-style: none;
}
.validation-summary-errors {
font-family: Arial,sans-serif;
font-size: 11px;
font-weight: 700;
color: red;
}
.field-validation-error {
font-family: Arial,sans-serif;
font-size: 11px;
font-weight: 700;
color: red;
}
.required {
color: red;
}
/* USER-AGREEMENT PAGE */
.user-agreement-page {
}
.user-agreement-page .page-title {
}
.user-agreement-page .page-body {
}
/* PAGE NOT FOUND */
.not-found-page {
}
.not-found-page .page-title {
}
.not-found-page .page-body {
}
.not-found-page ul li {
list-style: none;
margin-top: 10px;
}
/* STORE CLOSED */
.store-closed-page {
}
.store-closed-page .page-title {
}
.store-closed-page .page-body {
}
/* SITEMAP */
.sitemap-page {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.sitemap-page a {
text-decoration: none;
}
.sitemap-page .entity {
margin: 5px 0 30px;
}
.sitemap-page ul {
overflow: hidden;
}
.sitemap-page li {
float: left;
margin: 3px 10px;
width: 150px;
border-bottom: 1px dotted #ADACAC;
list-style: none;
}
/* PAGER */
.pager {
zoom: 1;
}
.pager:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.pager ul {
margin: 2px 0;
}
.pager li {
line-height: 20px;
list-style: none outside none;
display: inline;
}
.pager a, .pager span {
text-align: center;
color: #797979;
font-weight: 500;
text-decoration: underline;
padding: 0px 4px;
}
.pager span, .pager a:active {
color: #333;
cursor: default;
text-decoration: none;
}
.pager a:hover {
color: #333;
font-weight: 700;
text-decoration: none;
}
/* NAVIGATIONS */
.block {
margin: 0 0 30px;
padding-left: 0;
background: #fff url(images/block_bg_repeat.gif) repeat-y top left;
background-size: contain;
}
.home-page .block {
margin: 0 0 35px;
}
.block > .title {
margin-right: 1px;
text-align: left;
padding: 10px 8px 8px 10px;
text-transform: uppercase;
color: #fff;
background: #1f1f1f url(images/block_title_alt.gif) no-repeat top left;
background-size: cover;
}
.block .title strong {
font-weight: 700;
}
.block .listbox {
font-size: 100%;
padding: 5px 10px 10px;
line-height: 14px;
margin: 0;
background: url(images/block_bg_bottom.gif) no-repeat bottom left;
background-size: contain;
}
.block .listbox ul {
margin: 0;
padding: 0 0 0 2px;
color: #444;
background-color: inherit;
list-style: none;
}
.block a {
color: #444;
font-size: 1.1em;
font-weight: 400;
text-decoration: none;
}
.block a:hover {
text-decoration: underline;
font-weight: normal;
}
.block li {
line-height: 18px;
padding: 2px;
}
.block-category-navigation, .block-manufacturer-navigation, .block-vendor-navigation, .block-recently-viewed-products, .block-info, .block-newsletter, .block-popular-tags, .block-popular-blogtags, .block-blog-archive, .block-poll, .block-account-navigation {
}
.block-category-navigation .active > a, .block-manufacturer-navigation .active a, .block-vendor-navigation .active a {
color: #333333;
font-weight: 700;
text-decoration: none;
}
.block-category-navigation .listbox ul .active, .block-manufacturer-navigation .listbox ul .active, .block-vendor-navigation .listbox ul .active {
font-weight: 700;
}
.block-category-navigation .listbox ul .inactive, .block-manufacturer-navigation .listbox ul .inactive {
}
.block-category-navigation ul.sublist {
margin: 0px 0px 0px 7px;
}
.block-category-navigation ul.sublist .inactive a:hover {
color: #333333;
font-weight: 400;
}
.block-recently-viewed-products li {
background: none;
margin: 2px 0;
clear: both;
}
.block-recently-viewed-products li.last {
border-bottom: none;
}
.block-recently-viewed-products .product-picture {
float: left;
height: 40px;
width: 40px;
margin: 0;
}
.block-recently-viewed-products .product-name {
}
.block-account-navigation a.active {
font-weight: 700;
text-decoration: none;
}
.block-account-navigation a {
white-space: nowrap;
}
.block-account-navigation a.inactive {
font-weight: 400;
text-decoration: none;
}
.block-account-navigation a.inactive:hover {
text-decoration: underline !important;
}
.block-popular-tags li, .block-popular-blogtags li {
display: inline !important;
}
.block-blog-archive li, .block-popular-tags li, .block-popular-blogtags li {
background: none !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.block-popular-tags .listbox .view-all a, .block-manufacturer-navigation .listbox .view-all a, .block-vendor-navigation .listbox .view-all a {
border-top: 1px solid #ddd;
display: block;
padding-top: 5px;
margin-top: 5px;
}
.block-blog-archive .year {
color: #333333;
font-weight: 700;
text-decoration: none;
}
.news-list-homepage .item, .search-panel .search-input, fieldset, .product-list .product-item {
background: none repeat scroll 0 0 #FFF;
border-bottom: 1px solid #eee;
}
/* MINI-SHOPPING CART , RELATED PRODUCTS BLOCK*/
.mini-shopping-cart {
padding: 5px 10px 10px;
margin: 2px;
background: none repeat scroll 0 0 #f4f4f4;
}
.mini-shopping-cart .count {
padding: 5px 10px 10px;
line-height: 14px;
margin: -5px -8px 0;
background: #fdebcd;
}
.mini-shopping-cart .totals {
background: url(images/bkg_subtotal.gif) no-repeat 50% 0;
margin: 5px 0 0;
line-height: 23px;
text-align: center;
background-size: contain;
}
.mini-shopping-cart .count .items {
font-weight: bold;
}
.mini-shopping-cart a, .related-products-block .item a {
line-height: 15px;
font-size: 12px !important;
}
.mini-shopping-cart .item, .related-products-block .item {
overflow: hidden;
clear: both;
border-top: 1px solid #ddd;
font-size: 11px;
}
.mini-shopping-cart .item.first, .related-products-block .item.first {
border-top: 0;
}
.mini-shopping-cart .item > div, .related-products-block .item > div {
padding: 10px 0;
}
.mini-shopping-cart .item .picture, .related-products-block .item .picture {
float: left;
width: 25%;
text-align: center;
}
.mini-shopping-cart .item .picture img, .related-products-block .item .picture img {
max-width: 100%;
border: 1px solid #a9a9a9;
}
.mini-shopping-cart .item .product, .related-products-block .item .details {
float: right;
width: 65%;
}
.mini-shopping-cart .item .price, .mini-shopping-cart .item .quantity, .mini-shopping-cart .item .attributes, .related-products-block .item .price {
margin: 3px 0px 0px 0px;
}
.mini-shopping-cart .buttons {
margin: 10px 0px;
}
.mini-shopping-cart .cart-button, .mini-shopping-cart .checkout-button {
margin: 0;
margin-bottom: 5px;
}
.related-products-block .item .actual-price {
color: #396f00;
font-weight: bold;
}
/* NOTIFICATIONS */
.bar-notification {
display: none;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100000;
font-size: 1.2em;
}
.bar-notification.success {
background: none repeat scroll 0 0 #f88613;
border-bottom: 4px solid #fff !important;
color: #FFFFFF;
margin: 0 0 10px;
}
.bar-notification.error, .bar-notification.warning {
background: none repeat scroll 0 0 #595959;
border-bottom: 4px solid #fff !important;
color: #f88613;
margin: 0 0 10px;
}
.bar-notification .close {
background: url(images/ico-close-notification-bar.png) no-repeat;
width: 20px;
height: 20px;
float: right;
margin: 9px 9px 0px 0px;
cursor: pointer;
}
.bar-notification p.content {
padding: 0px 10px;
margin: 10px 0px;
}
.bar-notification p.content a {
text-decoration: underline;
color: #FFFFFF;
}
.bar-notification p.content a:hover {
text-decoration: none;
color: #FFFFFF;
}
/* EU COOKIE LAW */
.eu-cookie-bar-notification {
display: none;
left: 0;
position: fixed;
bottom: 0;
width: 100%;
z-index: 100000;
background: none repeat scroll 0 0 #F6F6F4;
border-top: 3px solid #FFFFFF !important;
color: #333333;
margin: 0px;
}
.eu-cookie-bar-notification .content {
padding: 0px 10px;
margin: 10px 0px;
zoom: 1;
}
.eu-cookie-bar-notification .content:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.eu-cookie-bar-notification .content .text {
float: left;
padding-top: 5px;
}
.eu-cookie-bar-notification .content .ok-button {
float: left;
margin-left: 10px;
}
.eu-cookie-bar-notification .content a.learn-more {
float: left;
margin-left: 10px;
padding-top: 5px;
text-decoration: underline;
color: #333333;
}
.eu-cookie-bar-notification .content a.learn-more:hover {
text-decoration: none;
color: #333333;
}
/* ORDER SUMMARY, SHOPPING CART, WISHLIST */
.shopping-cart-page, .wishlist-page {
}
.shopping-cart-page .page-title, .wishlist-page .page-title {
}
.shopping-cart-page .page-body, .wishlist-page .page-body {
margin: 0;
padding: 0;
}
.wishlist-page .share-info {
margin: 5px 0;
}
.wishlist-page .share-info .share-label {
font-weight: 700;
}
.wishlist-page .share-info a.share-link {
text-decoration: none;
}
.order-summary-content, .wishlist-content {
margin: 0;
padding: 0;
font-size: 100%;
color: #555;
}
.order-summary-content .message-error, .wishlist-content .message-error {
margin: 5px 0;
}
.order-summary-content .cart-right {
float: right;
width: 65%;
}
.order-summary-content .coupon-box, .order-summary-content .giftcard-box {
padding: 10px;
font-size: 100%;
color: #555;
border-bottom: 1px solid #f2d8c1;
}
.order-summary-content .coupon-box .message, .order-summary-content .giftcard-box .message {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
font-weight: 700;
color: red;
}
.order-summary-content .coupon-box .current-code {
padding: 10px 0px 0px 0px;
}
.order-summary-content .coupon-box .discount-coupon-code, .order-summary-content .giftcard-box .gift-card-coupon-code {
width: auto;
}
.order-summary-content .coupon-box .hint, .order-summary-content .giftcard-box .hint {
padding-top: 5px;
}
.order-summary-content .giftcard-box {
position: relative;
z-index: 1;
}
.order-summary-content .apply-discount-coupon-code-button, .order-summary-content .apply-gift-card-coupon-code-button {
margin: 5px 0;
}
.order-summary-content .cart, .wishlist-content .cart {
width: 100%;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
.wishlist-content .cart {
margin-bottom: 10px;
}
.order-summary-content .cart td, .wishlist-content .cart td {
padding: 10px;
}
.order-summary-content .cart .cart-header-row, .wishlist-content .cart .cart-header-row {
font-weight: 700;
}
.order-summary-content .cart .cart-header-row th, .wishlist-content .cart .cart-header-row th {
background: none repeat scroll 0 0 #eee;
color: #333;
height: 20px;
padding: 2px 8px;
vertical-align: middle;
white-space: nowrap;
}
.order-summary-content .cart .cart-header-row th.picture, .wishlist-content .cart .cart-header-row th.picture {
border: none;
}
.order-summary-content .cart .cart-header-row th.end, .wishlist-content .cart .cart-header-row th.end {
text-align: right;
padding-right: 5px;
}
.order-summary-content .cart .cart-item-row img, .wishlist-content .cart .cart-item-row img {
max-width: initial;
}
.order-summary-content .cart .cart-item-row td, .wishlist-content .cart .cart-item-row td {
border-bottom: 1px solid #d9dde3;
vertical-align: middle;
line-height: 1.4;
}
.order-summary-content .cart .cart-item-row td.product, .wishlist-content .cart .cart-item-row td.product {
text-align: left;
padding: 0 10px;
}
.order-summary-content .cart .cart-item-row td.product .attributes, .wishlist-content .cart .cart-item-row td.product .attributes {
line-height: 1.2;
padding: 5px 0;
}
.order-summary-content .cart .cart-item-row td.product a, .wishlist-content .cart .cart-item-row td.product a {
font-weight: 700;
text-decoration: none;
}
.order-summary-content .cart .cart-item-row td.end, .wishlist-content .cart .cart-item-row td.end {
text-align: right;
font-weight: 700;
padding-right: 5px;
}
.order-summary-content .cart .cart-item-row .qty-input, .wishlist-content .cart .cart-item-row .qty-input {
border: solid 1px #E3E3E3;
font-size: 12px;
text-align: right;
width: 40px;
}
.order-summary-content .cart .cart-item-row td .td-title, .wishlist-content .cart .cart-item-row td .td-title {
display: none;
}
.order-summary-content .cart-footer {
width: 100%;
zoom: 1;
}
.order-summary-content .cart-footer:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.order-summary-content .total-info {
margin: 0;
font-size: 12px;
}
.order-summary-content .total-info .selected-shipping-method {
font-weight: normal;
font-size: 100%;
}
.order-summary-content .total-info .order-total {
color: red;
}
.cart-total-left {
width: 100%;
text-align: right;
vertical-align: middle;
height: 21px;
font-weight: 700;
color: #353434;
padding-left: 60px;
}
.cart-total-left-below {
width: 100%;
text-align: right;
vertical-align: top;
height: 30px;
}
.cart-total-right {
text-align: right;
white-space: nowrap;
vertical-align: middle;
padding-left: 5px;
}
.order-summary-content .common-buttons {
background: #eee;
padding: 5px 10px;
margin: 0;
}
.continue-shopping-button {
float: left;
}
.update-cart-button {
float: right;
}
.order-progress {
margin: 0 0 50px;
background-color: #f6f6f6;
padding: 15px 0;
text-align: center;
}
.order-progress ul {
font-size: 0;
}
.order-progress li {
display: inline-block;
margin: 10px;
}
.order-progress a {
display: block;
min-width: 70px;
font-size: 14px; /*reset zeroing*/
color: #444;
}
.order-progress a:before {
content: "";
display: block;
width: 40px;
height: 40px;
margin: 0 auto 15px;
border: 1px solid #bbb;
background: #fff url('images/pointer.png') center no-repeat;
}
.order-progress li.active-step a {
cursor: pointer;
}
.order-progress li.inactive-step a {
opacity: 0.3;
cursor: default;
}
.order-summary-content .remove-gift-card-button, .order-summary-content .remove-discount-button {
padding-right: 5px;
padding-left: 18px;
background: url(images/ico-delete.gif) no-repeat;
border: 0;
width: 32px;
height: 15px;
}
.order-summary-content .remove-gift-card-button:hover, .order-summary-content .remove-discount-button:hover {
cursor: pointer;
}
.order-summary-content .selected-checkout-attributes {
margin: 0;
padding: 10px 5px 10px 0;
width: 100%;
text-align: right;
vertical-align: middle;
color: #353434;
}
.order-summary-content .checkout-attributes {
margin: 10px 0;
padding: 10px 20px;
background: none repeat scroll 0 0 #fff;
border: 1px solid #eee;
clear: both;
}
.order-summary-content .checkout-attributes .text-prompt {
font-weight: bold;
}
.order-summary-content .checkout-attributes ul.option-list {
padding: 0px;
margin: 0px;
}
.order-summary-content .checkout-attributes ul.option-list li {
list-style: none;
}
.order-summary-content .checkout-attributes .textbox {
width: 300px;
}
.order-summary-content .checkout-attributes textarea {
width: 300px;
height: 150px;
}
.order-summary-content .min-amount-warning {
margin: 0;
padding: 10px 0 10px 10px;
}
.terms-of-service {
margin: 0;
padding: 10px 0;
text-align: right;
}
.terms-of-service .read {
text-decoration: underline;
}
.terms-of-service .read:hover {
cursor: pointer;
}
.checkout-data .terms-of-service {
margin: 0;
padding: 10px 0 10px 10px;
}
.checkout-data .terms-of-service .read {
text-decoration: underline;
}
.checkout-data .terms-of-service .read:hover {
cursor: pointer;
}
.order-summary-content .checkout-buttons .checkout-button {
font: bold 15px/30px Arial,Helvetica,sans-serif;
}
.order-summary-content .checkout-buttons .checkout-button {
display: inline-block;
padding: 0px 25px;
}
.order-summary-content .addon-buttons {
clear: both;
float: right;
margin: 0;
padding: 10px 0 10px 10px;
text-align: right;
}
.order-summary-content .cross-sells {
clear: both;
}
.order-summary-content .totals {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 20px;
background: url('images/bkg_cart-totals.gif') left top no-repeat;
}
.checkout-data .order-summary-content .totals {
padding: 10px;
background: #FFEBD9;
float: right;
}
.order-summary-content .checkout-buttons {
text-align: right;
padding: 10px 0;
float: none;
}
.order-summary-content .deals, .order-summary-content .shipping {
background: #FFEBD9;
}
.order-summary-content .deals .title, .order-summary-content .shipping .title {
color: #d54c01;
float: left;
width: 240px;
}
.order-summary-content .deals .deals-form, .order-summary-content .shipping .shipping-form {
margin-left: 240px;
}
.estimate-shipping {
margin: 0;
padding: 10px;
font-size: 100%;
color: #555;
}
.estimate-shipping .hint {
padding-top: 5px;
padding-bottom: 5px;
}
.estimate-shipping .country-input, .estimate-shipping .state-input {
width: 137px;
}
.estimate-shipping .zip-input {
}
.estimate-shipping .shipping-options {
text-align: left;
height: auto;
}
.estimate-shipping .shipping-options label {
display: inline-block;
width: 85px;
}
.estimate-shipping .shipping-options .estimate-shipping-button {
margin-left: 90px;
}
.estimate-shipping .shipping-results li.shipping-option-item {
list-style: none;
text-align: left;
vertical-align: text-top;
padding: 5px 0 0 5px;
}
.estimate-shipping .shipping-results .shipping-option-item .option-name {
display: block;
font-weight: 700;
}
.estimate-shipping .shipping-results .shipping-option-item .option-description {
display: block;
padding: 5px 0 5px 16px;
}
/* CHECKOUT */
.checkout-page, .checkout-one-page {
}
.checkout-page .page-title, .checkout-one-page .page-title {
}
.checkout-page .checkout-data, .checkout-one-page .checkout-data {
margin: 0;
padding: 0;
color: #555;
background-color: inherit;
}
.checkoutstep {
}
.checkoutstep .steptitle {
border: 1px solid #2F4F4F;
color: #FFF;
background-color: #2E4d7B;
font-family: Arial,Sans-Serif;
font-size: 12px;
font-weight: 700;
padding: 5px;
margin-top: 5px;
}
.checkoutstep .stepcontent {
border: dashed 1px #2F4F4F;
border-top: none;
padding: 5px;
}
.order-summary-title {
padding: 10px 10px 5px 0;
font-size: 100%;
color: #555;
font-weight: 700;
clear: both;
}
.order-summary-body {
text-align: center;
height: auto;
}
.checkout-data .section {
margin-bottom: 15px;
}
.checkout-data .section .title {
padding: 10px 10px 5px 0;
font-weight: 700;
clear: both;
margin-bottom: 5px;
}
.checkout-data .address-grid {
padding: 0;
overflow: hidden;
}
.checkout-data .address-grid .address-item {
float: left;
padding: 10px;
border: 1px solid #e4e4e4;
width: 200px;
min-height: 150px;
margin-right: 5px;
}
.checkout-data .address-grid .address-item .select-button {
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
}
.checkout-data .address-grid .address-item li {
list-style: none;
text-align: left;
}
.checkout-data .enter-address {
border: 1px solid #e4e4e4;
height: auto;
padding: 10px;
}
.checkout-data .enter-address label {
display: inline-block;
width: 125px;
}
.checkout-data .enter-address .buttons {
margin-top: 10px;
}
.checkout-data .pickup-in-store {
border: 1px solid #e4e4e4;
height: auto;
padding: 10px;
}
.checkout-data .pickup-in-store .description {
font-style: italic;
}
.checkout-data .shipping-method {
text-align: left;
border: 1px solid #e4e4e4;
height: auto;
}
.checkout-data .shipping-method li {
text-align: left;
vertical-align: text-top;
padding: 5px 0 0 5px;
list-style: none;
}
.checkout-data .shipping-method .method-name {
font-weight: 700;
}
.checkout-data .shipping-method .method-description {
padding: 5px 0 5px 16px;
}
.checkout-data .shipping-method .buttons {
margin: 10px;
text-align: left;
}
.checkout-data .shipping-method .message-error {
margin: 10px;
text-align: left;
}
.checkout-data .use-reward-points {
margin: 0;
padding: 10px;
color: #555;
background: #f4f4f4;
margin-bottom: 10px;
border: dotted 1px #d3d3d3;
}
.checkout-data .payment-method {
text-align: left;
border: 1px solid #e4e4e4;
height: auto;
}
.checkout-data .payment-method li {
padding: 10px;
text-align: left;
vertical-align: text-top;
list-style: none;
}
.checkout-data .payment-method .method-name {
clear: both;
}
.checkout-data .payment-method .method-name:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.checkout-data .payment-method .payment-logo {
float: left;
}
.checkout-data .payment-method .payment-details {
float: left;
padding-top: 8px;
padding-left: 10px;
}
.checkout-data .payment-method .buttons {
margin: 10px;
text-align: left;
}
.checkout-data .payment-method .message-error {
margin: 10px;
text-align: left;
}
.checkout-data .payment-info {
text-align: left;
border: 1px solid #EEE;
height: auto;
}
.checkout-data .payment-info .info {
padding: 10px;
text-align: left;
vertical-align: text-top;
}
.checkout-data .payment-info .buttons {
margin: 10px;
text-align: left;
}
.checkout-data .payment-info .message-error {
margin: 10px;
text-align: left;
}
.checkout-data .payment-info td {
padding: 5px;
}
.checkout-data .confirm-order {
text-align: left;
border: 1px solid #EEE;
height: auto;
margin-bottom: 0;
}
.checkout-data .confirm-order .buttons {
margin: 10px;
text-align: left;
}
.checkout-data .confirm-order .message-error {
margin: 10px;
text-align: left;
}
.checkout-data .order-review-data {
padding: 10px;
overflow: hidden;
margin-bottom: 20px;
}
.checkout-data .order-review-data .billing-info-wrap, .checkout-data .order-review-data .shipping-info-wrap {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 350px;
}
.checkout-data .order-review-data li {
list-style: none;
text-align: left;
}
.checkout-data .order-review-data li:first-child {
margin-top: 0;
}
.checkout-data .order-review-data .title {
margin: 10px 0 5px;
color: #333;
}
.checkout-data .order-review-data .payment-method, .checkout-page .order-review-data .shipping-method {
border: none;
}
.checkout-data .order-completed {
text-align: left;
height: auto;
padding: 10px;
}
.checkout-data .order-completed ul {
margin-bottom: 10px;
}
.checkout-data .order-completed li {
margin: 5px 0;
list-style: none;
}
.checkout-data .order-completed a {
text-decoration: none;
}
.order-progress {
margin: 20px auto;
text-align: center;
}
.order-progress ul {
padding: 2px;
margin: 0;
background: #fff;
border: 1px solid #e4e4e4;
display: inline-block;
}
.order-progress ul li {
list-style: none;
display: inline-block;
}
.order-progress ul li .active-step {
color: #fff;
display: inline-block;
padding: 10px 20px;
zoom: 1;
background: #f88613;
font: normal 100% 'Arial', sans-serif;
text-transform: capitalize;
}
.order-progress ul li .inactive-step {
color: #666;
display: inline-block;
padding: 10px 20px;
zoom: 1;
background: #e4e4e4;
font: normal 100% 'Arial', sans-serif;
text-transform: capitalize;
}
.order-progress ul li a:hover {
text-decoration: none;
}
/* ONE PAGE CHECKOUT */
.opc {
border: 1px solid #ddd;
}
.opc .buttons {
margin-top: 0;
padding-top: 2em;
text-align: right;
}
.opc .buttons .back-link {
margin-bottom: 10px;
}
.opc .buttons .back-link small {
display: none;
}
.opc .buttons .back-link a {
background: url(images/arrow-up.png) no-repeat left;
padding-left: 20px;
}
.opc .buttons.disabled button {
display: none;
}
.opc .buttons .please-wait {
height: 21px;
line-height: 21px;
}
.opc .ul {
list-style: disc outside;
padding-left: 18px;
}
.opc ul, .opc ol, ul.opc, ol.opc {
list-style: none outside none;
}
.opc {
position: relative;
}
.opc li.tab-section {
}
.opc .step-title {
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
background: #eee;
padding: 8px;
text-align: right;
}
.opc .step-title .number {
float: left;
padding: 0 4px;
margin: 0 5px 0 0;
font: bold 11px/20px arial,helvetica,sans-serif;
color: #797979;
}
.opc .step-title h2 {
float: left;
margin: 0;
font: bold 13px/20px Arial,Helvetica,sans-serif;
color: #797979;
text-transform: capitalize;
}
.opc .allow .step-title {
background: #F2F2F2;
border-left: 0;
border-right: 0;
cursor: pointer;
}
.opc .active .step-title {
border-bottom: 1px solid #ddd;
border-top: 1px solid #333;
padding-bottom: 5px;
cursor: default;
background: #333;
}
.opc .active .step-title .number, .opc .active .step-title h2 {
color: #fff;
}
.opc .step {
padding: 15px 30px;
position: relative;
background: #fbfbfb;
}
.opc .step-title:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.opc .order-summary-content .cart-footer {
background: none !important;
}
/* ORDER DETAILS */
.order-details-page {
}
.order-details-page .page-title {
}
.order-details-page .page-title h1 {
float: left;
}
.order-details-page .page-title a {
float: right;
margin-left: 10px;
}
.order-details-page .page-title a:hover {
text-decoration: none;
}
.order-details-page .title {
padding: 10px 10px 5px 0;
font-weight: 700;
clear: both;
font-size: 12px;
}
.order-details-page .page-body {
border: 1px solid #EEE;
padding: 10px;
}
.order-details-page .order-overview {
text-align: left;
padding-bottom: 10px;
overflow: hidden;
}
.order-details-page .order-overview .order-number {
margin-bottom: 10px;
}
.order-details-page .order-overview .order-details {
float: left;
}
.order-details-page .order-overview .order-details span {
display: block;
margin-bottom: 5px;
}
.order-details-page .order-overview .order-total {
text-align: right;
}
.order-details-page .order-details-area {
text-align: left;
margin: 10px;
padding: 10px;
border: 1px solid #EEE;
height: auto;
}
.order-details-page .order-details-area:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.order-details-page .order-details-area table {
width: 100%;
border: 0px;
border-collapse: collapse;
border-spacing: 0;
}
.order-details-page .order-details-area td {
width: 50%;
vertical-align: top;
}
.order-details-page .order-details-area .billing-info-wrap, .order-details-page .order-details-area .shipping-info-wrap {
float: left;
width: 40%;
margin-right: 20px;
}
.order-details-page .order-details-area li, .shipment-details-area li {
list-style: none;
}
.order-details-page .order-details-area li:first-child {
margin-top: 0;
}
.order-details-page .repost {
margin: 10px 0px 10px 0px;
}
.order-details-page .repost .hint {
margin: 0px;
}
.order-details-page .section {
text-align: left;
padding: 10px;
margin-bottom: 20px;
height: auto;
}
.order-details-page .checkout-attributes {
text-align: right;
vertical-align: middle;
padding: 10px;
height: auto;
}
.order-details-page .actions {
margin: 10px 0px 10px 0px;
}
.order-details-page .cart-total-left {
color: #000;
}
.order-details-page .order-notes th.createdon {
width: 30%;
}
.order-details-page .products td .td-title {
display: none;
}
/* SHIPMENTS */
.shipment-details-page {
}
.shipment-details-page .page-title {
}
.shipment-details-page .title {
padding: 10px 10px 5px 0;
font-weight: 700;
clear: both;
font-size: 12px;
}
.shipment-details-page .page-body {
border: 1px solid #d7d7d7;
padding: 10px;
}
.shipment-details-page .shipment-overview {
overflow: hidden;
margin-bottom: 10px;
}
.shipment-details-page .shipment-overview ul {
float: left;
margin-right: 20px;
}
.shipment-details-page .shipment-overview li {
list-style: none;
}
.shipment-details-page .shipment-overview .title {
margin-bottom: 5px;
}
.shipment-details-page .tracking-url {
text-decoration: none;
}
/* HOME PAGE */
.promo, .featured-social {
padding: 0;
margin: 0;
width: 100%;
}
.subpromo {
margin: 0;
padding: 0;
width: 100%;
}
.promo-bottom {
/*margin-bottom: 20px;*/
}
.promo .left, .featured-social .left {
width: 68%;
vertical-align: top;
}
.promo .right, .featured-social .right {
width: 26%;
text-align: right;
vertical-align: top;
}
.promo .right img, .subpromo img {
max-width: 100% !important;
height: auto !important;
/*margin-bottom: 20px;*/
}
.promo p, .promo .right div, .subpromo p, .subpromo div {
margin: 0 !important;
/*padding: 0 !important;*/
line-height: 100% !important;
padding: 5px;
}
.subpromo td {
padding-right: 25px;
}
.subpromo td.last {
padding-right: 0;
text-align: right;
}
.jcarousel-skin-tango {
border-radius: 5px;
background: #F5F3F2;
width: 60%;
padding: 20px 40px;
float: left;
}
.jcarousel-skin-tango .owl-item {
max-width: 100%;
}
.jcarousel-skin-tango .owl-item div {
margin: 0 5px;
}
.jcarousel-skin-tango a {
display: inline-block;
border: 1px solid #ccc;
text-align: center;
}
.jcarousel-skin-tango a img {
vertical-align: middle;
max-width: 100%;
}
.featured-social .newsletter {
background: #F5F3F2;
padding: 15px;
text-align: left;
width: 25%;
min-width: 233px;
float: right;
border-radius: 5px;
margin-top: -10px;
margin-right: 12px;
}
.newsletter .title {
font-size: 12px;
}
.newsletter .newsletter-subscribe-block {
margin: 4px 0;
background: url(images/subscribe_bg.png) no-repeat;
width: 233px;
height: 33px;
position: relative;
border: none;
padding-left: 40px;
background-size: contain;
}
.newsletter .newsletter-subscribe-block input[type=text] {
width: 160px;
height: 27px;
border: none;
line-height: 27px;
margin: 3px;
float: left;
padding: 0;
}
.newsletter .newsletter-subscribe-block input[type=text]:focus {
outline: none;
}
.newsletter .newsletter-subscribe-block label {
display: none;
}
.newsletter .newsletter-subscribe-block label,
.newsletter .newsletter-subscribe-block .input-box,
.newsletter .newsletter-subscribe-block button.button {
float: left;
}
.form-subscribe button.button {
float: left;
position: absolute;
right: 5px;
}
.newsletter .newsletter-subscribe-block label {
padding-top: 2px;
font-weight: bold;
color: #555;
}
.newsletter .newsletter-subscribe-block .input-box {
width: 136px;
margin: 0 5px;
}
.newsletter .newsletter-subscribe-block input.input-text {
width: 160px;
padding: 10px 0 0 40px;
background: none;
border: none;
}
.newsletter .newsletter-subscribe-block button.button, .wired-home .form-subscribe .buttons { /*position:absolute;*/
float: left; /*top: 10px;*/
}
.newsletter .newsletter-subscribe-block button.button span {
text-indent: -9999px;
height: 13px;
width: 12px;
background: transparent url(images/subscribe_btn.gif) no-repeat top left;
line-height: 13px;
}
.newsletter .newsletter-subscribe-block .buttons .button {
border: none;
text-indent: -9999px;
height: 13px;
width: 12px;
background: transparent url(images/subscribe_btn.gif) no-repeat top left;
line-height: 13px;
margin: 10px 0px;
}
.newsletter .newsletter-subscribe-block button.button span span {
background: none !important;
color: #444 !important;
text-shadow: 0px 1px #fff !important;
}
.newsletter input[type="radio"] {
margin-top: 0 !important;
}
.home-page-product-grid, .bestsellers {
margin-left: auto;
margin-right: auto;
width: auto;
}
.home-page-product-grid .title, .bestsellers .title {
padding: 10px 10px 10px 0;
margin: 0;
font-weight: 700;
text-transform: capitalize;
font-size: 1.1em;
color: #3a3a3a;
}
.home-page-category-grid {
margin-left: auto;
margin-right: auto;
width: auto;
zoom: 1;
}
.home-page-category-grid:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.home-page-category-grid a {
color: #555;
font-size: 1.2em;
font-weight: 700;
}
.home-page-category-grid .item-box {
float: left;
text-align: center;
vertical-align: text-top;
padding: 5px 15px 5px 0;
}
.home-page-category-grid .category-item {
text-align: center;
margin-bottom: 20px;
width: 210px;
height: 180px;
border: 1px solid #eee;
}
.home-page-category-grid .category-item .title {
text-align: center;
font-weight: 700;
font-size: .9em;
display: block;
overflow: hidden;
padding: 5px;
}
.home-page-category-grid .category-item .picture {
text-align: center;
padding: 10px 0;
}
/* PRODUCTS IN GRID - TEMPLATE */
.product-grid {
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
width: auto;
zoom: 1;
}
.product-grid:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.product-grid .item-box {
float: left;
padding: 0 0 20px;
text-align: center;
vertical-align: text-top;
}
.product-grid .product-item {
text-align: left;
margin: 0;
padding: 0;
width: 255px;
}
.product-grid > .item-box:nth-child(2n+1) {
clear: both;
}
.product-grid .product-item .product-title {
font-weight: normal;
font-size: 12px;
padding: 0;
}
.product-grid .product-item .product-title a {
display: block;
height: auto;
line-height: 1.3em;
overflow: hidden;
padding: 4px 10px 8px 0;
text-decoration: underline;
color: #444;
}
.product-item .sku {
padding: 5px 0;
}
.product-grid .product-item .picture {
background: none repeat scroll 0 0 #ffffff;
border-top: 2px solid #eeeeee;
border-bottom: 2px solid #eeeeee;
text-align: center;
height: 140px;
overflow: hidden;
}
.product-grid .odd .product-item .picture {
border-right: 1px solid #eeeeee;
}
.product-grid .even .product-item .picture {
border-left: 1px solid #eeeeee;
}
.product-grid .product-item .picture img {
margin: 5px;
}
.product-grid .product-item .details {
padding-right: 10px;
}
.product-grid .product-item .description {
display: none;
margin: 5px 5px 0 5px;
text-align: center;
padding: 10px 5px;
border-top: solid 1px #e3e3e3;
color: #555;
height: 50px;
}
.product-grid .product-item .add-info {
vertical-align: bottom;
text-align: right;
width: auto;
height: auto;
position: relative;
}
.product-grid .product-item .prices .price {
margin: 0px;
display: inline-block;
}
.product-grid .product-item .prices .actual-price {
color: #396f00;
font-weight: bold;
}
.product-grid .product-item .prices .old-price {
color: #797979;
text-decoration: line-through;
}
.product-grid .product-item .tax-shipping-info {
font-size: 100%;
}
.product-grid .product-item .tax-shipping-info a {
text-decoration: underline;
}
.product-grid .product-item .buttons {
vertical-align: middle;
position: static;
margin-top: 5px;
text-align: left;
}
.product-grid .product-item .picture {
position: relative;
}
.product-box-add-to-cart-button {
margin: 10px 0;
}
/* PRODUCTS IN LINES - TEMPLATE */
.product-list {
width: auto;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.product-list .item-box {
text-align: left;
clear: both;
position: relative;
margin-bottom: 10px;
}
.product-list .product-item {
width: auto;
margin-top: 10px;
padding-bottom: 10px;
position: relative;
zoom: 1;
}
.product-list .product-item:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.product-list .product-item .product-title {
font-weight: normal;
font-size: 12px;
padding-left: 10px;
margin-top: 10px;
}
.product-list .product-item .product-title a {
display: block;
height: auto;
line-height: 1.3em;
overflow: hidden;
padding: 4px 10px 8px 0;
text-decoration: underline;
color: #444;
}
.product-list .product-item .details {
float: right;
width: 65%;
}
.product-list .product-item .product-rating-box {
padding: 0 0 0 10px;
}
.product-list .product-item .picture {
float: left;
width: 25%;
margin: 10px;
position: relative;
}
.product-list .product-item .picture img, .product-grid .product-item .picture img, .sub-category-item .picture img {
max-height: 100%;
max-width: 100%;
background-color: #fff;
}
.product-list .product-item .description {
padding: 0 0 0 10px;
margin: 10px 0;
text-align: left;
color: #555;
}
.product-list .product-item .add-info {
float: right;
text-align: right;
position: absolute;
top: 40px;
right: 10px;
}
.product-list .product-item .prices {
padding: 10px 0 0 10px;
}
.product-list .product-item .prices .price {
margin: 0;
display: block;
}
.product-list .product-item .prices .actual-price {
color: #396f00;
font-weight: bold;
}
.product-list .product-item .prices .old-price {
color: #797979;
text-decoration: line-through;
}
.product-list .product-item .prices .tax-shipping-info {
font-size: 100%;
}
.product-list .product-item .prices .tax-shipping-info a {
text-decoration: underline;
}
.product-list .product-item .buttons {
padding-top: 20px;
}
.product-item .add-to-compare-list-button, .product-item .add-to-wishlist-button {
margin: 2px 0;
font-size: 90%;
padding: 0 8px;
line-height: 20px;
}
/* FEATURED PRODUCTS */
.featured-product-grid .title {
padding: 10px 10px 5px 0;
font-weight: 700;
text-transform: capitalize;
clear: both;
margin: 0;
color: #333333;
font-size: 1.3em;
}
/* CATALOG PAGES */
.category-page, .manufacturer-page, .vendor-page, .manufacturer-list-page, .product-tag-page, .product-tags-all-page, .vendor-list-page {
}
.category-page .page-title, .manufacturer-list-page .page-title, .manufacturer-page .page-title, .vendor-page .page-title, .product-tag-page .page-title, .product-tags-all-page .page-title, .vendor-list-page .page-title {
border-bottom: 0 none;
clear: both;
}
.product-tags-all-page .product-tags-list li {
display: inline;
}
.product-tags-all-page .product-tags-list li a {
text-decoration: none;
margin: 0 2px 0 0;
}
.vendor-list-page .vendor-list li {
display: inline;
}
.vendor-list-page .vendor-list li a {
text-decoration: none;
margin: 0 2px 0 0;
}
.category-page .category-description, .manufacturer-page .manufacturer-description, .vendor-page .vendor-description {
color: #555;
font-size: 1.1em;
}
.sub-category-grid, .manufacturer-grid, .vendor-grid {
margin-left: auto;
margin-right: auto;
width: auto;
margin-bottom: 15px;
zoom: 1;
}
.sub-category-grid:after, .manufacturer-grid:after, .vendor-grid:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.sub-category-grid a, .manufacturer-grid a, .vendor-grid a {
color: #555;
font-size: 1.2em;
font-weight: 700;
}
.sub-category-grid .item-box, .manufacturer-grid .item-box, .vendor-grid .item-box {
float: left;
text-align: center;
vertical-align: text-top;
padding: 5px 25px 5px 0;
}
.sub-category-grid .sub-category-item, .manufacturer-grid .manufacturer-item, .vendor-grid .vendor-item {
text-align: center;
margin: 0px;
width: 208px;
border: 2px solid #eee;
}
.sub-category-grid .sub-category-item .title, .manufacturer-grid .manufacturer-item .title, .vendor-grid .vendor-item .title {
text-align: center;
font-weight: 700;
font-size: .9em;
display: block;
overflow: hidden;
padding: 5px;
}
.sub-category-grid .sub-category-item .picture, .manufacturer-grid .manufacturer-item .picture, .vendor-grid .vendor-item .picture {
text-align: center;
padding: 10px 0;
}
.sub-category-grid .item-box:nth-child(2n+1), .manufacturer-grid .item-box:nth-child(2n+1), .vendor-grid .item-box:nth-child(2n+1) {
clear: both;
}
/* Pager */
.pager {
font-size: 11px;
background: #fff url(images/bkg_toolbar.gif) 0 100% repeat-x;
text-align: center;
padding: 0px 8px;
line-height: 19px;
}
.pager .amount {
float: left;
margin: 0;
}
.pager .limiter {
float: right;
}
.pager .limiter label {
vertical-align: middle;
}
.pager .limiter select {
padding: 0;
margin: 0 0 1px;
vertical-align: middle;
}
.pager .pages {
margin: 0 140px;
}
.pager .pages ol {
display: inline;
}
.pager .pages li {
display: inline;
margin: 0;
}
.pager .pages .current {
}
/* Sorter */
.sorter {
font-size: 11px;
background: #fff url(images/bkg_toolbar.gif) 0 100% repeat-x;
padding: 3px 8px;
border-top: 1px solid #ddd;
}
.sorter .view-mode {
float: left;
margin: 0;
}
.sorter .sort-by {
float: right;
}
.sorter .sort-by label {
vertical-align: middle;
}
.sorter .sort-by select {
padding: 0;
margin: 0 0 1px;
vertical-align: middle;
}
.sorter .link-feed {
}
.sorter select {
padding: 0;
}
/* Toolbar */
.category-toolbar {
}
.category-toolbar .pager {
padding: 0px 8px;
line-height: 24px;
}
.category-toolbar .sorter {
}
.category-toolbar .view-mode a {
display: inline-block;
width: 18px;
height: 20px;
margin: 0 0 0 6px;
background-position: center;
background-repeat: no-repeat;
opacity: 0.4;
text-indent: -9999px;
}
.category-toolbar .view-mode a.grid {
background-image: url('images/view-grid.png');
background-size: contain;
}
.category-toolbar .view-mode a.list {
background-image: url('images/view-list.png');
background-size: contain;
}
.category-toolbar .view-mode a.selected {
opacity: 1;
}
.toolbar-bottom {
}
.block .listbox strong {
display: block;
line-height: 1.3em;
overflow: hidden;
font-weight: 700;
font-family: arial,helvetica,sans-serif;
text-transform: uppercase;
margin: 10px 0 0;
font-size: 12px;
}
.product-filters .filter-content {
padding: 5px 0;
}
.price-range-filter .filter-title {
font-weight: bold;
text-transform: uppercase;
}
.price-range-filter ul {
margin: 0;
padding: 0;
}
.price-range-filter li {
list-style: none;
}
.price-range-filter .price-range-selector {
}
.price-range-filter .selected-price-range {
}
.price-range-filter .remove-filter {
padding-top: 5px;
font-family: arial,helvetica,sans-serif;
}
.price-range-filter .remove-filter a {
font-weight: 700;
}
.product-spec-filter {
}
.product-spec-filter .available-items, .product-spec-filter .already-filtered-items {
width: 100%;
overflow: hidden;
}
.product-spec-filter .group {
display: block;
float: left;
clear: both;
font-weight: 700;
}
.product-spec-filter .group li {
list-style: none;
}
.product-spec-filter .available-items .item {
list-style: none;
}
.product-spec-filter .color-item {
display: inline-block;
}
.product-spec-filter .already-filtered-items .filter-title {
background: none;
padding: 5px 0 0;
color: #f88613;
font-weight: bold;
}
.product-spec-filter .already-filtered-items .item {
padding: 5px 0;
}
.product-spec-filter .remove-filter {
padding-top: 5px;
}
.product-spec-filter .remove-filter a {
font-weight: 700;
}
/* COMPARE PRODUCTS */
.compare-products-page .page-title {
}
.compare-products-page .page-body {
margin: 0;
padding: 0;
color: #555;
background-color: inherit;
}
.compare-products-table {
margin-top: 10px;
width: 100%;
border: 0px;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
.compare-products-table tr.product-name a {
font-weight: 700;
color: #f88613;
}
.compare-products-table td {
border: 1px solid #d4d4d4;
padding: 5px 3px;
vertical-align: top;
}
/* LOGIN */
.login-page {
}
.login-page .page-title {
margin-bottom: 20px;
}
.login-page .page-body {
color: #555;
}
.login-page .title {
margin: 0 0 10px;
/*zoom: 1;*/
padding: 5px;
margin: 0;
font-family: Arial,Helvetica,sans-serif;
text-transform: capitalize;
background: #f1f1f1;
}
.login-page .title strong {
font-weight: 700;
}
.login-page .customer-blocks:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.login-page .new-wrapper {
float: left;
width: 48%;
padding: 0 0 20px;
margin-bottom: 15px;
}
.login-page .returning-wrapper {
float: right;
width: 48%;
padding: 0 0 20px;
margin-bottom: 15px;
}
.login-page .returning-wrapper .form-fields, .login-page .new-wrapper .text {
min-height: 200px;
}
.login-page .new-wrapper .text {
line-height: 20px;
}
.login-page .new-wrapper .buttons {
margin: 30px 0 5px;
}
.login-page .checkout-as-guest-or-register-block ul {
padding-left: 30px;
}
.login-page .returning-wrapper .inputs {
margin: 10px 0;
}
.login-page .returning-wrapper .message-error {
padding: 0;
}
.login-page .returning-wrapper .buttons, .login-page .new-wrapper .buttons {
text-align: right;
border-top: 1px solid #e4e4e4;
padding: 20px 0;
}
.login-page .returning-wrapper label {
width: 100px;
display: inline-block;
margin-right: 10px;
white-space: nowrap;
vertical-align: middle;
font-weight: 700;
}
.login-page .email, .login-page .username, .login-page .password {
width: 170px;
}
.login-page .returning-customer .reversed label {
width: auto;
font-weight: 400;
}
.login-page .forgot-password {
display: block;
margin-top: 5px;
font-weight: 700;
padding-left: 110px;
}
.login-page .field-validation-error {
display: block;
}
.external-auth-errors {
text-align: center;
border: solid 1px #d3d3d3;
vertical-align: top;
width: 100%;
color: Red;
margin-bottom: 20px;
}
.external-auth-errors ul {
padding: 0px;
}
.external-auth-errors ul li {
list-style: none;
}
.external-auth-association {
text-align: center;
border: solid 1px #d3d3d3;
vertical-align: top;
width: 100%;
margin-bottom: 20px;
}
/* REGISTRATION */
.registration-page {
}
.registration-page .page-title {
}
.registration-page .page-body {
margin: 0;
padding: 0;
color: #555;
background-color: inherit;
}
.registration-page .gender {
display: inline-block;
}
.registration-page ul.option-list {
display: inline-block;
}
.registration-page ul.option-list li {
list-style: none;
display: inline-block;
}
.registration-page ul.option-list li label {
width: auto;
margin-left: 0px;
}
.registration-page .vat-note {
display: block;
}
.registration-page .accept-privacy-policy {
float: left;
margin-bottom: 5px;
margin-top: 5px;
clear: both;
}
.registration-page .accept-privacy-policy .read {
text-decoration: underline;
}
.registration-page .accept-privacy-policy .read:hover {
cursor: pointer;
}
.registration-page .buttons {
margin-bottom: 5px;
margin-top: 5px;
clear: both;
}
.registration-page .message-error {
margin-bottom: 20px;
}
.registration-page textarea {
height: 100px;
width: 500px;
border: solid 1px #E3E3E3;
vertical-align: top;
}
.registration-result-page {
}
.registration-result-page .page-title {
}
.registration-result-page .page-body {
margin: 0;
padding: 0;
color: #555;
background-color: inherit;
}
.registration-result-page .buttons {
float: left;
margin-bottom: 5px;
margin-top: 5px;
clear: both;
}
/* BREADCRUMB */
.breadcrumb {
margin: 10px 0 0;
padding: 0;
font-size: 12px;
border-bottom: 4px solid #ddd;
}
.breadcrumb ul {
margin: 0px;
padding: 4px 15px 4px 0px;
display: inline-block;
}
.breadcrumb li {
list-style: none;
display: inline;
}
.breadcrumb li strong {
font-weight: bold;
}
.breadcrumb a {
text-decoration: none;
color: #797979;
}
.breadcrumb a:hover {
text-decoration: underline;
color: #333333;
}
.breadcrumb .current-item {
font-weight: bold;
}
.breadcrumb .delimiter {
}
/* NEWS */
.news-list-page, .news-list-homepage {
margin-bottom: 15px;
padding-bottom: 5px;
padding-left: 0;
}
.news-list-homepage .title {
padding: 10px 10px 10px 0;
margin: 0;
font-weight: 700;
text-transform: capitalize;
font-size: 1.1em;
color: #333333;
}
.news-items {
margin: 0;
padding: 0;
}
.news-items .item {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
}
.news-list-homepage .item {
padding: 10px 0;
}
.news-items .news-date {
color: #9a9a9a;
}
.news-items a.news-title {
color: #444;
text-decoration: none;
font-size: 1.2em;
}
.news-items a.news-title:hover {
text-decoration: underline;
}
.news-items .news-details {
margin-top: 10px;
margin-bottom: 10px;
}
.news-items .read-more {
font-weight: 700;
text-decoration: none;
background-color: inherit;
}
.news-item-page {
}
.news-item-page .page-title {
}
.news-item-page .news-date {
color: #9a9a9a;
}
.news-item-page .news-body {
margin: 0 0 20px;
padding: 0;
}
.news-item-page .news-body a {
text-decoration: underline;
}
.news-item-page .result {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
font-weight: 700;
color: red;
margin-bottom: 10px;
}
.news-item-page .new-comment {
margin-top: 10px;
}
.news-item-page .new-comment .captcha-box {
margin-bottom: 12px;
}
.news-item-page .new-comment .comment-title {
width: 350px;
}
.news-item-page .new-comment .comment-text {
width: 350px;
height: 150px;
vertical-align: middle;
}
.news-item-page .new-comment .buttons {
text-align: left;
padding-left: 150px;
}
.news-item-page .comment-list {
margin: 10px 0px 10px 0;
}
.news-item-page .comment-list .title {
padding: 10px 10px 10px 0;
font-weight: 700;
text-transform: capitalize;
font-size: 1.1em;
color: #3a3a3a;
}
.news-comment {
zoom: 1;
}
.news-comment:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.news-comment .comment-info {
width: 140px;
float: left;
padding: 5px;
height: 100%;
border-right: solid 1px #F3F3F3;
}
.news-comment .comment-info .user-info {
padding-top: 5px;
}
.news-comment .comment-info .user-info a.username {
font-weight: 700;
margin-bottom: 5px;
}
.news-comment .comment-info .user-info span.username {
font-weight: 700;
margin-bottom: 5px;
}
.news-comment .comment-info .user-info .avatar {
margin: 5px 0;
}
.news-comment .comment-info .user-info .avatar .avatar-img {
border: solid 2px #CEDBE1 !important;
}
.news-comment .comment-content {
margin-left: 150px;
border: solid 1px #F3F3F3;
}
.news-comment .comment-content .comment-time {
font-weight: 700;
line-height: 20px;
padding: 3px;
background: #eee;
}
.news-comment .comment-content .comment-time .stat-value {
font-weight: 400;
}
.news-comment .comment-content .comment-title {
padding: 3px;
font-weight: 700;
}
.news-comment .comment-content .comment-body {
padding: 3px;
}
/* BLOGS */
.blog-page {
}
.blog-page .page-title {
}
.blog-page .blog-posts {
margin: 0;
padding: 0;
}
.blog-page .blog-posts .post {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
}
.blog-page .blog-posts .post:last-child {
border-bottom: none;
}
.blog-page .blog-posts .post .post-date {
color: #9a9a9a;
}
.blog-page .blog-posts .post a.post-title {
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
}
.blog-page .blog-posts .post a.post-title:hover {
text-decoration: underline;
}
.blog-page .blog-posts .post .tags label {
float: left;
margin-right: 5px;
}
.blog-page .blog-posts .post .tags li {
float: left;
list-style: none;
}
.blog-page .blog-posts .post .tags li.separator {
margin-right: 5px;
}
.blog-page .blog-posts .post-body, .blog-page .blog-posts .tags {
margin-top: 10px;
margin-bottom: 10px;
zoom: 1;
}
.blog-page .tags:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.blog-page .blog-posts .post-body a, .blog-page .blog-posts .tags a {
color: #333333;
text-decoration: underline;
}
.blog-page .blog-posts .blog-details {
margin-top: 15px;
}
.blog-page .blog-posts .blog-details a {
font-weight: 700;
text-decoration: none;
color: #333333;
background-color: inherit;
}
.blogpost-page {
}
.blogpost-page .page-title {
}
.blogpost-page .post-date {
color: #9a9a9a;
}
.blogpost-page .post-body {
}
.blogpost-page .post-body:after, .blogpost-page .tags:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.blogpost-page .tags {
margin: 0 0 20px;
zoom: 1;
}
.blogpost-page .post-body a, .blogpost-page .tags a {
color: #333333;
text-decoration: underline;
}
.blogpost-page .post-body a:hover, .blogpost-page .tags a:hover {
text-decoration: underline;
font-weight: normal;
}
.blogpost-page .tags label {
float: left;
margin-right: 5px;
}
.blogpost-page .tags li {
float: left;
list-style: none;
}
.blogpost-page .tags li.separator {
margin-right: 5px;
}
.blogpost-page .result {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
font-weight: 700;
color: red;
margin-bottom: 10px;
}
.blogpost-page .new-comment {
margin-top: 10px;
}
.blogpost-page .new-comment .captcha-box {
margin-bottom: 12px;
}
.blogpost-page .new-comment .comment-text {
width: 350px;
height: 150px;
vertical-align: middle;
}
.blogpost-page .new-comment .buttons {
text-align: left;
padding-left: 150px;
}
.blogpost-page .comment-list {
margin: 10px 0px 10px 0;
}
.blogpost-page .comment-list .title {
padding: 10px 10px 10px 0;
font-weight: 700;
text-transform: capitalize;
font-size: 1.1em;
color: #3a3a3a;
}
.blog-comment {
zoom: 1;
}
.blog-comment:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.blog-comment .comment-info {
width: 140px;
float: left;
padding: 5px;
height: 100%;
border-right: solid 1px #F3F3F3;
}
.blog-comment .comment-info .user-info {
padding-top: 5px;
}
.blog-comment .comment-info .user-info a.username {
font-weight: 700;
margin-bottom: 5px;
}
.blog-comment .comment-info .user-info span.username {
font-weight: 700;
margin-bottom: 5px;
}
.blog-comment .comment-info .user-info .avatar {
margin: 5px 0;
}
.blog-comment .comment-info .user-info .avatar .avatar-img {
border: solid 2px #CEDBE1 !important;
}
.blog-comment .comment-content {
margin-left: 150px;
border: solid 1px #eee;
}
.blog-comment .comment-content .comment-time {
font-weight: 700;
line-height: 20px;
padding: 3px;
background: #eee;
}
.blog-comment .comment-content .comment-time .stat-value {
font-weight: 400;
}
.blog-comment .comment-content .comment-body {
padding: 3px 3px 10px;
}
/* POLLS */
.poll {
margin: 0;
padding: 0;
font-size: 100%;
background-color: inherit;
}
.poll-display-text {
font-weight: 700;
color: #333333;
}
.poll-options, .poll-results {
padding: 5px !important;
margin: 10px 0 !important;
}
.poll-options li, .poll-results li {
background: none;
padding: 0;
margin: 0;
list-style: none;
line-height: 18px;
}
.poll-options .answer input[type="radio"] {
vertical-align: middle;
}
.poll-options .answer label {
vertical-align: middle;
margin-left: 5px;
}
.poll .buttons {
padding: 5px;
}
.poll-total-votes {
font-style: italic;
}
.vote-poll-button {
}
.todays-poll-box {
margin-top: 15px;
margin-bottom: 15px;
padding-bottom: 5px;
padding-left: 0;
overflow: hidden;
}
.todays-poll-box .poll {
float: left;
text-align: left;
vertical-align: top;
}
/* EMAIL A FRIEND */
.email-a-friend-page {
}
.email-a-friend-page .page-title {
margin-bottom: 20px;
}
.email-a-friend-page .title {
margin-bottom: 20px;
}
.email-a-friend-page .product {
font-weight: bold;
font-size: 13px;
}
.email-a-friend-page .result {
font-weight: bold;
}
.email-a-friend-page .form-fields {
zoom: 1;
}
.email-a-friend-page .form-fields:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.email-a-friend-page .inputs {
margin-bottom: 12px;
}
.email-a-friend-page .inputs label {
display: block;
}
.email-a-friend-page .captcha-box {
margin-bottom: 12px;
}
.email-a-friend-page .friend-email, .email-a-friend-page .your-email {
width: 250px;
}
.email-a-friend-page .personal-message {
width: 350px;
height: 150px;
}
.email-a-friend-page .buttons {
text-align: left;
}
.email-a-friend-page .field-validation-error {
display: block;
}
/* SEARCH */
.search-page {
}
.search-page .page-title {
}
.search-page .search-input {
border: 1px solid #d7d7d7;
padding: 10px;
margin-bottom: 10px;
}
.search-page .search-input .buttons {
text-align: right;
}
.search-page .search-results .result {
font-weight: 700;
color: #555;
}
.search-page .basic-search label {
line-height: 25px;
}
.search-page .search-text {
width: 560px;
}
.search-page .adv-search {
margin-top: 10px;
}
.search-page .inputs {
overflow: hidden;
padding: 4px;
}
.search-page .inputs label {
display: inline-block;
width: 110px;
}
.search-page .inputs.reversed label {
width: auto;
}
.search-page .price-from, .search-page .price-to {
width: 100px;
}
.search-page .warning {
text-decoration: underline;
}
/* PASSWORD RECOVERY AND NEWSLETTER PAGES */
.password-recovery-page, newsletter-page {
}
.password-recovery-page .page-title, newsletter-page .page-title {
}
.password-recovery-page .page-body, newsletter-page .page-body {
margin: 0;
padding: 0;
color: #555;
background-color: inherit;
}
.password-recovery-page .email {
width: 250px;
}
.password-recovery-page .result {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
font-weight: 700;
color: red;
}
/* ACCOUNT ACTIVATION */
.account-activation-page {
}
.account-activation-page .page-title {
}
.account-activation-page .page-body {
margin: 0;
padding: 0;
color: #555;
background-color: inherit;
}
/* CONTACTS */
.contact-page {
}
.contact-page .page-body {
}
.contact-page .result {
font-weight: bold;
}
.contact-page .form-fields {
zoom: 1;
}
.contact-page .form-fields:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.contact-page .inputs {
margin-bottom: 12px;
}
.contact-page .captcha-box {
margin-bottom: 12px;
}
.contact-page .fullname {
width: 250px;
padding: 1px;
}
.contact-page .email {
width: 250px;
padding: 1px;
}
.contact-page .enquiry {
width: 350px;
height: 150px;
}
.contact-page .buttons {
text-align: left;
}
/* RECENTLY VIEWED AND ADDED PRODUCTS */
.recently-added-products-page {
}
.recently-added-products-page .page-title {
}
.recently-viewed-products-page {
}
.recently-viewed-products-page .page-title {
}
/* CUSTOMER ACCOUNT PAGES */
.account-page .result {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
font-weight: 700;
color: red;
}
.account-page .page-title {
margin-bottom: 20px;
}
.account-page .page-body {
margin: 0;
padding: 0;
color: #555;
}
.account-page .section li {
list-style: none;
line-height: 16px;
}
.address-list-page {
}
.address-list-page .address-list {
}
.address-list-page .address-list .address-item {
}
.address-list-page .address-list .address-item .title {
font-size: 13px;
}
.address-list-page .add-button {
margin-bottom: 5px;
margin-top: 5px;
float: left;
text-align: right;
}
.address-edit-page .edit-address {
margin-bottom: 10px;
}
.edit-address .inputs {
margin-bottom: 10px;
}
.address-edit-page .edit-address label {
display: inline-block;
width: 100px;
}
.address-edit-page .buttons {
}
.avatar-page {
padding: 10px;
}
.avatar-page .buttons {
margin: 5px 0;
}
.back-in-stock-subscription-list-page {
}
.back-in-stock-subscription-list-page .subscription-list {
}
.back-in-stock-subscription-list-page .description {
}
.back-in-stock-subscription-list-page .no-data {
}
.back-in-stock-subscription-list-page .buttons {
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}
.change-password-page {
}
.change-password-page .buttons {
margin-bottom: 5px;
margin-top: 5px;
}
.downloadable-products-page {
}
.downloadable-products-page .no-data {
}
.forum-subscriptions-page {
}
.forum-subscriptions-page .subscription-list {
}
.forum-subscriptions-page .description {
}
.forum-subscriptions-page .no-data {
}
.forum-subscriptions-page .buttons {
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}
.customer-info-page {
}
.customer-info-page .gender {
display: inline-block;
}
.customer-info-page ul.option-list {
display: inline-block;
}
.customer-info-page ul.option-list li {
list-style: none;
display: inline-block;
}
.customer-info-page ul.option-list li label {
width: auto;
margin-left: 0px;
}
.customer-info-page .vat-status {
}
.customer-info-page .vat-note {
display: block;
}
.customer-info-page .buttons {
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
}
.customer-info-page .message-error {
margin-bottom: 20px;
}
.customer-info-page textarea {
height: 100px;
width: 500px;
border: solid 1px #E3E3E3;
vertical-align: top;
}
.customer-info-page .add-more-external-records {
margin-top: 10px;
}
.username-available-status {
padding-left: 5px;
}
.username-not-available-status {
color: red;
padding-left: 5px;
}
.order-list-page {
}
.order-list-page .recurring-payments {
}
.order-list-page .recurring-payments .recurring-payments-box {
text-align: left;
padding: 10px;
height: auto;
}
.order-list-page .order-list {
}
.order-list-page .order-list .order-item {
}
.order-list-page .order-list .order-item .title {
font-size: 13px;
}
.return-request-list-page .request-item .title {
font-size: 13px;
}
.return-request-list-page .request-item .info {
}
.reward-points-page {
}
.reward-points-page .reward-points-overview {
padding: 10px 10px 5px 0;
width: 100%;
}
.reward-points-page .reward-points-overview .current-balance {
}
.reward-points-page .reward-points-overview .min-balance {
margin-top: 10px;
}
.reward-points-page .reward-points-history {
}
.reward-points-page .reward-points-history .title {
margin-top: 20px;
margin-bottom: 15px;
}
.product-review-item {
margin-bottom: 20px;
}
/* RETURN REQUEST */
.return-request-page {
}
.return-request-page .page-title {
}
.return-request-page .section {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #eee;
border-radius: 5px;
}
.return-request-page .section .title {
margin: -17px 0 14px;
}
.return-request-page .section .title strong {
background: #fff;
}
.return-request-page .comment {
width: 350px;
height: 150px;
}
/* PRODUCT DETAILS PAGE */
.product-details-page {
}
.product-collateral {
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}
.product-essential {
}
.product-details-page .gallery, .product-details-page .variant-picture {
float: left;
width: 45%;
margin-bottom: 15px;
}
.product-details-page .gallery .picture {
border: 1px solid #eee;
text-align: center;
}
.product-details-page .gallery .picture img {
max-width: 100%;
}
.product-details-page .gallery .picture-thumbs {
margin-top: 10px;
}
.product-details-page .gallery .picture-thumbs a, .gallery .picture-thumbs .thumb-item {
margin-right: 3px;
border: 1px solid #eee;
display: inline-block;
position: relative;
width: 80px;
height: 80px;
overflow: hidden;
cursor: pointer;
}
.product-details-page .gallery img, .gallery .picture-thumbs .thumb-item img {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.product-details-page .overview, .product-details-page .variant-overview {
float: right;
width: 50%;
margin: 0px 5px 10px;
padding: 0 10px 10px;
}
.product-details-page .product-name {
color: #333333;
font-size: 1.5em;
margin-bottom: 0.3em;
padding-top: 10px;
}
.product-details-page .manufacturers, .product-details-page .sku, .product-details-page .manufacturer-part-number, .product-details-page .stock, .product-details-page .gtin, .product-details-page .delivery-date, .product-details-page .product-vendor {
margin-bottom: 2px;
font-size: 95%;
}
.product-details-page .short-description {
margin: 15px 0;
}
.product-details-page .short-description h3 {
font: bold 12px/1.25 Arial, Helvetica, sans-serif;
margin-bottom: 5px;
}
.product-details-page .full-description {
border: 1px solid #eee;
clear: both;
}
.product-details-page .full-description ul, .product-details-page .full-description ol {
margin-left: 25px;
}
.product-details-page .back-in-stock-subscription {
margin-top: 10px;
margin-bottom: 10px;
}
.product-details-page .back-in-stock-subscription a.subscribe-button:hover {
text-decoration: none;
}
table.prices-table td {
border: 1px solid #ddd;
padding: 5px 8px;
}
.add-to-links {
margin: 3px 0 0;
}
.add-to-links li {
background: url(images/bkg_add-to.gif) 2px 50% no-repeat;
line-height: 1.25;
padding-left: 12px;
list-style: none;
}
.add-to-links li a {
color: #444;
}
.add-to-links .separator {
display: none;
}
.add-to-links li input[type=button] {
border: none;
background: none;
}
.add-to-links li input[type=button]:hover {
cursor: pointer;
text-decoration: underline;
}
.add-to-links {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.product-details-page .product-share-button {
margin-top: 10px;
margin-bottom: 10px;
}
.product-details-page .product-reviews-overview .product-review-box, .product-details-page .product-reviews-overview .product-review-links {
float: left;
margin-right: 5px;
}
.product-details-page .product-reviews-overview {
margin-top: 20px;
margin-bottom: 20px;
}
.rating {
height: 16px;
width: 80px;
background: url(images/star-x-inactive.png) 0 0 repeat-x;
}
.rating div {
float: left;
height: 16px;
background: url(images/star-x-active.png) 0 0 repeat-x;
}
.product-details-page .product-reviews-overview .product-review-links .separator {
margin: 0 2px;
}
.product-details-page .product-reviews-overview .product-review-links {
margin: 0;
}
.product-details-page .product-reviews-overview .product-no-reviews a {
text-decoration: underline;
}
.product-details-page .product-variant-list { /*float: left;clear: none;*/
clear: both;
padding: 10px 0;
border: 0;
margin-bottom: 20px;
margin-top: 10px;
}
.product-details-page .product-variant-list .product-variant-line {
border: 1px solid #EEEEEE;
padding: 20px 10px;
margin: 10px 0;
zoom: 1;
}
.product-details-page .product-variant-list .product-variant-line:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.product-details-page .no-associated-products {
font-weight: bold;
}
.product-details-page .variant-name {
color: #333333;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
text-transform: capitalize;
font-weight: 700;
margin-bottom: .3em;
}
.product-details-page .variant-description {
clear: both;
color: #797979;
margin-bottom: .3em;
}
.product-details-page .download-sample {
clear: both;
color: #555;
margin-top: 15px;
margin-bottom: 15px;
}
.product-details-page .download-sample .download-sample-button {
-x-system-font: none !important;
background: #F1F1F1 url(images/download-sample-bg.gif) repeat-x scroll 0 100%;
border: 1px solid #B5B5B5;
color: #444;
cursor: pointer;
font-family: arial,sans-serif !important;
font-size: 100%;
!important;
font-size-adjust: none !important;
font-stretch: normal !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 700 !important;
line-height: normal !important;
overflow: visible;
padding: 1px 5px;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
width: auto;
}
.product-details-page .download-sample .download-sample-button a {
text-decoration: none;
}
.product-details-page .download-sample .download-sample-button a:hover {
color: #444;
}
.product-details-page .product-variant-line .prices { /*float:left;*/
padding-top: 10px;
margin-right: 30px;
}
.product-details-page .product-essential .prices {
margin: 10px 0 5px;
clear: left;
}
.product-details-page .prices .product-price {
font-weight: bold;
}
.product-details-page .prices .product-price span {
color: #396f00;
font-size: 1.2em;
}
.product-details-page .prices .old-product-price {
color: #797979;
}
.product-details-page .prices .old-product-price span {
text-decoration: line-through;
}
.product-details-page .prices .tax-shipping-info {
font-size: 100%;
}
.product-details-page .prices .tax-shipping-info a {
text-decoration: underline;
}
.product-details-page .customer-entered-price {
margin-bottom: 10px;
}
.product-details-page .add-to-cart {
padding-top: 10px;
}
.product-details-page .add-to-cart .enter-price-input {
width: 60px;
}
.product-details-page .add-to-cart .qty-input {
width: 40px;
}
.product-details-page .attributes {
margin-bottom: 10px;
}
.product-details-page .attributes table td {
padding: 2px 5px 2px 0;
}
.product-details-page .attributes .text-prompt {
font-weight: bold;
}
.product-details-page .attributes .attribute-description {
font-size: 100%;
}
.product-details-page .attributes ul.option-list {
padding: 0px;
margin: 0px;
}
.product-details-page .attributes ul.option-list li {
list-style: none;
}
.product-details-page .attributes .textbox {
width: 300px;
}
.product-details-page .attributes textarea {
width: 300px;
height: 150px;
}
/* color squares attribute type */
.color-squares li, .attribute-squares li {
display: inline-block;
margin: 2px;
}
.color-squares .color-container, .attribute-squares .attribute-square-container {
position: relative;
display: inline-block;
border: solid 1px #999;
padding: 1px;
margin-bottom: 5px;
}
.color-squares .selected-value .color-container, .attribute-squares .selected-value .attribute-square-container {
border-color: #075899;
border-width: 2px;
padding: 0;
}
.color-squares .color, .attribute-squares .attribute-square {
display: inline-block;
width: 18px;
height: 18px;
}
.color-squares label, .attribute-squares label {
cursor: pointer;
position: relative;
}
.color-squares input, .attribute-squares input {
height: 0;
overflow: hidden;
z-index: -10000;
position: absolute;
float: none;
}
.product-details-page .giftcard {
margin-bottom: 15px;
}
.product-details-page .giftcard dt {
clear: left;
float: left;
width: 150px;
}
.product-details-page .giftcard label {
display: block;
margin-top: 5px;
vertical-align: top;
}
.product-details-page .giftcard .message {
width: 300px;
height: 100px;
}
.also-purchased-products-grid {
margin-top: 10px;
}
.also-purchased-products-grid .product-item, .order-summary-content .cross-sells.product-grid .product-item {
width: 160px;
height: 320px;
}
.also-purchased-products-grid .title {
text-align: left;
padding: 5px 15px;
clear: both;
border-bottom: 1px solid #666 !important;
background: #f2f2f2 url(images/bkg_tabs.gif) 0 100% repeat-x !important;
}
.also-purchased-products-grid .title strong {
font-weight: normal;
color: #555;
font-size: 13px;
}
.also-purchased-products-grid .item-box {
padding-bottom: 10px;
text-align: center;
vertical-align: text-top;
}
.product-specs-box {
}
.product-specs-box .title {
text-align: left;
padding: 5px;
font-weight: 700;
clear: both;
font-size: 1.1em;
color: #333333;
}
.product-specs-box .data-table {
margin: 5px;
}
.product-tags-box {
color: #555;
zoom: 1;
}
.product-tags-box:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.product-tags-box .title {
text-align: left;
padding: 5px;
font-weight: 700;
clear: both;
font-size: 1.1em;
color: #333333;
}
.product-tags-box .product-tags-list {
}
.product-tags-box .product-tags-list a {
text-decoration: underline;
}
.product-tags-box .product-tags-list li {
float: left;
padding-left: 5px;
list-style: none;
}
.tier-prices {
text-align: center;
margin-bottom: 10px;
}
.tier-prices .prices-header {
background: #e4e4e4;
padding: 3px;
font-weight: 700;
}
.tier-prices .prices-list table {
width: 100%;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
.tier-prices .prices-list td {
border-bottom: solid 2px #e4e4e4;
padding-top: 3px;
padding-bottom: 3px;
font-weight: 700;
}
.tier-prices .prices-list .field-header {
font-weight: 700;
text-align: center;
}
.tooltip-container {
position: absolute;
width: 200px;
color: #000000;
background: #FFFFFF;
border: 1px solid #eeeeee;
text-align: center;
visibility: hidden;
border-radius: 5px;
}
.tooltip-container:before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -7px;
width: 0;
height: 0;
border-bottom: 7px solid #eeeeee;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
.tooltip-container:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -6px;
width: 0;
height: 0;
border-bottom: 6px solid #FFFFFF;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.color-squares li:hover .tooltip-container, .attribute-squares li:hover .tooltip-container {
visibility: visible;
margin-left: -83px;
margin-top: 5px;
z-index: 999;
}
.tooltip-container .tooltip-header {
background-color: #F6F6F6;
height: 25px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding-left: 10px;
padding-top: 5px;
text-align: left;
width: 198px;
font-size: 15px;
border-bottom: 1px #EEEEEE solid;
}
.tooltip-container .tooltip-body {
margin: 5px;
}
.tooltip-container .tooltip-body img {
border: 0px #FFF;
width: 190px;
}
/* PRODUCT REVIEWS PAGE */
.product-reviews-page .page-title a {
text-decoration: none;
}
.product-reviews-page .result {
}
.product-reviews-page .write-review {
margin-top: 10px;
}
.product-reviews-page .write-review .title {
margin-bottom: 10px;
font-size: 1.1em;
line-height: 20px;
font-weight: bold;
}
.product-reviews-page .write-review .inputs {
margin-bottom: 12px;
clear: both;
}
.product-reviews-page .write-review .captcha-box {
margin-bottom: 12px;
}
.product-reviews-page .write-review .inputs label {
display: block;
}
.product-reviews-page .write-review .review-title {
width: 350px;
}
.product-reviews-page .write-review .review-text {
width: 350px;
height: 150px;
}
.product-reviews-page .write-review .review-rating {
margin-bottom: 12px;
clear: both;
}
.product-reviews-page .write-review .review-rating label {
}
.product-reviews-page .write-review .review-rating ul {
display: inline-block;
}
.product-reviews-page .write-review .review-rating li {
display: inline-block;
list-style: none;
}
.product-reviews-page .write-review .review-rating input {
vertical-align: bottom;
}
.product-reviews-page .write-review .buttons {
text-align: left;
}
.product-review-list {
margin: 10px 0px 10px 0;
}
.product-review-list .title {
padding: 10px 10px 10px 0;
font-weight: 700;
text-transform: capitalize;
font-size: 1.1em;
color: #3a3a3a;
}
.product-review-list .product-review-item {
border: solid 1px #d3d3d3;
margin: 10px 0 0;
padding: 10px 10px 20px;
clear: both;
}
.product-review-list .product-review-item .review-item-head {
clear: both;
}
.product-review-list .product-review-item .review-title {
font-weight: 700;
float: left;
margin-bottom: 5px;
}
.product-review-list .product-review-item .rating {
float: right;
margin-right: 5px;
}
.product-review-list .product-review-item .review-text {
float: left;
margin-bottom: 5px;
clear: both;
}
.product-review-list .product-review-item .review-info {
float: left;
margin-bottom: 5px;
clear: both;
}
.product-review-list .product-review-item .review-info .separator {
margin: 0 2px;
}
.product-review-helpfulness {
font-size: 100%;
color: #333;
clear: both;
}
.product-review-helpfulness .vote {
font-weight: 700;
text-decoration: none;
}
.product-review-helpfulness .vote:hover {
cursor: pointer;
text-decoration: none;
}
.product-review-item .reply {
margin: 5px 0;
padding-top: 10px;
border-top: 1px solid #ddd;
}
/* PRIVATE MESSAGES */
.send-pm-box {
background-color: #EEE;
border: 1px solid #A0A0A0;
color: #555;
display: block;
float: left;
font-family: Arial;
font-size: 10px;
font-weight: 700;
margin: 2px 0 2px 2px;
padding: 2px;
text-decoration: none;
text-transform: capitalize;
}
.send-pm-box .pm-link-button {
line-height: 14px;
padding: 1px 6px 2px 18px;
background: url(images/ico-pm.png) no-repeat;
}
.private-message-send-page {
}
.private-message-send-page .page-title {
}
.private-message-send-page .page-body {
}
.private-message-send-page .inputs {
}
.private-message-send-page .inputs label {
line-height: 20px;
}
.private-message-send-page .toolbar {
display: inline-block;
}
.private-message-send-page textarea {
margin: 0 0 10px 150px;
width: 500px;
}
.private-message-send-page .field-validation-error {
display: block;
line-height: 20px;
margin-left: 150px;
vertical-align: top;
}
.private-message-send-page .options {
text-align: right;
}
.private-message-view-page {
}
.private-message-view-page .page-title {
}
.private-message-view-page .page-body {
padding: 5px;
}
.private-message-view-page .view-message div {
padding: 4px;
}
.private-message-view-page .view-message label {
color: #555;
display: inline-block;
font-weight: 700;
width: 100px;
}
.private-message-view-page .view-message a {
text-decoration: underline;
}
.private-messages-page {
}
.private-messages-page .page-title {
}
.private-messages-page .page-body {
margin: 0;
padding: 0;
font-size: 100%;
color: #555;
}
.private-messages-box {
margin: 0;
padding: 5px;
font-size: 100%;
color: #555;
}
.private-messages-box .buttons {
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}
.pm-read {
}
.pm-unread {
font-weight: 700;
}
/* FORUM INPUTS */
.forum-topic-title-text, .pm-title-text {
width: 500px;
border: 1px solid #acacac;
vertical-align: top;
font-size: 12px;
}
.forum-post-text, .bb-editor-text {
width: 100%;
height: 300px;
}
.private-message-subject-text {
width: 500px;
border: 1px solid #acacac;
vertical-align: top;
font-size: 12px;
}
.forum-search-text {
width: 500px;
border: 1px solid #acacac;
font-size: 14px;
}
.forum-search-box-text {
border: 1px solid #acacac;
font-size: 12px;
}
.bb-editor-text {
border: #cec6b5 1px solid;
}
.edit-topic-link-button {
padding-right: 5px;
padding-left: 18px;
background: url(images/ico-edit.gif) no-repeat left;
}
.delete-topic-link-button {
padding-right: 5px;
padding-left: 18px;
background: url(images/ico-delete.gif) no-repeat left;
}
.move-topic-link-button {
padding-right: 5px;
padding-left: 18px;
background: url(images/ico-move-topic.gif) no-repeat left;
}
.reply-topic-link-button {
padding-right: 5px;
padding-left: 18px;
padding-bottom: 3px;
background: url(images/ico-forum-post-add.gif) no-repeat left;
}
.watch-topic-link-button {
padding-left: 18px;
background: url(images/ico-forum-watch.gif) no-repeat left;
}
.edit-post-link-button {
padding-right: 5px;
padding-left: 18px;
background: url(images/ico-edit.gif) no-repeat left;
}
.delete-post-link-button {
padding-right: 5px;
padding-left: 18px;
background: url(images/ico-delete.gif) no-repeat left;
}
.quote-post-link-button, .post-link {
color: #555;
float: right;
padding: 1px 3px;
border: solid 1px #ccc;
line-height: 15px;
font-size: 100%;
}
.post-link {
padding: 1px 3px;
margin-right: 5px;
border: none;
}
/* FORUM MAIN AND COMMON */
.forums-main-page {
}
.forums-main-page .forums-main-header {
border-bottom: solid 1px #f3f3f3;
height: 50px;
margin-bottom: 10px;
}
.forums-main-page .forums-main-header .current-time {
padding-top: 20px;
font-size: .9em;
color: #555;
float: left;
}
.forum-search-box {
font-size: .9em;
float: right;
text-align: right;
padding: 5px 0;
margin-bottom: 5px;
}
.forums-table-section {
background: url(images/forum-footer-bg.gif) repeat-x center bottom;
margin-bottom: 30px;
}
.forums-table-section-title {
font-size: 1.1em;
margin-bottom: 5px;
}
.forums-table-section-title a {
font-weight: 700;
}
.forums-table-section-title .link-rss {
background: url(images/ico-rss.gif) no-repeat;
display: inline;
float: right;
width: 14px;
height: 14px;
margin: 0 0 0 10px;
text-indent: -9999px;
}
.forums-table-section-title .view-all {
float: right;
font-weight: 400 !important;
text-align: right;
}
.forums-table-section table {
border-collapse: collapse;
margin-bottom: 15px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.forums-table-section td {
padding: 3px 0;
}
.forums-table-section th {
background: url(images/forum-header-bg.gif) repeat-x center;
border-right: 1px solid #6A6A6A;
color: #fff;
font-weight: 700;
height: 20px;
vertical-align: middle;
}
.forums-table-section th.forum-name {
padding-left: 3px;
text-align: left;
width: 55%;
}
.forums-table-section th.topics {
width: 10%;
}
.forums-table-section th.posts {
width: 10%;
}
.forums-table-section th.last-post {
width: 25%;
}
.forums-table-section td.image div {
background: url(images/ico-forum.gif) no-repeat 40% 40%;
height: 36px;
width: 36px;
}
.forums-table-section td.image div.post {
background: url(images/ico-forum-post.gif) no-repeat 40% 40%;
height: 36px;
width: 36px;
}
.forums-table-section td.image div.post-annoucement, .forums-table-section td div.post-sticky {
background: url(images/ico-forum-post-high.gif) no-repeat 40% 40%;
height: 36px;
width: 36px;
}
.forums-table-section td {
border-bottom: 1px solid #C5C5C5;
padding-left: 3px;
vertical-align: middle;
}
.forums-table-section td.forum-name {
text-align: left;
width: 55%;
}
.forums-table-section td.forum-name .forum-title a {
display: block;
font-size: 1.1em;
font-weight: 700;
line-height: 18px;
margin-bottom: 3px;
}
.forums-table-section td.forum-name .forum-description {
color: #555555;
font-size: 0.9em;
}
.forums-table-section td.last-post {
color: #555555;
font-size: 0.8em;
}
.forums-table-section th.topic-name {
padding-left: 3px;
text-align: left;
width: 55%;
}
.forums-table-section th.replies {
width: 10%;
}
.forums-table-section th.views {
width: 10%;
}
.forums-table-section td.topic-name {
text-align: left;
width: 55%;
}
.forums-table-section td.topic-name .topic-type {
font-size: 0.9em;
line-height: 18px;
}
.forums-table-section td.topic-name .topic-title {
font-size: 1.1em;
font-weight: 700;
line-height: 18px;
}
.forums-table-section td.topic-name .topic-starter, .forums-table-section td.topic-name .topic-pager {
color: #555555;
font-size: 0.9em;
margin: 1px 0;
}
/* FORUM PAGE */
.forum-page {
clear: both;
}
.forum-page .forum-header {
}
.forum-page .forum-top {
zoom: 1;
}
.forum-page .forum-top:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.forum-page .forum-top .forum-info {
float: left;
}
.forum-page .forum-top .forum-info .forum-name {
font-weight: 700;
font-size: 1.2em;
line-height: 25px;
}
.forum-page .forum-top .forum-info .forum-description {
color: #555;
}
.forum-page .forum-top .link-rss {
float: left;
margin: 10px 10px 10px 0;
background-image: url(images/ico-rss.gif);
background-repeat: no-repeat;
display: block;
height: 14px;
width: 14px;
text-indent: -9999px;
}
.forum-page .forum-top .actions {
float: right;
text-align: right;
margin-top: 10px;
}
.forum-page .forum-top .actions .newtopic {
background: url(images/ico-forum-post-add.gif) no-repeat left;
padding: 0 10px 3px 20px;
}
.forum-page .forum-top .actions .watch-forum {
background: url(images/ico-forum-watch.gif) no-repeat left;
padding-left: 20px;
}
.forum-page .pager ul {
float: left;
margin: 5px 0;
}
.active-discussions-page {
clear: both;
}
.forum-group-page {
clear: both;
}
.forum-breadcrumb {
clear: both;
}
/* FORUM TOPIC EDIT, FORUM POST EDIT */
.forum-edit-page {
background: url(images/forum-footer-bg.gif) repeat-x center bottom;
}
.forum-edit-page .page-title {
background: url(images/forum-header-bg.gif) repeat-x center;
border: 1px solid #6A6A6A;
color: #FFF;
font-weight: 700;
height: 28px;
line-height: 28px;
padding: 0 5px;
}
.forum-edit-page .page-title h1 {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}
.forum-edit-page .page-body {
padding: 5px;
}
.forum-edit-page .inputs {
padding: 5px 0;
}
.forum-edit-page .inputs label {
color: #555555;
display: inline-block;
font-weight: 700;
width: 150px;
}
.forum-edit-page .inputs .toolbar {
display: block;
margin-left: 150px;
}
.forum-edit-page .inputs textarea {
margin-left: 150px;
width: 700px;
}
.forum-edit-page .field-validation-error {
display: block;
margin-left: 150px;
}
.forum-edit-page .buttons {
margin: 5px;
text-align: right;
}
/* MOVE FORUM TOPIC */
.move-topic-page {
background: url(images/forum-footer-bg.gif) repeat-x center bottom;
}
.move-topic-page .page-title {
background: url(images/forum-header-bg.gif) repeat-x center;
border: 1px solid #6A6A6A;
color: #FFF;
font-weight: 700;
height: 28px;
line-height: 28px;
padding: 0 5px;
}
.move-topic-page .page-title h1 {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}
.move-topic-page .page-body {
padding: 5px;
}
.move-topic-page .inputs {
margin-bottom: 10px;
padding: 4px;
}
.move-topic-page .inputs label {
color: #555;
font-weight: 700;
white-space: nowrap;
width: 30%;
}
/* FORUM TOPIC */
.forum-topic-page {
background: url(images/forum-footer-bg.gif) repeat-x bottom;
clear: both;
}
.forum-topic-page .title {
background: url(images/forum-header-bg.gif) repeat-x 50%;
color: #FFF;
border: solid 1px #6a6a6a;
height: 28px;
line-height: 28px;
font-weight: 700;
padding-left: 3px;
}
.forum-topic-page .title .topic-name {
float: left;
font-size: 12px;
}
.forum-topic-page .posts {
}
.topic-header {
padding: 5px;
background: #F3F3F3;
border-bottom: solid 1px #6a6a6a;
height: 16px;
}
.topic-header .topic-options, .topic-footer .topic-options {
float: right;
text-align: right;
}
.topic-header .topic-options a, .topic-footer .topic-options a {
font-weight: 700;
}
.topic-footer {
padding: 5px;
background: #F3F3F3;
border-top: solid 1px #6a6a6a;
height: 16px;
}
.topic-header .pager ul, .topic-footer .pager ul {
float: left;
margin-top: -2px;
}
.forum-topic-page .forum-post {
border-bottom: solid 1px #E3E3E3;
zoom: 1;
}
.forum-topic-page .forum-post:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden;
}
.forum-topic-page .post-info {
width: 170px;
float: left;
padding: 5px;
height: 100%;
border-right: solid 1px #F3F3F3;
}
.forum-topic-page .post-info .manage {
line-height: 20px;
}
.forum-topic-page .post-info .manage a {
font-weight: 700;
color: #555;
}
.forum-topic-page .post-info .user-info {
padding-top: 5px;
}
.forum-topic-page .post-info .user-info a.username {
font-weight: 700;
margin-bottom: 5px;
}
.forum-topic-page .post-info .user-info span.username {
font-weight: 700;
margin-bottom: 5px;
}
.forum-topic-page .post-info .user-info .avatar {
margin: 5px 0;
}
.forum-topic-page .post-info .user-info .avatar .avatar-img {
border: solid 2px #CEDBE1 !important;
}
.forum-topic-page .post-info .user-info .user-stats {
color: #555555;
font-size: 0.9em;
font-weight: 700;
margin-bottom: 5px;
text-align: left;
}
.forum-topic-page .post-info .user-info .user-stats li {
list-style: none outside none;
}
.forum-topic-page .post-info .user-info .user-stats span {
font-weight: 400;
}
.forum-topic-page .post-content {
margin-left: 180px;
border-left: solid 1px #F3F3F3;
}
.forum-topic-page .post-content .posttime {
font-weight: 700;
line-height: 20px;
padding: 3px;
background: #e3f3f3;
}
.forum-topic-page .post-content .posttime .stat-value {
font-weight: 400;
}
.forum-topic-page .post-content .post-body {
padding: 3px;
}
.forum-topic-page .post-content .post-body a {
text-decoration: underline;
}
.forum-topic-page .post-content .post-body .posttext {
}
.forum-topic-page .post-content .post-body .posttext .quote {
padding: 5px;
border: dashed 1px #000;
background-color: #fff;
}
.forum-topic-page .post-content .signature {
border-color: #DDD;
border-style: solid;
border-width: 1px 0 0;
font-size: 90%;
margin: 1em 8px 8px;
padding: 1em 0 20px;
text-align: left;
font-style: italic;
}
/* FORUM SEARCH */
.forum-search-page {
}
.forum-search-page .forum-search-panel .search-error {
color: red;
}
.forum-search-page .forum-search-panel .search-results {
}
.forum-search-page .basic-search {
margin-bottom: 10px;
}
.forum-search-page .advanced-search {
border-top: 1px solid #D3D3D3;
margin-bottom: 10px;
padding-top: 10px;
}
.forum-search-page .inputs {
padding: 4px;
}
.forum-search-page .inputs label {
display: inline-block;
width: 140px;
}
.forum-search-page .pager ul {
float: left;
margin: 5px 0;
}
/* PROFILE PAGE */
.profile-page {
}
.profile-page .page-title {
background: url(images/forum-header-bg.gif) repeat-x 50%;
color: #FFF;
border: solid 1px #6a6a6a;
height: 28px;
line-height: 28px;
font-weight: 700;
padding-left: 3px;
}
.profile-page .page-title h1 {
font-weight: bold;
font-size: 12px;
padding: 0px;
}
.profile-page .page-body {
margin-top: 15px;
}
.profile-page .profile-info-box {
background: url(images/forum-footer-bg.gif) repeat-x bottom;
}
.profile-page .profile-info-box, .profile-page .user-last-posts {
font-size: 12px;
}
.profile-page .profile-info-box .title {
}
.profile-page .profile-info-box .profile-stats {
border-left: 1px solid #F3F3F3;
margin-left: 200px;
padding: 10px;
}
.profile-page .profile-info-box .profile-stats .title {
margin-bottom: 10px;
text-transform: capitalize;
}
.profile-page .profile-info-box .profile-stats li {
list-style: none outside none;
padding: 2px;
}
.profile-page .profile-info-box .profile-stats label {
font-weight: 700;
}
.profile-page .profile-info-box .user-details {
width: 180px;
float: left;
padding: 10px;
height: 100%;
border-right: solid 1px #F3F3F3;
text-align: center;
}
.profile-page .profile-info-box .user-details .avatar {
margin-bottom: 5px;
}
.profile-page .profile-info-box .user-details .avatar .avatar-img {
border: solid 2px #CEDBE1 !important;
}
.profile-page .profile-info-box .user-stats {
margin-bottom: 5px;
}
.profile-page .profile-info-box .user-stats li {
font-weight: 700;
list-style: none;
padding: 2px;
}
.profile-page .profile-info-box .user-stats label {
font-weight: 700;
}
.profile-page .profile-info-box .user-stats span {
color: #555;
font-weight: 400;
}
.profile-page .user-last-posts {
}
.profile-page .user-last-posts .topic {
border: solid 1px #F3F3F3;
margin-bottom: 10px;
}
.profile-page .user-last-posts .topic-title {
font-weight: 700;
line-height: 20px;
background: #e3f3f3;
padding: 3px;
}
.profile-page .user-last-posts .topic-body {
padding: 10px;
}
.profile-page .user-last-posts .topic-body a {
text-decoration: underline;
}
.profile-page .user-last-posts .topic-body .quote {
padding: 5px;
border: dashed 1px #000;
background-color: #fff;
}
.profile-page .user-last-posts .topic-data {
background: #f3f3f3;
padding: 3px;
color: #555;
font-size: .9em;
}
/* BB CODE EDITOR */
.toolbar {
padding: 2px;
display: inline;
}
.toolbar .button {
background: url(images/bbeditor-button-bg.gif) repeat-x;
padding: 2px;
margin-right: 2px;
border: #cec6b5 1px solid;
}
.toolbar .button:hover {
border: #333 1px solid;
}
/* BBCODES */
pre {
white-space: pre-wrap;
white-space: normal;
word-wrap: break-word;
}
.csharpcode, .csharpcode pre {
font-size: small;
color: #000;
font-family: Consolas,"Courier New",Courier,Monospace;
background-color: #fff;
}
.csharpcode pre {
margin: 0;
}
.csharpcode .kwrd {
color: #00f;
}
.csharpcode .str {
color: #006080;
}
.csharpcode .op {
color: #0000c0;
}
.csharpcode .preproc {
color: #c63;
}
.csharpcode .asp {
background-color: #ff0;
}
.csharpcode .html {
color: maroon;
}
.csharpcode .attr {
color: red;
}
.csharpcode .alt {
background-color: #f4f4f4;
width: 100%;
margin: 0;
}
.csharpcode .lnum {
color: #606060;
}
/*Nivoslider*/
#nivo-slider {
box-shadow: none !important;
}
.slider-wrapper {
position: relative;
margin: 0 20px 0 0 !important;
box-shadow: 8px 10px 5px #dedede;
border: 1px solid #ccc;
}
.theme-custom .nivo-controlNav {
position: absolute;
bottom: 10px !important;
left: 0;
z-index: 10;
padding: 0 !important;
}
.theme-custom .nivo-controlNav a {
width: 8px !important;
height: 8px !important;
border-radius: 12px;
border: 2px solid #fff;
}
/*Jquery UI Tabs*/
#productcollateraltab {
border: 0 !important;
padding: 0 !important;
margin-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
}
#productcollateraltab > .tab-content {
border: 0 !important;
}
.ui-tabs .ui-tabs-panel {
padding: 15px 0 !important;
}
#productcollateraltab ul {
padding: 0 !important;
border-radius: 0 !important;
}
#productcollateraltab .ui-widget-header {
border-bottom: 1px solid #666 !important;
background: #f2f2f2 url(images/bkg_tabs.gif) 0 100% repeat-x !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
#productcollateraltab .ui-widget-header > li {
border-top: 0 !important;
border-bottom: 0 !important;
border-radius: 0 !important;
border-right: 1px solid #a4a4a4 !important;
border-left: 1px solid #fff !important;
float: left;
margin: 0;
}
#productcollateraltab .ui-widget-header > li > a {
text-transform: capitalize;
}
#productcollateraltab .ui-widget-header > li:not(.ui-tabs-active) {
background: none !important;
}
#productcollateraltab .ui-widget-header > li.ui-tabs-active {
background: #666 !important;
outline: 0 !important;
}
#productcollateraltab .ui-widget-header > li.ui-tabs-active a {
color: #fff !important;
outline: 0 !important;
}
#productcollateraltab .ui-widget-content .title {
display: none;
}
#productcollateraltab .ui-widget-content {
color: #666;
}
/* Back to Top*/
#toTop {
background: url('images/totop.png') no-repeat scroll 50% 50%;
color: #ffffff;
position: fixed;
right: 5px;
bottom: 10px;
z-index: 1000;
display: none;
overflow: hidden;
height: 30px;
width: 120px;
text-decoration: none;
text-indent: -999px;
}
#toTop:active,
#toTop:focus {
outline: none;
}
#toTopHover {
display: block;
overflow: hidden;
float: left;
opacity: 0;
}
/*Quick View*/
.quick-view-btn {
display: none;
}
.quick-view-popup {
display: none;
width: 800px !important;
}
.quick-view-content .b-ajax-wrapper form {
background: #fff;
}
.quick-view-content .gallery .picture {
margin-top: 20px;
margin-left: 20px;
}
.quick-view-popup .quick-view-content {
background: url('images/ajax_loader_small.gif');
background-position: center center;
background-repeat: no-repeat;
background-color: none;
padding-bottom: 50px;
}
.quick-view-popup .quick-view-content .shade select {
max-width: 280px;
}
.quick-view-popup .product-details-page {
margin: 0;
padding: 0;
}
.quick-view-popup select {
max-width: 100% !important;
}
.quick-view-popup .overview, .quick-view-popup .gallery {
padding: 30px 0;
}
.quick-view-popup form > div {
display: table !important;
border-collapse: collapse !important;
border: 0 !important;
}
.quick-view-popup form .product-essential {
display: table-row !important;
}
.quick-view-popup form .product-essential .overview, .quick-view-popup form .product-essential .gallery {
display: table-cell !important;
float: none !important;
vertical-align: top;
}
.quick-view-popup form .product-essential .gallery {
background: #fff;
margin-right: 0;
text-align: center;
width: 43%;
}
.quick-view-popup form .product-essential .overview {
padding: 25px;
text-align: left;
width: 52%;
}
.quick-view-popup form .product-essential .gallery .picture img {
max-width: 370px;
}
.quick-view-popup .rating {
margin: 0 auto;
}
.quick-view-popup .b-close {
background: url('images/ico-close-notification-bar.png') no-repeat;
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
top: 6px;
right: 6px;
z-index: 2;
}
.quickview-message.error {
font-size: 110%;
text-align: center;
border-radius: 0;
padding: 10px 0;
width: 100%;
z-index: 999;
margin: 0;
background: none repeat scroll 0 0 #595959;
color: #f88613;
}
.quickview-message.success {
font-size: 110%;
text-align: center;
border-radius: 0;
padding: 10px 0;
width: 100%;
z-index: 999;
margin: 0;
background: none repeat scroll 0 0 #f88613;
color: #FFFFFF;
}
.ui-dialog {
max-width: 90%;
border: 1px solid #ddd;
box-shadow: 0 0 2px rgba(0,0,0,0.15);
overflow: hidden;
background-color: #fff;
/*override jQuery UI styles, do not delete doubled properties*/
border-radius: 0;
padding: 0;
font: normal 14px Arial, Helvetica, sans-serif;
}
.ui-dialog:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.ui-dialog-titlebar {
border-bottom: 1px solid #ddd;
overflow: hidden;
background-color: #eee;
padding: 10px 15px;
/*override jQuery UI styles, do not delete doubled properties*/
border-width: 0 0 1px;
border-radius: 0;
background-image: none;
padding: 10px 15px !important;
font-weight: normal;
cursor: auto !important;
}
.ui-dialog-titlebar > span {
float: left;
font-size: 18px;
color: #444;
/*override jQuery UI styles, do not delete doubled properties*/
margin: 0 !important;
}
.ui-dialog-titlebar button {
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 42px;
border: none;
overflow: hidden;
background: url('images/ico-close-notification-bar.png') center no-repeat;
font-size: 0;
/*override jQuery UI styles, do not delete doubled properties*/
top: 0 !important;
right: 0 !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
border: none !important;
border-radius: 0;
background: url('images/ico-close-notification-bar.png') center no-repeat !important;
padding: 0 !important;
cursor: pointer;
}
.ui-dialog-titlebar button span {
display: none !important;
}
.ui-dialog-content {
height: auto !important;
padding: 15px;
line-height: 20px;
/*override jQuery UI styles, do not delete doubled properties*/
background-color: #fff !important;
padding: 15px 15px 20px 15px !important;
color: #777;
overflow-x: hidden !important;
}
.ui-dialog-content .page {
min-height: 0;
}
.ui-dialog-content .page-title {
min-height: 0;
margin: 0 0 15px;
padding: 0px 10px 10px 10px;
text-align: center;
}
.ui-dialog-content .page-title h1 {
font-size: 24px;
line-height: 30px;
}
.ui-dialog-content .back-in-stock-subscription-page {
text-align: center;
}
.ui-dialog-content .back-in-stock-subscription-page .tooltip {
margin-bottom: 10px;
}
.search-product strong {
font-size: 16px;
color: #444444;
margin-left: 10px;
}
.search-product {
min-height: 135px;
width: 265px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float: right;
background: #f4f4f4 url(images/background/featured_product_bg.gif) repeat-x;
padding: 10px 15px;
box-shadow: 5px 5px 5px #dedede;
margin-bottom: 20px;
text-align: left;
margin-left: 5px;
}
.category-selector {
margin-top: 20px;
}
a.myButton {
color: #fff;
background: #F4F4F4 url(images/su.png);
display: block;
width: 59px;
height: 22px;
text-decoration: none;
text-align: center;
font-weight: bold;
padding-top: 2px;
}
a.myButton:hover {
color: #fff;
background: #F4F4F4 url(images/giu.png);
}
.brands {
margin-top: 15px;
}
.Promozioni { /* min-height: 135px; width: 235px; -moz-border-radius: 10px;*/
padding-right: 10px;
-webkit-border-radius: 10px;
float: right;
margin-top: -10px;
margin-right: 11px;
}
.infoFoother {
background-color: #333;
padding: 5px 0 5px 0;
color: white;
/* height: 120px; */
}
.topic-block strong, .topic-page strong {
color: #5b5b5b;
}
strong, b {
font-weight: 500;
}
.topic-page ul, .post-body ul {
padding: 0 0 0 2rem;
list-style: disc;
}
.gallery_chisiamo {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(14, 5vw);
grid-gap: 1.0rem;
}
.gallery__chisiamo_img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gallery__chisiamo_item--1 {
grid-column-start: 1;
grid-column-end: 9;
grid-row-start: 7;
grid-row-end: 14;
/** Alternative Syntax **/
/* grid-column: 1 / span 2; */
/* grid-row: 1 / span 2; */
}
.gallery__chisiamo_item--2 {
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 1;
grid-row-end: 7;
/** Alternative Syntax **/
/* grid-column: 3 / span 2; */
/* grid-row: 1 / span 2; */
}
.gallery__chisiamo_item--3 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 4;
/** Alternative Syntax **/
/* grid-column: 5 / span 4;
grid-row: 1 / span 5; */
}
.gallery__chisiamo_item--4 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 4;
grid-row-end: 7;
/** Alternative Syntax **/
/* grid-column: 1 / span 4; */
/* grid-row: 3 / span 3; */
}