/*===========themeoptions.css.php=============*/ /* start Colors */ .links > li > a:hover, .dropdown-toggle .value, .language .dropdown-menu a.selected, .currency .dropdown-menu a.selected, .language .dropdown-menu a:hover, .currency .dropdown-menu a:hover, a:hover, .btn-remove:hover, .btn-remove2:hover, .btn-edit:hover, .tool-tip .btn-close a:hover, .cart-table .link-wishlist:hover, .peer-cancel-img:hover, #mega-nav ul.subs > li > a:hover, #mega-nav ul.subs li li a:hover, #mega-nav .mega-block .header-mega-dropdown-wrapper a:hover, #mega-nav .mega-block .show-separators .links a:hover, #mega-nav .megamenu-vertical ul.subs li a:hover, .caption .heading, .products-grid.itemslider .owl-controls .owl-buttons .owl-prev:hover, .products-grid.itemslider .owl-controls .owl-buttons .owl-next:hover, .widget-latest .owl-theme .owl-controls .owl-buttons .owl-next:hover, .widget-latest .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .addto-links-icons.icon-bg-color span.icon, .footer a:hover, div.alert-inner p strong, div.alert-inner button.close:hover, .postDetails a, .postContent a.aw-blog-read-more, input.qty, .pager .pages li.current, .sorter .view-mode .grid:hover, .sorter .view-mode .list:hover, .sorter .view-mode .grid-mode-active, .sorter .view-mode .list-mode-active, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected, .block-reviews ul li .regular-price .price, .block-reviews ul li .special-price .price, .mini-products-list .product-details a.link-cart:hover, .mini-products-list .regular-price .price, .mini-products-list .special-price .price, .block-account li strong, #sidenav li.active > a, .products-list .link-learn, #mega-nav > li > a span.category-label:before, .availability.in-stock span, .minimal-price-link .price, .product-view .product-shop .add-to-links a:hover span.icon, .cart .totals .checkout-types li a, .block-progress dt.complete, #opc-review .buttons-set p, .multiple-checkout .col2-set h3.legend, .info-set h3.legend, .checkout-progress li.active, .account-login .buttons-set a, #opc-login .buttons-set a, .box-account .box-head a, .box-account.box-info .box-content a, .addresses-list ol li a, .dashboard .box .box-title a, .order-date, #my-reviews-table td.last a, .load-more-holder a, .page-not-found1 .above-heading, .page-not-found1 .bottom-below-heading, .page-not-found2 .bottom-below-heading, .nav-container #nav > li > a span.category-label:before, .toggleMenu.active, .toggleMenu:hover, .feature a.go:hover, a.scrollup, .nav-container #nav li ul li a:hover, .nav-container #nav li ul li a.over, #sidenav li a span.category-label:before, #mega-nav ul.subs li a span.category-label:before, .nav-container #nav li ul li a span.category-label:before, .nav-container #nav > li > a span.category-label:before, #mega-nav > li > a span.category-label:before, #sidenav li a span.category-label:before, #mega-nav ul.subs li a span.category-label:before, .nav-container #nav li ul li a span.category-label:before, .owl-controls .owl-buttons .owl-prev:hover, .owl-controls .owl-buttons .owl-next:hover, .typ.block-title { color: FFFFFF; } .shopping_cart, #mega-nav li.active > a, #mega-nav > li:hover > a, .addto-links-icons.icon-bg-color span.icon:hover, .owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover, .pager .pages li a.previous:hover, .pager .pages li a.next:hover, .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover, .block-tags .tags-list a:hover, #category-tabs li:hover, #category-tabs li.active, .tags-list a:hover, .dashboard .box-reviews .number, .nav-container #nav li a.over, .nav-container #nav li.hover > a, .nav-container #nav li.active a.level-top, .resp-tabs-list li:hover, h2.resp-accordion:hover, .resp-tab-active, .resp-tabs-list li.resp-tab-active:hover, a.scrollup:hover, .dashboard .box-tags .number, span.category-label, .block-subscribe button.button:hover span, .ui-rangeSlider-bar, button.button span, .buttons-set .back-link a, div.alert-inner a, .icon-hover:hover, .feature-icon-hover:hover span.icon { background-color: FFFFFF; } .products-grid.product-hover-style1 button.button span { background-color:rgba(255,255,255,0.5); } .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected {background-color: transparent;} #cssmenu ul li a:hover, #cssmenu #mobile-menu li:hover > .open, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active, .tp-caption.Flexform_BigCentre, #nav.color a:hover, #nav.color li.active a.level-top:hover, #nav.color li:hover > .more, #nav.color li .more:hover, #nav.color li.hover > .more { color: FFFFFF !important; } .category-description.std {margin-top: 20px;} .products-grid.product-hover-style3 .item:hover { border-color: FFFFFF; } .products-grid.product-hover-style3 .item{padding:10px;} .section-title .gen-tabs .tabs li:hover, .section-title .gen-tabs .tabs li:focus, .section-title .gen-tabs .tabs li.active, .gen-tabs .tabs li.resp-tab-active a, .gen-tabs .tabs li a:hover, .gen-tabs .tabs-panels h2.resp-accordion.resp-tab-active, .gen-tabs .tabs-panels h2.resp-accordion:hover, .section-title h2 { border-bottom-color: FFFFFF; } input.input-text, select, textarea, input.product-custom-option, .toolbar, .block, .block-tags .tags-list a, .product-view .box-tags .form-add input.input-text, .tags-list a, .opc .step-title, .opc .active .step-title, .icon-bg-color span.icon, .dropdown-menu, .subcategories.products-grid .item .product-name a, .block.block-layered-nav .view, .category-full .col-left .block.block-layered-nav > .block-content, .block-layered-nav .actions.clearall, .ui-editRangeSlider-inputValue { background-color: 000000; } .header-topcontainer { background-color:rgba(0,0,0,0.88); } #cssmenu ul li a:hover,#nav.color a:hover, #nav.color li.active a.level-top:hover { background-color: 000000 !important; } .cloud-zoom-big, input.qty, .sorter .view-mode .grid, .sorter .view-mode .list, .pager .pages li a.previous, .pager .pages li a.next, .limiter .dropdown-toggle, .sort-by .dropdown-toggle, .limiter .dropdown .dropdown-menu, .sort-by .dropdown .dropdown-menu, .data-table th, .data-table td, .products-list .item, .addto-links-icons.icon-bg-color span.icon, .cart .discount, .cart .shipping, .cart .totals, .opc .step, .checkout-multishipping-shipping .box-sp-methods, .account-login .new-users, .account-login .registered-users, .dashboard .col-1, .dashboard .col-2, .nav-container #nav ul, #mega-nav li:hover div.mega-block, .resp-tabs-list li, .opc#checkoutSteps .step, .itemslider-thumbnails.position-y .item, #checkout-step-billing, #checkout-step-shipping-method, #checkout-step-payment, #checkout-step-review, #checkout-step-shipping, .ui-rangeSlider-handle { border-color: 000000; } .block .actions, .product-view .price-stock, .product-view .short-description, .multiple-checkout .buttons-set, .footer-top, tr.summary-details-first td { border-top-color: 000000; } .postWrapper, .breadcrumbs, .block .block-content li.item, .mini-products-list li, #sidenav li a, .product-view .price-stock, .product-view .short-description, .product-view .add-to-box, .product-view .box-reviews dd, .block-progress dt, .dashboard .box .box-title, .addresses-list h2, .order-info-box .box .box-title, .page-print .order-date, .order-details h2, .nav-container #nav li ul li a, .product-shop .product-options-bottom, #cssmenu ul li a, .block .block-content li, .product-shop .brand, .header2 .header-top, .peercheckout-title, .header2 .header-top { border-bottom-color: 000000; } .footer-bottom .links li, .footer-bottom .links li.last.privacy { border-right-color: 000000; } /* end Colors */ /* start Button */ button.button span, .buttons-set .back-link a, div.alert-inner a, .quick-view a { color: FFFFFF; } button.button:hover span, .block-subscribe button.button:hover span, .buttons-set .back-link a:hover, div.alert-inner a:hover, .quick-view a:hover { color: FFFFFF; } button.button span, .buttons-set .back-link a, div.alert-inner a, .quick-view a { background-color: FFFFFF; } .products-grid.product-hover-style1 button.button span { background-color:rgba(255,255,255,0.5); } button.button:hover span, .block-subscribe button.button:hover span, .buttons-set .back-link a:hover, div.alert-inner a:hover, .quick-view a:hover, .products-grid.product-hover-style1 button.button:hover span { background-color: FFFFFF; } /* end Button */ /* start Background Option */ body { background-color:FFFFFF; } /* End Background Option */ /* Theme Fonts Settings */ .page-title h1, .page-title h2, .page-print h1 {font-family: 'Open Sans';} .page-title h1, .page-title h2, .page-print h1 { color: FFFFFF;} body, input, select, textarea, button {font-family: 'Open Sans';} body, a { color: FFFFFF;} .section-title h1, .section-title h2 {font-family: 'Open Sans';} .section-title h1, .section-title h2 { color: FFFFFF;} .section-title h1, .section-title h2 { border-bottom-color: FFFFFF;} /* End Theme Fonts Settings */ /* Start Header */ .header-container { background-color:FFFFFF; } .header-topcontainer { background-color: FFFFFF;} .nav-maincontainer { background-color: FFFFFF;} .header2 .header-top { border-bottom-color: FFFFFF;} .language .dropdown-toggle .value, .currency .dropdown-toggle .value { color: FFFFFF;} .language .dropdown-menu a, .currency .dropdown-menu a { color: FFFFFF;} .language .dropdown-menu a:hover, .currency .dropdown-menu a:hover { color: FFFFFF;} .language .dropdown-menu a.selected, .currency .dropdown-menu a.selected { color: FFFFFF;} .language .dropdown-menu, .currency .dropdown-menu { background-color: FFFFFF;} .header .links > li > a { color: FFFFFF;} .header .links > li > a:hover { color: FFFFFF;} .shopping_cart { background-color: FFFFFF;} .shopping_cart .dropdown-toggle .count { color: FFFFFF;} .form-search button.button span i { color: FFFFFF;} .form-search button.button:hover span i { color: FFFFFF;} .search-wrapper-centered .form-search .input-text { color: FFFFFF;} .search-wrapper-centered .form-search .input-text:hover, .search-wrapper-centered .form-search .input-text:focus { color: FFFFFF;} .search-wrapper-centered .form-search .input-text { background-color: FFFFFF;} .search-wrapper-centered .form-search .input-text { border-color: FFFFFF;} .nav-maincontainer.fixed { background-color: FFFFFF;} /* End Header */ /* Start Menu */ .nav-maincontainer, .nav-maincontainer.fixed { background-color: FFFFFF; } .nav-container #nav > li > a, #mega-nav > li > a {font-family: 'Open Sans Condensed';} .nav-container #nav > li > a, #mega-nav > li > a { color: FFFFFF; } .nav-container #nav > li > a:hover, .nav-container #nav > li > a.over, .nav-container #nav > li.hover > a, #mega-nav > li:hover > a { color: FFFFFF; } #mega-nav > li:hover > a, .nav-container #nav > li > a:hover, .nav-container #nav > li > a.over, .nav-container #nav > li.hover > a { background: FFFFFF; } .nav-container #nav li.active a.level-top, #mega-nav li.active > a { color: FFFFFF; } .nav-container #nav li.active a.level-top, #mega-nav li.active > a { background: FFFFFF; } #mega-nav li:hover div.mega-block, .nav-container #nav li ul li a, .nav-container #nav ul { border-color: FFFFFF; } .nav-container #nav ul, #mega-nav div.mega-block, #mega-nav .megamenu-vertical ul { background-color: FFFFFF; } #mega-nav .megamenu-horizontal ul.subs > li > a, #mega-nav .mega-block .header-mega-dropdown-wrapper .heading {font-family: 'Open Sans Condensed';} #mega-nav ul.subs > li > a, #mega-nav .mega-block .header-mega-dropdown-wrapper .heading { color: FFFFFF; } #mega-nav ul.subs > li > a:hover { color: FFFFFF; } .nav-container #nav li ul li a, #mega-nav ul.subs li li a, #mega-nav .mega-block .header-mega-dropdown-wrapper p, #mega-nav .mega-block .header-mega-dropdown-wrapper a, #mega-nav .mega-block .show-separators .links a, #mega-nav .mega-block .show-separators .label, #mega-nav .megamenu-vertical ul.subs li a {font-family: 'Open Sans Condensed';} .nav-container #nav li ul li a, #mega-nav ul.subs li li a, #mega-nav .mega-block .header-mega-dropdown-wrapper p, #mega-nav .mega-block .header-mega-dropdown-wrapper a, #mega-nav .mega-block .show-separators .links a, #mega-nav .mega-block .show-separators .label, #mega-nav .megamenu-vertical ul.subs li a { color: FFFFFF; } .nav-container #nav li ul li a:hover, .nav-container #nav li ul li a.over, .nav-container #nav li ul li.hover > a, #mega-nav ul.subs li li a:hover, #mega-nav .mega-block .header-mega-dropdown-wrapper a:hover, #mega-nav .mega-block .show-separators .links a:hover, #mega-nav .megamenu-vertical ul.subs li a:hover { color: FFFFFF; } span.category-label { color: FFFFFF; } .nav-container #nav li a.over span.category-label, a:hover span.category-label, #mega-nav li.active > a span.category-label, #mega-nav li:hover > a span.category-label, .nav-container #nav li.active a.level-top span.category-label { color: FFFFFF; } span.category-label { background-color: FFFFFF; } .nav-container #nav > li > a span.category-label:before, #mega-nav > li > a span.category-label:before, #sidenav li a span.category-label:before, #mega-nav ul.subs li a span.category-label:before, .nav-container #nav li ul li a span.category-label:before { color: FFFFFF; } .nav-container #nav li a.over span.category-label, a:hover span.category-label, #mega-nav li.active > a span.category-label, #mega-nav li:hover > a span.category-label, .nav-container #nav li.active a.level-top span.category-label { background-color: FFFFFF; } .nav-container #nav li a.over span.category-label:before, #mega-nav li > a:hover span.category-label:before, .nav-container #nav > li > a:hover span.category-label:before, #mega-nav li.active > a span.category-label:before, .nav-container #nav li.active a.level-top span.category-label:before, #mega-nav li:hover > a span.category-label:before, #sidenav li a:hover span.category-label:before, #mega-nav ul.subs li:hover > a span.category-label:before, .nav-container #nav li ul li a:hover span.category-label:before { color: FFFFFF; } /* End Menu */ /* Responsive Menu Starts */ .toggleMenu { color: FFFFFF !important; } .toggleMenu:hover { color: FFFFFF !important; } .toggleMenu.active { color: FFFFFF !important; } .nav-container #nav.color > li > a, .toggleMenu, #cssmenu #mobile-menu > li > a { font-family: 'Open Sans Condensed' !important;} #nav.color li li a , #cssmenu ul li li a { font-family: 'Open Sans Condensed' !important;} #nav.color a, #cssmenu ul li a { color: FFFFFF !important; } #nav.color a:hover, #cssmenu ul li a:hover { color: FFFFFF !important; } #nav.color a, #nav.color a.over, #nav.color li.active a.level-top, #cssmenu ul li a { background-color: FFFFFF !important; } #nav.color a:hover, #nav.color li.active a.level-top:hover, #cssmenu ul li a:hover { background-color: FFFFFF !important; } #nav.color li a, #cssmenu ul li a { border-color: FFFFFF !important; } #nav.color li .more, #cssmenu #mobile-menu .open { color: FFFFFF !important; } #nav.color li:hover > .more, #nav.color li .more:hover, #nav.color li.hover > .more, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu li:hover > .open, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active { color: FFFFFF !important; } #nav.color li .more, #cssmenu #mobile-menu .open { background-color: FFFFFF !important; } #nav.color li:hover > .more, #nav.color li .more:hover, #nav.color li.hover > .more, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu li:hover > .open, #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active { background-color: FFFFFF !important; } /* Responsive Menu Ends */ /* Banner Starts*/ .caption .heading {color: FFFFFF;} .caption p {color: FFFFFF;} .banner button.button span {color: FFFFFF;} .banner button.button:hover span {color: FFFFFF;} .banner button.button span {background-color: FFFFFF;} .banner button.button:hover span {background-color: FFFFFF;} .banner .owl-theme .owl-controls .owl-buttons div, .tp-leftarrow.default, .tp-rightarrow.default {color: FFFFFF;} .banner .owl-theme .owl-controls .owl-buttons .owl-next:hover, .banner .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .tp-leftarrow:hover, .tp-rightarrow:hover {color: FFFFFF;} .owl-theme .owl-controls .owl-page {background-color: FFFFFF;} .owl-theme .owl-controls.clickable .owl-page:hover {background-color: FFFFFF;} .owl-theme .owl-controls .owl-page.active {background-color: FFFFFF;} /* End Banner */ /* Tab */ .resp-tabs-list li, .section-title .gen-tabs .tabs li.active, .section-title .gen-tabs .tabs li:hover {border-color: FFFFFF;} .resp-tabs-list li, .section-title .gen-tabs .tabs li {color: FFFFFF;} .resp-tabs-list li:hover, h2.resp-accordion:hover, .section-title .gen-tabs .tabs li:hover {color: FFFFFF;} .resp-tabs-list li.resp-tab-active, .resp-tabs-list li.resp-tab-active:hover, .section-title .gen-tabs .tabs li.active {color: FFFFFF;} .resp-tabs-list li:hover, h2.resp-accordion:hover {background-color: FFFFFF;} .resp-tab-active, .resp-tabs-list li.resp-tab-active:hover {background-color: FFFFFF;} /* End Tab */ /* Sidebar Starts */ .sidebar .block, .block.block-layered-nav .view, .category-full .col-left .block.block-layered-nav > .block-content, .block-layered-nav .actions.clearall { background-color: FFFFFF; } .block .block-title strong span, .category-full .col-left .block.block-layered-nav .block-content .view .block-title {font-family: 'Open Sans';} .block .block-title strong span, .category-full .col-left .block.block-layered-nav .block-content .view .block-title { color: FFFFFF; } .block .block-title strong span { border-bottom-color: FFFFFF; } .sidebar .block-content, .sidebar .block li a, .sidebar .block .actions a { color: FFFFFF; } .sidebar .block li a:hover, .sidebar .block .actions a:hover, #sidenav li.level0.active > a, .sidebar .block-account .block-content li.current { color: FFFFFF; } .sidebar .block .actions, #sidenav li a, .block .block-content li.item { border-color: FFFFFF; } /* Sidebar Ends */ /* product Starts */ .products-grid .item button.button span, .products-list li.item button.button span, .product-view .product-shop button.button span { color: FFFFFF;} .products-grid .item button.button:hover span, .products-list li.item button.button:hover span, .product-view .product-shop button.button:hover span { color: FFFFFF;} .products-grid .item button.button span, .products-list li.item button.button span, .product-view .product-shop button.button span { background-color: FFFFFF;} .products-grid.product-hover-style1 button.button span { background-color:rgba(255,255,255,0.5); } .products-grid .item button.button:hover span, .products-list li.item button.button:hover span, .product-view .product-shop button.button:hover span { background-color: FFFFFF;} .products-grid .item button.button span, .products-list li.item button.button span, .product-view .product-shop button.button span {font-family: 'Open Sans';} .products-grid .item, .products-list li.item { background-color: FFFFFF;} .products-grid .item, .products-list li.item { border-color: FFFFFF;} .products-grid .item:hover, .products-list li.item:hover { border-color: FFFFFF;} .products-grid.product-hover-style1 .actions, .products-grid.mini-product .item .actions { background-color:rgba(255,255,255,0.80); } .products-grid .product-name a, .products-list .product-name a, .product-view .product-name h1 { color: FFFFFF;} .products-grid .product-name a:hover, .products-list .product-name a:hover { color: FFFFFF;} .products-grid .product-name a, .products-list .product-name a, .product-view .product-name h1 {font-family: 'Open Sans';} .products-grid .price-box .price, .products-list .price-box .price, .product-view .product-shop .price-box .price { color: FFFFFF;} .products-grid .price-box .price, .products-list .price-box .price, .product-view .product-shop .price-box .price {font-family: 'Open Sans';} .addto-links-icons.icon-bg-color span.icon, .products-grid.product-hover-style1 .add-to-links li a, .products-list .add-to-links li a, .product-view .product-shop .add-to-links li a { color: FFFFFF;} .addto-links-icons.icon-bg-color span.icon:hover, .products-list .add-to-links li a:hover, .product-view .product-shop .add-to-links li a:hover { color: FFFFFF;} .addto-links-icons.icon-bg-color span.icon { background-color: FFFFFF;} .addto-links-icons.icon-bg-color span.icon:hover { background-color: FFFFFF;} .addto-links-icons.icon-bg-color span.icon { border-color: FFFFFF;} .quick-view a { color: FFFFFF;} .quick-view a:hover { color: FFFFFF;} .quick-view a { background-color: FFFFFF;} .quick-view a:hover { background-color: FFFFFF;} /* product Ends */ /* Category Page Starts */ .limiter .dropdown-toggle, .sort-by .dropdown-toggle, .limiter .dropdown .dropdown-menu, .sort-by .dropdown .dropdown-menu { background-color: FFFFFF;} .limiter .dropdown-toggle .value, .sort-by .dropdown-toggle .value { color: FFFFFF;} .limiter .dropdown .dropdown-menu a, .sort-by .dropdown .dropdown-menu a { color: FFFFFF;} .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover, .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected { color: FFFFFF;} .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover, .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected { background-color: FFFFFF;} .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected {background-color: transparent;} .limiter .dropdown .dropdown-menu a.selected, .sort-by .dropdown .dropdown-menu a.selected { color: FFFFFF;} .limiter .dropdown .dropdown-menu a:hover.selected, .sort-by .dropdown .dropdown-menu a:hover.selected { color: FFFFFF;} .limiter .dropdown-toggle, .sort-by .dropdown-toggle, .limiter .dropdown .dropdown-menu, .sort-by .dropdown .dropdown-menu { border-color: FFFFFF;} .pager .pages li, .pager .pages li a { color: FFFFFF;} .pager .pages li:hover a, .pager .pages li.current, .pager .pages li a.next:hover,.pager .pages li a.previous:hover { color: FFFFFF;} .pager .pages li a, .pager .pages li a.previous, .pager .pages li a.next { background-color: FFFFFF;} .pager .pages li:hover a, .pager .pages li.current, .pager .pages li a.next:hover,.pager .pages li a.previous:hover { background-color: FFFFFF;} .pager .pages li a.previous, .pager .pages li a.next { border-color: FFFFFF;} /* Category Page Ends */ /* Footer Starts */ .footer-container { background-color:FFFFFF; } .footer-top { background-color: FFFFFF;} .footer { background-color: FFFFFF;} .footer-bottom { background-color: FFFFFF;} a.scrollup { color: FFFFFF;} a.scrollup:hover { color: FFFFFF !important;} a.scrollup { background-color: rgba(125,125,125,0.5);} a.scrollup:hover { background-color: FFFFFF;} .footer .collapsible .block-title { color: FFFFFF;} .footer-container a { color: FFFFFF;} .footer-container a:hover, .footer-container .links > li > a:hover { color: FFFFFF;} .footer-top, .footer-top-border, .footer-bottom-border { border-color: FFFFFF;} .footer-top .logo:after { background-color: FFFFFF;} .social-link.icon-bg-color span.icon { background-color: FFFFFF;} .social-link.icon-bg-color span.icon:hover { background-color: FFFFFF !important;} .social-link a .icon { color: FFFFFF;} .social-link a .icon:hover { color: FFFFFF !important;} .footer .block-subscribe button.button span { background-color: FFFFFF;} .footer .block-subscribe button.button:hover span { background-color: FFFFFF;} .footer .block-subscribe button.button span { color: FFFFFF;} .footer .block-subscribe button.button:hover span { color: FFFFFF;} .footer .block-subscribe input { color: FFFFFF;} .footer .block-subscribe input { background-color: FFFFFF;} .footer .block-subscribe input { border-color: FFFFFF;} /* End Footer */ /* Extra Settings Starts */ /* SUMAX START */ .su-heading2-block { border-bottom-color: rgb(242, 148, 0); border-bottom-style: solid; border-bottom-width: 3px; color: rgb(67, 67, 67); display: inline-block; font-family: 'open sans'; font-size: 15px; font-weight: normal; height: 18px; line-height: 18.75px; margin-bottom: 10px; padding-bottom: 10px; text-align: left; text-transform: uppercase; } .footer-heading-h3 { color: rgb(67, 67, 67); display: block; font-family: 'Open Sans', Verdana, sans-serif; font-size: 15px; font-weight: normal; line-height: 18px; margin-bottom: 5px; text-align: center; } .footer-heading-h6 { border-bottom-color: rgb(255, 255, 255); border-bottom-style: none; border-bottom-width: 0px; border-left-color: rgb(18, 18, 18); border-right-color: rgb(18, 18, 18); border-top-color: rgb(18, 18, 18); color: rgb(255, 255, 255); display: block; font-family: 'open sans condensed'; font-size: 16px; font-weight: bold; line-height: 20.8px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 40px; padding-top: 10px; text-align: left; text-transform: uppercase; } .sidebar-heading-h6 { color: rgb(255, 255, 255); display: block; font-family: 'Open Sans', Verdana, sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; text-transform: uppercase; } .sidebar-heading-h3 { color: rgb(255, 255, 255); display: block; font-family: 'Open Sans', Verdana, sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; text-transform: uppercase; } .banner-heading-h2 { color: rgb(255, 255, 255); display: block; font-family: 'open sans condensed'; font-size: 25px; font-style: normal; font-variant: normal; font-weight: bold; height: 31px; line-height: 31.25px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; text-transform: uppercase; } /* SUMAX END */ input.input-text, select, textarea, input.product-custom-option { color: FFFFFF;} input.input-text, select, textarea, input.product-custom-option { background-color: FFFFFF;} input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { color: FFFFFF;} input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { background-color: FFFFFF;} /* Extra Settings Ends */ /*===========themeoptions.css.php===============*/ /** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * * Please refer to the user guide for more details. * */ .wrapper { background-color: #fff; } .page { background: #fff; } .container { max-width: 1254px; } .page, .nav-maincontainer.fixed { max-width: 1254px; } .footer { background-color: #696969; } .header-container { background: #656565; /* Old browsers */ background: -moz-linear-gradient(top, #656565 0%, #adadad 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#adadad)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #656565 0%,#adadad 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #656565 0%,#adadad 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #656565 0%,#adadad 100%); /* IE10+ */ background: linear-gradient(to bottom, #656565 0%,#adadad 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */ background: #000; } .header-primarycontainer { text-align: left; } .header-topcontainer, .nav-maincontainer { background: #696969; } .search-wrapper-centered .form-search .input-text { background: rgba(255,255,255, 0.12); color: #fff; } .top-links { float: left; } .header2 .form-search .input-text { padding-right: 0; } .search-wrapper-centered .form-search { width: 100%; } .main-container123 { background: url(../images/bg_main_container.png) top left repeat-x; } .header2 .header-top { border-bottom: 0; } .block-layered-nav .currently .label { color: #F29400; } .ui-rangeSlider-handle { background: rgba(0,0,0,0.7); } .note-msg, .notice-msg { background-color: rgba(242, 148, 0, 0.2); background-image: url("../images/alert-icon/i_msg-note_orange.png"); border-color: rgba(242, 148, 0, 0.2); color: #bf7500; } .language .dropdown-menu a.selected, .currency .dropdown-menu a.selected { color: #bf7500; } .language .dropdown-menu a:hover, .currency .dropdown-menu a:hover { color: #F29400; } button.button:hover span, .buttons-set .back-link a:hover, div.alert-inner a:hover { background-color: #bf7500; } #sidenav li a { font-size: 13px; padding: 8px 0 8px 8px; background: none; font-weight: bold; } #sidenav li a.show-cat { right: -15px; } .bannerslider, .bannercontainer { margin-top: 0; } .block { padding: 18px 15px 15px; } .block-category-nav { padding: 18px 15px 10px 10px; background: rgb(200, 200, 200); } .caption-container { margin: -36px auto auto 0; } .caption-container .container { width: 100%; } .caption-container .grid-full { width: 100%; margin: 0; } .caption-container .caption { background-color: rgba(244, 148, 1, 0.8); height: auto; padding: 2em; width: 40%; } .caption .heading { text-transform: uppercase; font-family: "open sans condensed"; font-size: 25px; font-weight: bold; } .caption .heading, .caption p { color: #fff; } .caption p { font-family: "open sans"; font-size: 16px; margin-top: 0; margin-bottom: 4px; } .bannerLink { color: #fff; font-family: "open sans"; font-size: 16px; font-weight: 900; margin-top: 3px; display: block; } .bannerLink:hover { color: #fff; text-decoration: underline; cursor: pointer; } .products-grid.product-hover-style3 .quick-view { width: 50%; } .block.block-layered-nav .view { max-height: 300px; overflow: scroll; padding-bottom: 30px; } .std p { text-align: justify; } .lightbox .lb-image { height: auto !important; } .header .links > li > a { color: #ffffff; font-family: "open sans condensed"; font-size: 12px; } .header .links > li > a:hover { color: #f29400; } .nav-container #nav a { padding: 18px 20px; } .nav-container #nav li.home a { padding-left: 10px; font-weight: bold; } .nav-container #nav li.home > a { text-transform: uppercase; } .nav-container #nav > li > a, #mega-nav > li > a, .header-topcontainer, .footer { font-family: 'Open Sans Condensed', Verdana, sans-serif; font-size: 14px; font-weight: bold; } body, input, select, textarea, button, .products-grid .product-name a, .products-list .product-name a, .product-view .product-name h1 { font-family: 'Open Sans', Verdana, sans-serif; } .add-to-links li { float: left; margin-left: 4px; } .add-to-links li a span.icon { transition: all 0.5s ease 0s; } .product-view .product-shop .add-to-links li a:hover span.icon { background: #f29400; color: #fff; } iframe { max-width: 100%; overflow: hidden; } .item:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .products-grid.product-hover-style3 .item { min-height: 250px; } .products-grid.product-hover-style3 .add-to-links { display: none; } .products-grid .product-image-wrapper { min-height: 196px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; border: 0px solid #f0f0f0; } .products-grid.product-hover-style3 .new { top: -12px; right: -12px; } .products-grid.product-hover-style3 .sale { top: -12px; left: -12px; } .products-list .new, .products-list .sale { top: -2px; left: -2px; } .products-list .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; } .products-list .product-image-wrapper a { min-height: 100%; } .products-list .product-shop { align-self: flex-start; } .products-grid .tax-details, .products-grid .delivery-time { font-size: smaller;} .products-grid .item:hover .tax-details, .products-grid .item:hover .delivery-time { display: block; } .header2 .search-wrapper-centered .form-search .input-text { border: none; } .catalog-product-view .std > h2{ font-family: "open sans condensed"; font-size: 22px; text-transform: uppercase; font-weight: bold; } .std h1 { font-family: "open sans condensed"; font-size: 22px; text-transform: uppercase; font-weight: bold; } .std h2 { font-family: "open sans"; } .std p { font-family: "open sans"; font-size: 15px; line-height: 24px; } .footer .collapsible .block-title { font-family: "open sans condensed"; font-size: 16px; text-transform: uppercase; color: #fff; font-weight: bold; } .footer ul.list li a { font-family: "open sans"; font-size: 14px; text-transform: uppercase; color: #fff; } .social-link.icon-bg-color span.icon { background-color: #fff; color: #696969; } .footer .block-subscribe input { background: #fff; color: #696969; } .block-subscribe button.button span { background: #fff; } .footer .block-subscribe input { border: none; } .footer-bottom { background: #000; height: 120px; } .footer-bottom address, .footer-bottom .links li a { color: #fff; font-family: "open sans"; font-size: 14px; } .footer a, .footer { color: #fff; } body.cms-index-index .main, body.cms-index-defaultindex .main { margin-left: 0; margin-right: 0; } .grid-col2-main { margin-right: 0; } .breadcrumbs { margin-bottom: 1.5em; } .std a { text-decoration: underline; font-weight: bold;} .hint { font-size: 13px; } .norm { font-size: 15px; line-height: 24px; } /* Table Style - This is what you want ------------------------------------------------------------------ */ div.std > table a:link { color: #666; font-weight: bold; text-decoration:none; } div.std > table a:visited { color: #999999; font-weight:bold; text-decoration:none; } div.std > table a:active, div.std > table a:hover { color: #bd5a35; text-decoration:underline; } div.std > table { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; text-shadow: 1px 1px 0px #fff; background:#eaebec; margin:20px; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } div.std > table tr:first-child, div.std > table th { padding:21px 25px 22px 25px; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } div.std > table th:first-child { text-align: left; padding-left:20px; } div.std > table tr:first-child td:first-child { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; } div.std > table tr:first-child td { font-weight: 900; } div.std > table tr:first-child td:last-child { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; } div.std > table tr { text-align: center; padding-left:20px; } div.std > table td:first-child { text-align: left; padding-left:20px; border-left: 0; } div.std > table td { padding:18px; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } div.std > table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } div.std > table tr:last-child td { border-bottom:0; } div.std > table tr:last-child td:first-child { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; } div.std > table tr:last-child td:last-child { -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } div.std > table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } div.page-title:first-child { display: none; } .page-title:first-of-type { display: none; } .category-main div.page-title { display: block !important;} span.days { display: inline-block; min-width: 50px; } .feature { min-height: 80px; } dd.truncated h2, dd.truncated h3 { font-size: 15px;} .truncated .truncated_full_value .item-options { min-width: 300px; } .product-view .product-shop .quantity_counter { padding: 0 10px 0 0; } h3 { font-size: 1.5em; } /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FIVE */ .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 79.68%; } .span_3_of_5 { width: 59.36%; } .span_2_of_5 { width: 39.04%; } .span_1_of_5 { width: 18.72%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; text-align: center;} } @media only screen and ( max-width: 768px ){ ul.resp-tabs-list{ display: block; visibility: hidden; } ul.resp-tabs-list > *{ padding: 0; height: 0; } } @media only screen and (max-width: 900px) { .footer [class*="grid12-"] { float: none; width: 100%; box-sizing: border-box; } }