@import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url(https://fonts.googleapis.com/css?family=Cambay); *{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow:none; text-rendering: optimizeLegibility;} /* Hide Nivo Control Nav */ .theme-default .nivo-controlNav {display: none!important;} /*body:: Controls website background and any other text outside of a table without an associated style.*/ body { font-family: Arial, Helvetica, sans-serif; /*background: #c0c0c0;*/ font-size: 15px; color: #272727; font-weight: Normal; padding: 0; margin: 0; } img {border: 0;} a, a:visited {color: #073560; font-size: 12px; font-style: normal; font-weight: 400; text-decoration: underline; text-transform: uppercase; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;} /*A.cat:hover:: When a user passes their mouse over them.*/ a:hover {color: #00253D; text-decoration: none;} input, textarea, select, button {font-family: "cambay",sans-serif; color: #000;} .left {width: 50%; float: left; text-align: left; line-height: 32px;} .right {width: 50%; float: right; text-align: right;} #mobileMenu i, #mobileCatMenu i, #mobileCart i {color: #fff; font-size: 24px; font-family: "fontello";} .top-menu .icon-menu {color: #fff; font-size: 24px; font-family: "fontello";} #closeSlideMenu i { background: none repeat scroll 0 0 #01253d; border-radius: 4px; color: #fff; font-family: "fontello";float: left; font-size: 20px; margin: 15px 0 0; padding: 0 2px 2px;} .icon-search {color: #fff; font-size: 16px;font-family: "fontello";} ::selection {color: #FFF; background: #22303a;} ::-moz-selection {color: #FFF; background: #22303a;} blockquote {color: #000; font-size: 30px; font-weight: 400; text-align: center; line-height: 1em; background: #FFF; border-left: 6px solid #22303a; margin: 0 0 15px 0; padding: 40px;} /* QuickSearch */ table.searchlight-results {font-family: "cambay",sans-serif; width: 280px;} div.searchlight-results-wrapper {border: 1px solid #e2e2e2; margin-left: -1px;} /*******************************************************************************************************/ /* STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER) */ /*******************************************************************************************************/ /*store-name:: Store Name.*/ .store-name {font-family: "cambay",sans-serif; font-size: 35px; font-weight: 400; text-decoration: none; line-height: 35px;} /*store-slogan:: Store Slogan.*/ .store-slogan {font-family: "cambay",sans-serif; font-size: 14px; font-weight: 400; text-transform: lowercase;} /*frame:: Controls the left and right column background.*/ .frame {background: #FFF;} /*mod_bg:: Controls the left and right column modules background.*/ .mod_bg {background: none;} /*frame-ht:: Controls the height left, right and middle columns.*/ .frame-ht {height: 1000px;} .breadcrumbs {font-family: "cambay",sans-serif;} /*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ .menu-headers {border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000!important; color: inherit; font-size: 14px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; padding: 0; height: 34px; line-height: 34px; display: block;} /*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/ .footer {font-size: 10px; color: #000; font-weight: 400; text-transform: none;} .ftr-social {width: 100%; clear: both; margin: 30px 0 0 0;} .holder {height: 155px; border-bottom: 1px solid #292929; width: 100%; clear: both;} /*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/ .footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {font-size: 10px; color: #000; font-weight: 400; text-transform: none; text-decoration: underline;} /*icon:: Controls the way the menu icons display if they are being used.*/ .icon {font-size: 10px; font-weight: 400; color: #FFF;} .topsellers_topitem {padding: 10px; text-align: center; } /*top-sellers-star:: Controls the background image and style for the top ranking item star.*/ .top-sellers-star {display: none; background: #FFF; border: 2px solid #323f49; color: #323f49; font-family: "cambay",sans-serif; font-size: 14px; height: 30px; line-height: 25px; position: absolute; top: 40px; right: 0; text-align: center; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; width: 30px; z-index: 5;} /*ranking:: Controls the way the menu icons display if they are being used.*/ .ranking {float: left; font-size: 12px; font-weight: 400; color: #22303a; width: 12px; height: 20px; text-align: left;} /*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ .menu-text {font-size: 12px; color: #000; font-weight: 400;} /*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ .price2 {font-size: 16px; color: #00253D; font-weight: bold; padding: 10px 0 0 0;} /*cart-text:: Controls the way the text on the mini shopping cart displays. The mini-shopping cart is usually located in the header.*/ .cart-text {font-size: 48px; font-weight: 400; color: #15212a;} /*search-text:: Controls the way the search box displays of the frame.*/ .search-text {font-size: 20px; font-weight: normal; color: #3d3d3d; line-height: 57px; height: 57px; width: 443px; background: #FFF; border: none; padding: 0 0 0 25px; margin: 0 11px 0 0;} /*A.cat:: Controls the way the Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/ /*******************************************************/ /* STYLES USED THROUGHTOUT THE WEBSITE */ /*******************************************************/ /* .product-item img {position: relative; top: 0; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease;} */ .product-item .img img {max-width: 100%;} #itemsBlock .products-header {border-bottom: 1px solid #000;} /*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/ tr {text-align: left;} /*td:: Controls all text inside a table without and associated style.*/ td { text-decoration: none; word-spacing: normal; font-size: 14px; } /*data:: Controls the font style of your content on all the pages.*/ .data {text-decoration: none; word-spacing: normal; font-size: 12px;} /*alternative:: Controls the background color of the boxes used throughout the site.*/ .alternative {background: #FFF; text-align: center;} /* .product-item { border: 3px solid #284c64; border-radius: 3px;} */ .product-item .stars {display: none;} .product-item .on-sale {background: #999;} /*page_headers:: Controls the title of all your pages.*/ .page_headers { font-size: 28px; font-weight: 800; margin: 0; color: #000000; text-transform: uppercase; border-bottom: 0px solid #000; font-family: "cambay",sans-serif; } /*titles:: Controls the Tiles of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ .titles {font-size: 14px; color: #000; font-weight: 400; text-transform: uppercase; line-height: 30px; margin: 10px 0 40px; border-bottom: 1px solid #000; display: block; font-family: "cambay",sans-serif;} /*price:: Controls the way the product's final price display throughout the site.*/ .price {font-size: 16px; color: #000; font-weight: 700; letter-spacing: 0;} /*error:: Controls the error messages*/ .error {font-size: 12px; font-weight: 400; color: #e10e04; text-decoration: none;} /*borders:: Controls the color of the line dividers used throughout the site.*/ .borders {color: #585C5F; border: 1px solid #CCC; border-style: none none solid;} /*borders2:: Controls the color of the solid line dividers used throughout the site.*/ .borders2 {border: 1px solid #CCC; border-style: none none solid;} /*******************************************************************************************************/ /* STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES */ /*******************************************************************************************************/ /*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/ .checkout-headers {font-size: 14px; color: #22303a; font-weight: 700;} /*steps:: Controls the way the steps on the checkout pages display.*/ .steps {font-size: 16px; font-weight: 700; color: #CCC;} /*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/ .steps_on {font-size: 16px; font-weight: 700; color: #22303a;} /*titles2:: Controls the titles on the view cart page*/ .titles2 {font-size: 12px; font-weight: 700; background-color: #EEE; color: #22303a; padding:4px;} /*******************************************************************************************************/ /* STYLES ONLY USED ON PRODUCT PAGES */ /*******************************************************************************************************/ /*options-titles:: Controls the way the option titles display on the product page.*/ .options-titles {font-size: 12px; font-weight: 700; color: #585C5F; border: 1px solid #CCC; border-style: none none solid;} /*item:: Controls the item description and item details text.*/ .item {font-size: 12px; color: #383733; font-weight: 400;} /*itemTitle:: Controls the name of the Product.*/ .item-title {font-size: 22px; color: #22303a; font-weight:bold;} /*price-info:: Controls the way the sub-prices display on the product page, the final price is controlled by the style called "price".*/ .price-info {font-size: 12px; font-weight: 400; color: #585C5F;} /*small-txt:: Controls the way the item id displays.*/ .small-txt {color: #afafae; text-decoration: none; text-align: left; letter-spacing: 0; font-size: 10px; vertical-align:bottom;} /*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/ .availability-txt {color: #22303a;} /*reward-title:: Controls the title of the Reward Points section.*/ .reward-title {color: #22303a; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 7px; line-height: 10px; font-size: 16px; font-style:italic;} /**********************************************************/ /* FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE */ /**********************************************************/ /*btn:: Controls the buttons, (ONLY if it is not using and image).*/ .btn {border: none; background: #00253D; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; padding: 9px 14px; border-bottom: 4px solid #284c64; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;} /*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ .btn_over {border: none; background: #666; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; border-bottom: 4px solid #888; padding: 9px 14px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} /*button:hover:: Controls the button tag when a user mouses over them, (ONLY if it is not using and image).*/ button:hover {border: none; background: #666; font-weight: 400; font-size: 12px; color: #FFF; text-transform: uppercase; cursor: pointer; margin: 0; padding: 9px 14px; border-bottom: 4px solid #888; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} /*txtBoxStyle:: Controls the text and style of the Text Boxes.*/ .txtBoxStyle {border: 1px solid #b7b4ac; background: #fefefe; font-weight: 400; font-size: 12px; color: #000; margin: 0; padding: 8px 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} /*txtAreaStyle:: Controls the text and style of the Text Areas.*/ .txtAreaStyle {border: 1px solid #b7b4ac; background: #fefefe; font-weight: 400; font-size: 12px; color: #000; margin: 0; padding: 8px 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} /*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/ .txtBoxSearch {height: 20px; color: #000; font-size: 12px; border: none; padding: 3px 0 0 0; margin: 0;} /********************************************/ /* STYLES USED ONLY ON THE INVOICE */ /********************************************/ /*invoice_table:: Controls the background color on your invoices*/ .invoice_table {background-color: #f9f8f8;} /*invoice_title:: Controls the way the title of the invoices look */ .invoice_title {font-size: 10px; font-weight: 700; background-color: #cbcaca; color: #4f4e4e;} /*************************************************************/ /* LEGACY STYLES: STYLES USED PRIOR TO v3.2 */ /*************************************************************/ /*font1:: Primary Screen Font */ .font1 {font-size: 12px; font-weight: 400; color: #383733;} /*font2:: Secondary Screen Font */ .font2 {font-size: 12px; font-weight: 400; color: #22303a;} .font3 {font-size: 12px; font-weight: 400; color: #FFF;} .font4 {font-size: 12px; font-weight: 400; color: #c32519;} /*top:: Controls the Color of the top Bar*/ .top {background: none;} /*line:: Controls the Color of the line bellow the top bar*/ .line {background: #FFF;} /*********************************/ /* CUSTOM STYLES */ /*********************************/ /* Accent/Secondary Colors */ .accent-color {color: #c9dae4;} .accent-bg-color {background: #e2e2e2; color: #000;} #mainContainer {display: block;} .wrapper {background: #fff; margin: 0 auto; max-width: 100%; padding: 5px 5px; position: relative; width: 1000px;} #callnow {color: #fff; float: right; font-size: 15px; padding: 6px 5px 0 0; text-align: right; width: 40%;font-weight: 600;} #callnow a, #callnow a:hover, #callnow a:visited { text-transform: capitalize; color: #049e22;font-weight: 700;} #mobileMenu {cursor: pointer; display: none; float: right; width: 30px; height: 30px; margin: 3px 10px 5px 0;} #mobileCatMenu {cursor: pointer; display: none; float: left; width: 30px; height: 25px; margin: 5px 0 0 0;} #mobileCart { cursor: pointer; display: none; float: right; height: 41px; margin: 0; position: absolute; right: 10px; top: 49px; width: 49px;} #mobileCart > img { background: none repeat scroll 0 0 #049e22; border: 3px solid #fff; border-radius: 8px; padding: 5px 10px 6px;} #closeSlideMenu { background: none repeat scroll 0 0 #fff; float: left; cursor: pointer; display: none; text-align: right; height: 70px;} #callnow > span { font-size: 16px;} #callnow span, #callnow span a {color: #fff !important; display: inline-block;} #showSlideMenu #callnow { background: none repeat scroll 0 0 #40627a; display: inline-block; float: left; margin: 0; padding: 2px 10px; text-align: left; width: 100%; } .cbp-spmenu {width: 40%; float: left;} .top-menu {background: none repeat scroll 0 0 #567c97; height: 32px; position: relative; z-index: 999999;} .top-menu ul {float:right; line-height: 20px; list-style: none; margin: 0 10px; padding: 0;} .top-menu li {display: inline-block; text-align: right;} .top-menu li a { padding: 0 4px; color: #fff; font-weight: 600;} .top-menu li a:hover {color: #ccc !important;} .top-menu .wrapper { background: none repeat scroll 0 0 transparent; margin: 0 auto; max-width: 1000px; display:block; padding: 0; width: 100%;} .top-menu .wrapper #callnow {position:absolute; right:0; top:0;} li.m-search {display: none; border-bottom: 0px solid #111; padding: 0px;} .m-search form {margin: 0 auto; text-align: center;} .m-search input {float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none;} .m-search input[type="text"] { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 3px; color: #ccc; height: 30px; line-height: 30px; margin: 0 0 0 10px; padding: 0 0 0 15px; width: 180px;} .m-search button {cursor: pointer; height: 30px; background: #049e22; border: none; margin: 0; padding: 0; line-height:27px; width:70px;} #FRAME_SEARCH { float: left; width: 40%;} #searchBox { background: none repeat scroll 0 0 #fff; border-radius: 5px; float: left; margin: 15px 0 0 25px; /*box-shadow: 0 30px 150px 60px #225178; -webkit-box-shadow: 0 30px 150px 60px #225178;*/ max-width: 475px; padding: 5px 115px 5px 5px; position: relative; width: 100%; z-index: 10;} #searchBox form { position: relative;} #searchBox input { float: left;} #searchBox input[type="text"] { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 3px; color: #888; height: 35px; line-height: 26px; padding: 5px 0 0 10px; text-transform: uppercase; width: 100%; -webkit-appearance: none;} #searchBox input[type="submit"] { background: url("../images/lens-white.png") no-repeat scroll 75px center #049e22; border: medium none; color: #fff; cursor: pointer; float: right; font-size: 16px; height: 34px; margin: 0 0 0 5px; padding: 5px 0 0 10px; position: absolute; text-align: left; width: 105px; -webkit-appearance: none;} header { background: none repeat scroll 0 0 #567C97; height: 92px; position: relative; box-shadow: 490px 0 100px 10px #00253d inset, -490px 0 100px 10px #00253d inset; -webkit-box-shadow: 490px 0 100px 10px #00253d inset, -490px 0 100px 10px #00253d inset;} header .wrapper {background: none repeat scroll 0 0 transparent; clear: both; margin: 0 auto; max-width: 1000px; padding: 0; width: 100%;} header .wrapper:after {content:"."; display:block; clear:both; visibility:hidden; height:1px;} #logo { float: left; margin: 4px 0; max-width: 440px; width: 33%;} #logo img { max-width: 325px; position: relative; width: 100%; z-index: 1;} #cart { background: none repeat scroll 0 0 #fff; border-radius: 4px; color: #000; display: block; font-family: "Cambay", sans-serif; font-size: 17px; padding: 4px 4px 4px 0; position: absolute; right: 0; text-align: center; text-decoration: none; top: 47px; width: 22%; z-index: 1000;} #cart img { background: none repeat scroll 0 0 #049e22; border-radius: 4px; float: right; margin: 1px; padding: 6px 8px;} #cart strong {color: #00253D;} #cart > span { display: inline-block; margin: 7px 0 0 !important;} #cart span#noItemsText {color: #00253D;font-family: "cambay",sans-serif; font-size: 12px;} #checkout {background: url('../images/cart-background.png') no-repeat center center; height: 36px; width: 89px; z-index: 1000; overflow: hidden; position: relative; top: 6px; float: right;} #home h2.header-specials {border-bottom: 1px solid #284c64; color: #284c64; display: block; height: 40px; text-align: center; text-shadow: 1px 1px 0 #ccc;} li.search {display: none;} aside {float: left; width: 200px; display: block;} aside#leftBar {margin: 0 8px;} aside#rightBar {margin: 0 8px;} aside .module {margin-bottom: 25px; position: relative;} aside .module ul {list-style: none; padding: 0; margin: 0;} aside .module li a {line-height: 23px;} aside .module .info {width: 100%;} aside .module .name {width: 100%; text-align: center;} aside .module .img {width: 100%; text-align: center;} aside .module .price2 {width: 100%; text-align: center;} aside .module .stars {width: 100%; text-align: center;} aside .module .div {display: block; height: 1px; background: #d0d0d0; margin: 10px 0;} .manf-select {background: #FFF url(../images/dark-arrow.png) no-repeat right center; border: 2px solid #e2e2e2; width: 200px; overflow: hidden; height: 29px;} .manf-select select {background: transparent; border: none; line-height: 29px; height: 29px; margin: 0; padding: 0; -webkit-appearance: none; width: 310px;} .topsellers_topitem .img {width: 200px; height: 150px; text-align: center; vertical-align: middle; position: relative;} .topsellers_topitem .img img {max-height: 150px; max-width: 150px;} .topsellers_topitem .info {padding: 0.5em 0;} .topsellers_topitem .name {float: left; width: 70%; margin-bottom: 10px;} .topsellers_topitem .price2 {float: right; width: 30%; text-align: right;} #mainContent {float: left;padding: 0;width: 100%;} section, #message {background: #fff;} footer {background: none repeat scroll 0 0 #fff; border-top: 5px solid #333; margin-top: 0;} footer .wrapper {min-height: 236px; padding: 30px 0 0;} footer h3 {color: #000; font-family: "cambay",sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; display: block; margin: 18px 0 10px 0; padding: 0;} footer .ftr-col {float: left; margin: 0 10px 0 0;} footer .col1 {width: 600px;} footer .col2 {width: 260px;} footer .col3 {width: 330px; margin: 0; float: right;} .ftleft {width: 50%; float: left;} .ftright {width: 50%; float: right; text-align: right; height: 20px;} #modManufacturer ul {list-style: none; padding: 0; margin: 0;} #modManufacturer ul {list-style: none; display: block; width: 220px; margin: 0 0 10px; padding: 0; overflow: hidden;} #modManufacturer li {float: left; width: 50%;} #FRAME_LINKS {margin: 0 0 40px 0; height: auto;} #modLinks ul {list-style: none; padding: 0; margin: 0;} #modLinks ul {list-style: none; display: block; width: 100%; margin: 0; padding: 0;} #modLinks li {float: left; margin: 0 15px 0 0;} #modLinks li a {font-size: 14px; font-weight: 700; clear: both; text-transform: capitalize; font-family: "cambay",sans-serif;} #mailistBox label {color: #000; font-family: "cambay",sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; display: block; margin: 15px 0;} #mailistBox input, #mailistBox span {float: left; display: block;} #mailistBox span {margin-right: 30px;} .mailist-box {margin-bottom: 13px;} #mailistBox input[type="text"] {background: transparent; color: #888; border: none; height: 38px; margin: 0; padding: 0 0 0 15px; width: 35%; -webkit-appearance: none; border-bottom: 1px solid #888; border-left: 1px solid #888; border-top: 1px solid #888; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0;} #mailistBox input[type="submit"] {background: #00253D url('../images/go-arrow-white.png') no-repeat center center; border: none; float: left; color: #000; cursor: pointer; font-size: 14px; font-weight: 400; height: 38px; border-bottom: 3px solid #284c64; margin: 0; padding: 0; text-align: center; text-indent: -9999px; text-transform: uppercase; width: 8%; -webkit-appearance: none; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;} #mailistBox input[type="submit"]:hover {background: #999 url('../images/go-arrow-white.png') no-repeat center center;} #mailistBox input[type="radio"] {margin: 2px 5px 0 0; padding: 0;} .social-icons {margin: 20px 0 0 0; width: 100%; height: 30px; text-align: right;} .social-icons a {background: none; color: #000; font-size: 20px; text-decoration: none; text-align: right; float: right;} .social-icons a:hover {color: #00253D;} #globalFooter {margin: 14px 0 0; width: 50%; float: right; text-align: right;} #copyright {padding: 10px 0; width: 100%; float: left; border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 30px 0 0;} .stats {height: 0; overflow: hidden;} #homeCarousel {margin-bottom: 20px; float: left; width: 100%; position: relative;} #homeCarousel:before, #homeCarousel:after {z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #000; } #homeCarousel:after {-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;} .header-specials {font-family: "cambay",sans-serif; color: #000; font-weight: 700; text-transform: capitalize; line-height: 38px; padding: 0; margin: 5px 0; font-size: 30px; clear: both;} .product-item .status > img {left: 10px; position: absolute; top: 10px; transition: none 0s ease 0s ;} /* Home Template -----------------------------------*/ #home {background: transparent;} #home .home-images { width: 100%;} #home .home-images img {max-width: 100%; width:100%; float:left;} #home .feature-bar { position: relative; z-index: 1;} /*#home .top-main { float: left; position: relative; text-align: center; width: 100%;}*/ #home .top-main { background-image: url("/assets/templates/pearlsofjoy-html5/images/home-top-banner.jpg"); background-position: center center; background-size: auto 240px; float: left; position: relative; text-align: center; width: 100%;} #home .left-top, #home .left-bottom { float: left; box-shadow: 0 -1px 0 0 #757575, 0 1px 0 0 #757575; -webkit-box-shadow: 0 -1px 0 0 #757575, 0 1px 0 0 #757575; position: relative; width: 50%;} #home .right-top, #home .right-bottom { float: right; position: relative; width: 50%; box-shadow: -1px 0 0 0 #757575, 0 -1px 0 0 #757575, 0 1px 0 0 #757575; -webkit-box-shadow: -1px 0 0 0 #757575, 0 -1px 0 0 #757575, 0 1px 0 0 #757575;} #home .left-top-img, #home .right-top-img, #home .left-bottom-img, #home .right-bottom-img {} #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { display: inline-block; position: absolute; left: 6%; top: 15%; width: 270px;} #home .home-images h2 { color: #5b616b; font-family: Georgia; font-size: 40px; font-weight: 400; line-height: 40px; margin: 0; text-transform: none;} #home .home-images p { color: #5b616b; font-family: "PT Sans",sans-serif; font-size: 20px; font-weight: 400; line-height: 20px; margin: 0 0 8px; padding: 4px 8px 6px 2px; text-align: left; text-transform: none;} #home .home-images .home-img-btn, #home .home-images .home-img-btn:hover { background-color: rgba(255, 255, 255, 0); border: 2px solid #5b616b; border-radius: 1px; color: #5b616b; float: left; font-family: "PT Sans Narrow",sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; margin: 0 15px 0 0; padding: 3px 10px; text-transform: none; width: 70%;} #home .home-images .icon-right-open { background: none repeat scroll 0 0 #fff; border-radius: 10px; box-shadow: 0 0 0 2px #049e22, 0 0 0 3px #fff; color: #049e22; font-size: 10px; line-height: 10px; margin: 0 0 0 18px;} #home .top-main-title { left: 0; margin: 0 auto; position: absolute; right: 0;} #home .top-main-img { float: left; max-width: 100%;} #home .top-main-txt { width: 100% !important;} #home .home-images .top-main-txt p { font-family: georgia; font-size: 19px; text-align: center; margin: 0 0 10px;} #home .top-main h1 { color: #5b616b; display: inline-block; font-family: Georgia; font-size: 65px; text-shadow: 0 1px 0 #ffffff; font-weight: 400; margin: 0 15px; text-transform: none;} #home .top-main h3 { color: #5b616b; display: inline-block; font-family: Helvetica; font-size: 55px; text-shadow: 0 1px 0 #ffffff; font-weight: 700; letter-spacing: -3px; margin: 0 15px; text-transform: none;} #home .top-main .home-img-btn, #home .top-main .home-img-btn:hover { background-color: rgba(255, 255, 255, 0.15); color: #ffffff; border: 2px solid #ffffff; border-radius: 1px; bottom: 30px; box-shadow: none; font-size: 28px; line-height: 28px; font-weight: 600; height: auto; left: 0; margin: 0 auto; max-width: 400px; min-width: 300px; padding: 6px 15px; position: absolute; right: 0; width: 100%;} #home .home-images .top-main .icon-right-open { background: none repeat scroll 0 0 #fff; border-radius: 10px; box-shadow: 0 0 0 2px #049e22, 0 0 0 3px #fff; color: #049e22; font-size: 12px; margin: 0 0 0 20px;} #home .received { display: inline-block; float: left; margin: 25px 0 0; text-align: center !important; width: 100%;} #home .received .br1 { left: 0; position: absolute;} #home .received h4 { color: #000; float: left; font-size: 15px; font-weight: normal; font-family: Arial; padding: 16px 50px; text-align: center; width: 100%;} #home .received .br2 { position: absolute; right: 0;} #home .received img { width: 48px;} #home .received a { color: #0b45a6; font-size: 14px; text-decoration: underline; text-transform: none;} #home .pearl-block-info { float: left; margin: 10px 0 15px; width: 100%;} #home .pearl-block-inner { display: inline-block; float: left; padding: 0 5px; width: 25%; height: auto;} #home .pearl-image > img { box-shadow: 0 0 0 1px #d4d2d2; -webkit-box-shadow: 0 0 0 1px #d4d2d2; margin: 0 0 5px; max-width: 100%; width: 100%; margin: 0; padding: 0;} #home .pearl-text > h3 { color: #5b616b; font-family: georgia; font-size: 18px; line-height: 18px; font-weight: normal;} #home .pearl-text p { color: #5b616b; font-family: arial; font-size: 14px; font-weight: normal; line-height: 15px; padding: 0 3px; text-align: justify;} /* CATEGORY Template -----------------------------------*/ #category #subcategoriesBlock { float: left; width: 100%;} #category .sub-categories {margin: 3px 3px 0; padding: 0;} #category .sub-categories .img { display: block; min-height: inherit;} #category .sub-categories .img img { max-width: 100%;} #category .page_headers { border: medium none; color: #083662; font-family: arial; font-size: 18px; font-weight: normal; padding: 4px; text-transform: none;} #category #subcategoriesBlock .titles { display: none;} #category .products-header { border: medium none;} #category .stockmsg { display: none;} #category .ostock { display: none;} #category .ostock-cat { background-color: rgba(255, 255, 255, 0.6); padding: 17% 0; position: absolute; top: 0px; left: 0; width: 100%;} #category .ostock-cat-title { color: #777; font-family: helvetica; font-size: 27px; font-weight: 900;} /* listing_0.html Template -----------------------------------*/ #listing0 div { font-family: arial;} #listing0 h1 {font-size: 18px;} #listing0 .primary { float: left; margin-bottom: 15px; width: 60%;} #listing0 .secondary { float: right; margin-bottom: 15px; position: relative; width: 37%;} #listing0 .detail-section .alpha-col {width:100%;} #listing0 .detail-section .beta-col { display: none;} #listing0 .main-image img, #listing0 .main-image a {max-width: 600px;} #listing0 .addl-images { height: 70px; overflow: hidden; padding: 0 20px; position: relative;} #listing0 .prod-thumb img {vertical-align: middle; width: auto;} #listing0 .carousel li { border: 1px solid; float: left; height: 70px; line-height: 70px;} #listing0 .flex-direction-nav > li { line-height: 30px !important;} #listing0 .createReviewLink .btn, #listing0 .createFirstReview .btn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; display: block; font-size: 11px; line-height: 14px; padding: 0;} #listing0 .createReviewLink .btn:hover, #listing0 .createFirstReview .btn:hover { color:#000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; display: block; font-size: 11px; padding: 0;} #listing0 .clicktozoom .icon-search { color: #555; font-size: 12px;} #listing0 .clicktozoom { margin: 0 0 8px 15px; text-align: left;} #listing0 #divOptionsBlock { background: none repeat scroll 0 0 #f1f1f1; border-bottom: 0 solid #d2d2d2; margin-bottom: 15px; padding: 0 10px;} #listing0 #divOptionsBlock .header > h3 { font-size: 14px; font-style: italic;} #listing0 #divOptionsBlock select {font-family: arial; font-size: 14px;} #listing0 #divOptionsBlock .dropdown-image { background: none repeat scroll 0 0 #fff; height: auto; text-align: center; width: 100%;} #listing0 .product_availability { display: inline-block; float: left; margin: 0 0 5px;} #listing0 #availability { color: #000; display: inline;} #listing0 #availability > span { color: #529e00; font-weight: bold;} #listing0 .ship-msg { color: #083662; float: right; font-size: 13px; font-weight: bold; margin: 0 5px 0 0;} #listing0 .pipe { display: none;} #listing0 .qaLinkFirst > a { font-size: 13px; font-weight: 600; text-align: center; text-decoration: underline; text-transform: none;} #listing0 .yourprice.price { color: #5b616b; font-size: 24px; font-weight: normal; line-height: 20px; font-family:arial;} #listing0 .yourprice.price > span { color: #d61313; font-weight: bold;} #listing0 .pricingBlock .retailprice { font-family: arial; font-size: 13px; text-decoration: none; line-height: 13px; color: #000;} #listing0 .yourprice-onsale { font-family: arial; font-size: 13px; line-height: 13px;} #listing0 .yourprice-onsale > span { text-decoration: line-through;} #listing0 .saleprice.price span { color: #d61313; font-size: 24px;} #listing0 .saleprice.price { color: #5b616b; font-size: 24px; font-weight: 600; line-height: 24px;} #listing0 .addToCartBlock label { display: none; float: left; font-weight: bold; width: 100%;} #listing0 .qtybox-addcart .txtBoxStyle { display: none;} #listing0 .addToCartBlock button { background: url("/assets/templates/pearlsofjoy-html5/images/listing_addtocart_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: transparent; margin:0; height: 42px; width: 194px;} #listing0 .atc-image-right { float: left;} #listing0 .dropdown-image > img { width: 180px;} #listing0 .star-rating > img { max-width: 90px;} #listing0 .r-tabs .r-tabs-nav .r-tabs-anchor { background: url("/assets/templates/pearlsofjoy-html5/images/listing_tab_static.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-top: medium none; color: #333; font-family: arial; font-size: 18px; font-weight: normal; margin-bottom: 0; padding: 3px 15px; text-transform: none;} #listing0 .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background-color: transparent; background-image: url("/assets/templates/pearlsofjoy-html5/images/listing_tab_active.png") !important; border-top: 0 solid #000; color: #fff;} #listing0 .contentt { float: right; font-family: arial; width: 48%;} #listing0 .techtable { border: 1px solid #999; float: right; width: 100%; border-collapse: inherit;} #listing0 .techtop { border-bottom: 1px solid #999; padding-top: 5px;} #listing0 .techtop .header { border: medium none; color: #083662; font-family: Arial,Helvetica,sans-serif; font-size: 17px; font-weight: bold; line-height: 20px; margin-bottom: 5px; padding: 0 0 0 8px;} #listing0 .detailstop { background: none repeat scroll 0 0 #e2e2e2;} #listing0 .techd, .techp, .techdb, .techpb { background: none repeat scroll 0 0 #eee; border-bottom: 1px solid #ccc; color: #083662; font-family: verdana; font-size: 11px; font-weight: bold; line-height: 11px; padding: 5px;} #listing0 .techp, #listing0 .techpb { background: none repeat scroll 0 0 #fff; color: #333;} #listing0 #tab-1 .item { font-family: arial; font-size: 14px; line-height: 15px; text-align: justify; width: 50%;} #listing0 .r-tabs .desc-main { display: inline-block;} #listing0 .r-tabs .tab-desc { float: left; line-height: 15px; text-align: justify; margin-bottom: 10px; width: 48%;} #listing0 .ship-gift-tabs {display: inline-block; width: 100%;} #listing0 .ship-gift-tabs-left { float: left; width: 50%;} #listing0 .ship-gift-tabs-right { float: left; width: 50%;} #listing0 .ship-gift-tabs img { max-width: 478px; width: 100%;} #listing0 .ostock { background-color: rgba(255, 255, 255, 1); color: #161c54; display: block; min-height: 315px; height: 100%; padding: 10px 0 0; position: absolute; top: 20px; width: 100%; z-index:4;} #listing0 .ostock-title { color: #161c54; font-family: Helvetica,sans-serif; font-size: 25px; font-weight: normal;} #listing0 p.ostock-desc { color: #161c54; font-family: Helvetica,sans-serif; font-size: 14px; font-weight: normal; padding: 5px 45px 20px 5px; text-align: justify;} #listing0 .ostock-contact, #listing0 .ostock-contact a { color: #161c54; text-transform: none; font-family: Helvetica,sans-serif; font-size: 22px; font-weight: normal; line-height: 30px; text-decoration: none;} #listing0 .ostock-cat { display: none;} #listing0 .relatedBlock .stockmsg { display: none;} #listing0 .relatedBlock .ostock { display: none;} #listing0 .relatedBlock .ostock-cat { background-color: rgba(255, 255, 255, 0.6); color: #777; display: inline-block; font-family: helvetica; font-size: 22px; font-weight: 900; left: 0; padding: 55px 0; position: absolute; top: 30px; width: 100%;} /*#simplemodal-container { height: auto !important; max-width: 400px !important; width: 100% !important; top: 15% !important;}*/ /* Contact Page ------------------------------*/ .contact-left { float: left; display: inline-block; padding: 0 30px 0 25px; width: 58%;} .contact-right { background: #dde8f0 none repeat scroll 0 0; float: left; height: 100%; padding: 46px 25px 0; position: absolute; right: 0; top: 0; width: 40%;} .contact-titletag { font-family: "Droid Sans",sans-serif; color: #2b2c2c; font-size: 35px; margin: 0 0 8px -2px; font-weight: 600; letter-spacing: -1px; text-transform: uppercase;} .contact-questions { padding: 0 0 15px;} .contact-questions > span { color: #2b2c2c; font-family: arial; font-size: 15px; line-height: 15px;} .contact-hear { color: #2b2c2c; font-family: arial; font-size: 15px; line-height: 20px; padding: 0 0 20px;} .hear-title { display: block; font-weight: bold;} .contact-italic { font-style: italic;} .contact-field { display: block; margin: 0 0 15px;} .contact-form .txtBoxStyle { width: 100%;} .contact-field input {background: #f8f9fa none repeat scroll 0 0; color: #c4c5c6 !important; font-family: droid sans,sans-serif; font-size: 34px; font-weight: 600; height: 65px; padding: 0 10px 0 20px;} .contact-field textarea { background: #f8f9fa none repeat scroll 0 0; color: #676767 !important; font-size: 15px; font-weight: 600; padding: 8px 15px 0; min-height: 200px;} .contact-btn { background: #181c57 none repeat scroll 0 0; -webkit-appearance: none; cursor: pointer; border: medium none; color: #fff; font-family: droid sans,sans-serif; font-size: 34px; font-weight: 600; letter-spacing: -1px; padding: 10px 0; text-transform: uppercase; width: 100%; -webkit-appearance: none !important; border-radius: none !important; } .contact-wrap .contact-address span { color: #2c2b2b; font-family: arial; font-size: 16px; line-height: 16px; margin: 0;} .contact-wrap .addy-bold { font-weight: bold;} .contact-wrap .contact-phone, .contact-wrap .contact-email, .contact-wrap .contact-social { color: #2c2b2b; font-family: arial; margin: 0 0 15px; font-size: 16px;} .contact-social { display: inline-block; margin: 20px 0 0 !important; width: 100%;} .contact-social .addy-bold { display: block; padding: 0 0 10px;} .contact-social-img { display: inline-block; margin: 0 2px;} .contact-right .contact-titletag { margin: 0 0 8px -8px;} .contact-thanks { color: #2c2b2b; font-family: arial; font-size: 20px; font-weight: 600; line-height: 20px; margin: 100px 0; text-align: center;} .contact-thanks > a { color: #0b3452; font-size: 20px; font-weight: 600; text-decoration: underline; text-transform: none;} /* BLOG ------------------------------*/ #blog h1 { border-bottom: 0px solid; font-size: 36px; line-height: 36px; margin: 0; font-family:Georgia; } #blog h1 a { font-size: 36px; line-height: inherit; text-transform: none; font-family:Georgia; } #blog h2 { font-size: 36px; font-family:Georgia; margin-bottom: 15px;} #blog .blogPost {margin: 10px 0;} #blog article.blog-body { margin: 15px 0; font-size: 16px; } #blog article.blog-body p { line-height: 1.5em; text-align: justify; margin: 0 0 15px 0; } /* EXTRA PAGE ------------------------------*/ #extrapage .page_headers { } #extrapage ul.sub_pages { display: none;} #extrapage .header{ border-bottom: 0px solid; font-size: 36px; line-height: 36px; margin: 0; font-family:Georgia; } #extrapage .h2{ border-bottom: 0px solid; font-size: 36px; line-height: 36px; margin: 0; font-family:Georgia; } #extrapage .h3{ border-bottom: 0px solid; font-size: 36px; line-height: 36px; margin: 0; font-family:Georgia; } #extrapage .small-header{ border-bottom: 0px solid; font-size: 20px; color: #5D5959; margin: 0; font-family:Georgia; } /* SEARCH PAGE ------------------------------*/ #search #itemsBlock .header { display: none;} #search #itemsBlock > a { display: none;} #search .stockmsg { display: none;} #search .ostock { display: none;} #search .ostock-cat { background-color: rgba(255, 255, 255, 0.6); padding: 17% 0; position: absolute; top: 14px; left: 0; width: 100%;} #search .ostock-cat-title { color: #777; font-family: helvetica; font-size: 27px; font-weight: 900;} /* VIEW CART ------------------------------*/ #viewCart { font-family: arial;} #viewCart .vc-layout { display: inline-block; width: 100%;} #viewCart .vc-left { float: left; width: 80%;} #viewCart .vc-right { float: left; text-align: right; width: 20%;} #viewCart .viewcart-title { color: #555; display: block; font-size: 18px; font-weight: 600; margin: 0 0 6px 4px;} #viewCart .titles2 { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid; border-top: 2px solid #000; margin-bottom: 5px;} #viewCart .item-qty { float: left; margin: 0; text-align: center; min-width: 50px;} #viewCart .item-qty .txtBoxStyle { padding: 2px 8px; text-align: center;} #viewCart .update-qty { display: block; font-size: 11px; line-height: 11px; margin: 5px 0 0;} #viewCart .titles2 div { font-size: 15px; text-transform: uppercase; text-align: center;} #viewCart .shoppingCartItems .row:nth-child(2n) { background: none repeat scroll 0 0 transparent;} #viewCart .product-image { float: left; height: auto; margin-right: 10px; max-width: 100px; width: 100%;} #viewCart .product-image img { border: 1px solid #dbdbdb; max-width: 100px;} #viewCart .row .item-price, #viewCart .row .item-total {color: #000; font-family: arial; font-size: 16px; text-align: center;} #viewCart .item-remove img { max-width: 14px;} #viewCart .shoppingCartItems .row { border-bottom: 4px double #dbdbdb; padding: 5px 0 35px 5px; position: relative;} #viewCart .product-name-options {width: 69%;} .product-name-options > div { color: #000;} #viewCart .product-name-options > a { font-family: arial; font-size: 14px; text-transform: none;} #viewCart .view-hide { color: #4551c5; font-family: arial; font-size: 11px !important;font-weight: bold; text-transform: uppercase !important;} #viewCart .shoppingCartTotal .clear { display: none;} #viewCart .shoppingCartTotal div { float: right !important; margin-bottom: 0; padding: 0 0 5px; color: #000;} #viewCart .shoppingCartTotal { display: inline-block; float: right; margin: 15px 0 5px; width: 252px;} #viewCart .shoppingCartTotal .item-total, #viewCart .shoppingCartTotal .item-price { border-bottom: 1px solid #dbdbdb; font-size: 17px;} #viewCart .shoppingCartTotal .item-total { text-align: right; width: 50%; line-height: 25px;} #viewCart .shoppingCartTotal .item-price { width: 50%; line-height: 25px;} #viewCart .applyCoupon .header { border: medium none; margin: 0;} #viewCart .applyCoupon h3.checkout-headers { color: #747474; cursor: pointer; font-size: 15px !important; font-weight: normal;} #viewCart .applyCoupon input.txtBoxStyle { border: 1px solid #dbdbdb;border-radius: 2px; height: 29px; padding: 4px !important; width: 185px;} #viewCart .chk-buttons a { display: inline-block; margin: 0 2px 0 3px;} #viewCart .chk-buttons { display: none;} #viewCart form .chk-buttons { display: inline-block; float: right; margin: 0; width: 260px;} #viewCart .vc-cc { text-align: center;} #viewCart .vc-banner { display: inline-block; margin: 0 auto 20px; padding: 0 15px; text-align: center; width: 100%;} #viewCart .vc-banner-image { float: left; width: 50%;} #viewCart .vc-banner-image > img { max-width: 475px; width: 100%;} #viewCart .shipQuote.pad10.boxShadow { display: none;} #viewCart .item-info { text-align: left !important; width: 60%;} #viewCart .item-total, #viewCart .item-price, #viewCart .item-qty { text-align: center; width: 12%;} #viewCart .vc-right {float: left; padding: 0 10px; text-align: right; width: 20%;} #viewCart .vc-right > img, #viewCart #eKomiWidget_default img { max-width: 100%;} #viewCart .applyCoupon .coupon-container {display: none;} /*#viewCart .applyCoupon .checkout-headers.active .icon-plus { display: none;}*/ #viewCart .applyCoupon .checkout-headers .icon-minus { display: none;} /*#viewCart .applyCoupon .checkout-headers.active .icon-minus { display: inline-block; color: #fff;}*/ /* CHECKOUT STEP 1 -----------------------------------*/ #checkoutStep1 .leftCol { border: 1px solid #e3e3e3; border-radius: 5px; float: left; padding: 10px; width: 65%;} /* #checkoutStep1 .chkField label { float: left; line-height: 2.9em; margin-right: 10px; text-align: right; width: 20%;}*/ #checkoutStep1 .rightCol { float: right; width: 33%;} #checkoutStep1 .paypalExpress { display: none;} #checkoutStep1 .account_login { display: none;} #checkoutStep1 .chkField.stepone { display: none;} #checkoutStep1 .createNewAccount .chkField { margin-bottom: 0px;} /*#checkoutStep1 .createNewAccount .chkField > label { line-height: 20px !important; text-align: left !important; width: 100% !important;}*/ #checkoutStep1 .method-img > img { position: absolute;} .static-info > span { display: inline-block; max-width: 220px; text-align: left; font-size: 12px; width: 100%;} .shipping-add-static .static-info > span { font-family: Verdana; font-size: 12px; font-weight: normal;} #checkoutStep1 .shipping-add-static.step-one, #checkoutStep1 .shipping-method-static.step-one, #checkoutStep1 .payment-method-static.step-one, #checkoutStep1 .chkShoppingCart.step-one { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #e3e3e3; border-radius: 5px; margin: 0 0 15px; padding: 20px 10px; min-height: 203px; position: relative;} #checkoutStep1 .shipping-add-static.step-one {background: none repeat scroll 0 0 #fff !important;} #checkoutStep1 .rightCol .shipping-add-static.step-one h3 { color: #000;} #checkoutStep1 .shipping-add-static.step-one .arrow-img {display:block;} #checkoutStep1 .shipimg-chkout { float: right;} #checkoutStep1 .leftCol h3 { color: #585c5f; font-family: droid sans,sans-serif; font-size: 22px !important; font-weight: 600; letter-spacing: -1px; line-height: 22px; margin: 15px 0 20px 6%; text-transform: uppercase;} #checkoutStep1 .sec-ship-msg { color: #555; font-size: 12px; font-weight: 500; left: 54px; margin: -21px 0 0; position: absolute; } /* CHECKOUT STEP 2 -----------------------------------*/ #checkoutStep2 .leftCol { border: 1px solid #e3e3e3; border-radius: 5px; float: left; padding: 10px; width: 65%;} #checkoutStep2 .rightCol { float: right; width: 33%;} #checkoutStep2 .shipping-add-static.step-one, #checkoutStep2 .shipping-method-static.step-one, #checkoutStep2 .payment-method-static.step-one, #checkoutStep2 .chkShoppingCart.step-one { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #e3e3e3; border-radius: 5px; margin: 0 0 15px; padding: 20px 10px; min-height: 203px; position: relative;} #checkoutStep2 .shipping-method-static.step-one { background: none repeat scroll 0 0 #fff; padding: 19px 10px;} #checkoutStep2 .shipping-method-static.step-one .arrow-img {display:block;} #checkoutStep2 .shippingOption { margin-bottom: 3px;} #checkoutStep2 .shippingMethods { margin-left: 20px;} #checkoutStep2 .leftCol .shippingMethods.pad10.boxShadow > p { color: #333; font-family: arial; font-size: 13px; font-weight: 900; padding: 0 0 3px;} #checkoutStep2 .shippingOption input { margin: 3px 10px 0 0;} #checkoutStep2 .shipper-option-price2 { color: #333; font-family: arial; font-size: 14px; font-weight: bold; text-align: left; width: 52px;} #checkoutStep2 .shipper-option-desc { color: #333; font-family: arial; font-size: 14px; margin-bottom: 5px;} #checkoutStep2 .shipimg-chkout { float: right;} /* CHECKOUT STEP 3 -----------------------------------*/ #checkoutStep3 .step-title { border-bottom: 1px solid #efefef; margin: 0 0 0 20px; padding: 35px 0 8px;} #checkoutStep3 .leftCol { border: 1px solid #e3e3e3; border-radius: 5px; float: left; padding: 10px; width: 65%;} /* #checkoutStep3 .chkField label { float: left; line-height: 2.9em; margin-right: 10px; text-align: right; width: 20%;}*/ #checkoutStep3 .rightCol { float: right; width: 33%;} #checkoutStep3 .shipping-add-static.step-one, #checkoutStep3 .shipping-method-static.step-one, #checkoutStep3 .payment-method-static.step-one, #checkoutStep3 .chkShoppingCart.step-one { background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #e3e3e3; border-radius: 5px; margin: 0 0 15px; padding: 20px 10px; min-height: 203px; position: relative;} #checkoutStep3 .payment-method-static.step-one { background: none repeat scroll 0 0 #fff;} #checkoutStep3 .payment-method-static.step-one .arrow-img {display:block;} #checkoutStep3 #divCheckoutButton { float: right; margin: 10px 0 15px; width: 98%;} #checkoutStep3 .norton-chkout { float: left; margin: 4px 0 0; width: 20%;} #checkoutStep3 #divPayment { border-bottom: 1px solid #efefef; margin-bottom: 25px;} #checkoutStep3 #spanCheckout { float: left; width: 80%;} #checkoutStep3 #divCheckoutComments { float: left; width: 95%;} #checkoutStep3 .chkComments.pad10.boxShadow { margin: 0 0 0 10px;} #checkoutStep3 .chkComments .txtBoxStyle { width: 100%;} #checkoutStep3 .sameAsShipping strong { color: #990000;} #checkoutStep3 #divPayment .header h3 { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; font-family: arial; font-size: 16px; font-weight: bold; margin: 0 0 10px 10px; padding: 12px 0;} #checkoutStep3 #divPaymentOption2 { background: none repeat scroll 0 0 #e6e6e6; border: 2px solid #999; border-radius: 5px; margin: 0 0 0 2%; max-width: 350px; padding: 0 0 20px 10%; width: 100%;} #checkoutStep3 .ccGateway input[type="radio"] { display: none;} #divPaymentOption2 h4 label { color: #083662; display: block; font-size: 14px; margin: 8px 0 -8px -5px;} #checkoutStep3 #divPaymentOption2 .ccgField .txtBoxStyle { width: inherit;} #checkoutStep3 .ccgField label { color: #585c5f; float: left; font-family: verdana; font-size: 11px; font-weight: bold; margin-right: 10px; text-align: left; width: 100%;} #checkoutStep3 .ccgField { margin-top: 2px;} #checkoutStep3 .ccgField .cvv2-help { color: #073560; display: block; float: left; font-size: 14px; line-height: 20px; margin-left: 5px; margin-top: 5px; text-decoration: underline; text-transform: none;} #divCheckoutComments h3 { font-weight: 600 !important; margin: 8px 0 8px 9px;} /* 06292015 #divPayment h4 { background: transparent none repeat scroll 0 0; font-size: 100%; padding: 5px;} #checkoutStep3 #divPaymentOption3 { background: rgba(0, 0, 0, 0) url("/assets/templates/pearlsofjoy-html5/images/new_cc.jpg") no-repeat scroll 0 0; height: 270px; margin: 0 0 0 2%; padding: 5px 0 0 25px; width: 100%;} #divPaymentOption3 h4 { display: none;} #checkoutStep3 .ccgField label { color: #444; float: left; font-family: droid sans,sans-serif; font-size: 13px; font-weight: 500; margin-right: 10px; text-align: left; width: 100%;} #checkoutStep3 .ccgField.cctype { position: absolute; top: 9px;} #checkoutStep3 .ccgField.ccnum { position: absolute; top: 82px;} #checkoutStep3 .ccgField.ccexp { position: absolute; bottom: 70px;} #checkoutStep3 .ccgField.cvv { left: 471px; position: absolute; top: 144px;} #checkoutStep3 #divPaymentOption3 .ccgField .txtBoxStyle { border: 2px solid #d1d9dc; border-radius: 3px; box-shadow: none; height: 38px; width: inherit;} #checkoutStep3 #divPaymentOption3 .ccgField.cctype .txtBoxStyle { width: 100px;} #checkoutStep3 #divPaymentOption3 .ccgField.ccnum .txtBoxStyle { width: 255px;} #checkoutStep3 #divPaymentOption3 .ccgField.ccexp .txtBoxStyle { width: 125px;} #checkoutStep3 #divPaymentOption3 .ccgField.cvv .txtBoxStyle {border: 2px solid #ccc; height: 40px; width: 80px;} */ /* CHECKOUT ALL STEPS -----------------------------------------*/ #checkoutStep1, #checkoutStep1, #checkoutStep3 { font-family: arial;} #checkoutStep1 .page_headers, #checkoutStep2 .page_headers, #checkoutStep3 .page_headers { display: none;} #checkoutStep1 .steps, #checkoutStep2 .steps, #checkoutStep3 .steps { display: none;} #checkoutStep1 .txtBoxStyle, #checkoutStep2 .txtBoxStyle, #checkoutStep3 .txtBoxStyle { background-color: #fff; border-color: #b3b4b5; box-shadow: 0 0 2px 0 #ddd inset; font-size: 14px; padding: 5px 4px; width: 280px; font-family: arial;} #checkoutStep1 .chkField label, #checkoutStep2 .chkField label, #checkoutStep3 .chkField label { color: #585c5f; font-family: Verdana; font-size: 11px; font-weight: bold; width: 20%;} /* #checkoutStep1 .chkField label, #checkoutStep2 .chkField label, #checkoutStep3 .chkField label { float: left; font-family: Verdana; line-height: 30px; margin-right: 6px; font-size: 11px; font-weight: bold; color: #585c5f; text-align: right; width: 20%;}*/ #checkoutStep1 .chkField, #checkoutStep2 .chkField, #checkoutStep3 .chkField { margin-bottom: 5px;} .icon-btn.icon-btn-geopin { line-height: 25px; width: 200px;} #checkoutStep1 .header, #checkoutStep2 .header, #checkoutStep3 .header { margin: 0; border-bottom: 0 solid #d2d2d2;} #checkoutStep1 h3, #checkoutStep2 h3, #checkoutStep3 h3 { font-family: Verdana; font-size: 14px; font-weight: normal; line-height: 22px; color:#535353;} #checkoutStep1 .rightCol, #checkoutStep2 .rightCol, #checkoutStep3 .rightCol { font-family: arial !important;} #checkoutStep1 .rightCol h3, #checkoutStep2 .rightCol h3, #checkoutStep3 .rightCol h3 { color: #5D5B5B; font-family: Arial; font-size: 21px; font-weight: 700; letter-spacing: -1px; margin: 0 0 0 10px;} #checkoutStep1 .static-info, #checkoutStep2 .static-info, #checkoutStep3 .static-info { text-align: center; color: #000; padding: 20px 0; margin: 0 0 0 10px;} #checkoutStep1 .pad10, #checkoutStep2 .pad10, #checkoutStep3 .pad10 { padding: 0;} #checkoutStep1 .button, #checkoutStep2 .button, #checkoutStep3 .button { text-align: left;width: auto;} .shippingInfo.pad10.boxShadow > p, .shippingMethods.pad10.boxShadow > p { line-height: 13px; margin: 0 0 5px;} .shipping-add-static .shippingInfo .button, .shipping-method-static .button.left { bottom: 20px; position: absolute;} .shipping-add-static .icon-btn.icon-btn-geopin { line-height: 14px;} #checkoutStep1 .arrow-img, #checkoutStep2 .arrow-img, #checkoutStep3 .arrow-img { display:none; left: -30px; position: absolute; top: -1px;} .payment-method-static .static-info img { bottom: 18px; margin: 0 0 0 10px; position: absolute;} #divCheckoutButton { float: left; padding: 0; width: 100%; margin: 10px 0;} .btn-chkout, .btn-chkout:hover { background: #181c57 none repeat scroll 0 0; border: medium none !important; color: #fff; font-family: droid sans,sans-serif; font-size: 28px; font-weight: 600; letter-spacing: -1px; margin: 0 !important; padding: 10px 0; text-transform: uppercase; width: 100%;} .norton-chkout { float: left; margin:0;} .step-title { border-bottom: 1px solid #efefef; margin: 0 0 20px 20px; padding: 35px 0 10px;} .chkShoppingCart .product-info {color: #585c5f;} .chkShoppingCart .total_cart-total { color: #6c0000; font-size: 14px; font-weight: 900; margin-top: 5px; text-align: right; text-transform: uppercase;} .chkShoppingCart .total_total {color: #6c0000;margin-top: 5px; font-size: 14px; font-weight: 900; } .rightCol a.icon-btn { color: #444; font-size: 14px; font-weight: bold; text-transform: none;} /* FOOTER -----------------------------------*/ #footerContainer {width:100%; padding:0px; margin:0 auto 0; background:none; } .footerContent {width:100%; margin:0 auto; padding:12px 0px 0px; background-color:#dadada; box-shadow: 0 -35px 0 0 #eee inset; -webkit-box-shadow: 0 -28px 0 0 #eee inset;} .footerContent .wrapper { background: none repeat scroll 0 0 #dadada; max-width: 1000px; width: 100%; padding: 5px 10px;} .footer-logos { display: inline-block; padding: 0 0 8px; width: 100%;} .logos-title { float: left; width: 16%;} .logos-left { float: left; width: 42%;} .logos-right { float: left; width: 42%;} .footer-logos img { max-width: 410px; width: 100%;} .footer-logos .logos-title > img { max-width: 141px; width: 100%;} #footer-links {width:100% !important; padding:0 0 5px; margin:0px; border:none; float:left; text-align:left; position:relative; z-index:2; overflow:hidden;} #footer-links .col{float:left; width:25%; padding: 0 0 0 0;} #footer-links .footer-titles, .footer-heading { color: #0b3452; font-family: "cambay",sans-serif; font-size: 18px; font-weight: normal; line-height: 30px; margin: 0; padding: 0; text-decoration: none; text-transform: uppercase;} #footer-links ul { float: left; list-style: outside none disc; margin: 0; padding: 0;} #footer-links ul li { line-height: 19px; margin: 0 10px 0 15px; padding: 0; text-shadow: 1px 1px 1px #028bff;} #footer-links a, #footer-links a:visited{font-family: "cambay",sans-serif; font-size:14px; letter-spacing: -1px; line-height:30px; font-weight:400; color:#2c2c2c; text-transform:none; text-shadow: none; text-decoration:none; margin:0px 0px; padding:0px 0px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;} #footer-links a:hover, #footer-links a:visited:hover{text-decoration: underline; color:#0b3452;} #footer-links img { float: left; margin: 0px;} .footer-location{float:right; width:17%; font-family: 'Source Sans Pro', sans-serif; font-size:16px; line-height:20px; font-weight:400; color:#fff;} #MAIL-SECTION { background: none repeat scroll 0 0 #c1d8ea; border-bottom: 1px solid #0b3452; border-top: 1px solid #0b3452;} #mail-area_section {position:relative; margin:0 0 0 0; text-align:center;} #mail-area_section .wrapper { background: none repeat scroll 0 0 transparent; max-width: 1000px; padding: 0 10px; width: 100%;} .mail-area {position:relative; margin:0 0 0 0; padding:0; line-height: 27px; text-align:center; width:100%;} .mail-area .mail-subtxt { color: #0b3452; display: block; float: left; font-family: "cambay",sans-serif; width: 68%; font-size: 18px; font-weight: 600; letter-spacing: 0; padding: 20px 5px 17px; text-align: center; text-transform: none;} .mail-subtxt .news-first { font-size: 18px; font-weight: 600; width: 42%;} .mail-subtxt > span { display: block; float: left; font-size: 16px; font-weight: 200; letter-spacing: 0; padding: 0; text-align: center; width: 58%;} .mail-area form { display: block; float: right; width: 31%;} .mail-area .mail-box{padding:0px; margin:12px 0; float:right; width:100%; background:none; position:relative;} .mail-area .mail-box input[type="radio"], .mail-area .mail-box label{color:#fff; font-size:14px; float:left; display:block; line-height:36px; margin:6px; vertical-align:middle; height:36px;} .mail-area .mail-txt { background: none repeat scroll 0 0 #fff; border: medium none; border-radius: 6px 0 0 6px; color: #111; float: right; font-size: 14px; font-style: italic; font-weight: 400; height: 40px; line-height: 40px; margin: 0; padding: 3px 10px; text-decoration: none; width: 100%;} .mail-area .mail-btn{position: absolute; right:-5px; font-family: "cambay",sans-serif; color:#fff; width:90px; border: none; display:block; height:40px; line-height:40px; cursor:pointer; padding:0px 0px 0px 18px; margin:0px 0px 0px 0px; -webkit-appearance:none; float:right; font-size:15px; font-weight:700; text-transform:uppercase; text-align:left; background:#005596; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; -webkit-appearance:none; border-radius: 0 6px 6px 0; /*position:absolute; right:0;*/} .mail-box .icon-right-open { font-size: 11px; left: 5px; position: absolute;} /*.mail-area .mail-btn:hover {background:#028bff url(images/mail-arrow.png) no-repeat 39px center; color:#fff;}*/ .footerContent .legal-payment { background: none repeat scroll 0 0 #fff; margin: 0 auto; padding: 35px 0; text-align: center; width: 100%;} .footerContent .trustbox { margin: 0 auto; max-width: 1000px;} .footerContent .trust { display: inline-block; padding: 0 20px;} .footerContent .trust > img { max-width: 320px; width: 100%;} .copyright{text-align:center; width:100%;} .copyright, .copyright a { background: none repeat scroll 0 0 #eee; color: #999; font-family: "helvetica",sans-serif;font-size: 12px; padding: 0; text-transform: none;} .global-banners{position: relative; padding:5px 0px; color:#535353;} /* Responsive Navigation Menu -------------------------- */ /* Mobile Menu Core Style */ .slicknav_btn {position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer;} .slicknav_menu .slicknav_menutxt {display: block; line-height: 1.188em; float: left;} .slicknav_menu .slicknav_icon {float: left; margin: 0.188em 0 0 0.438em;} .slicknav_menu .slicknav_no-text {margin: 0;} .slicknav_menu .slicknav_icon-bar {display: block; width: 1.125em; height: 0;.125em;} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0.188em;} .slicknav_nav {clear: both;} .slicknav_nav ul, .slicknav_nav li {display: block;} .slicknav_nav .slicknav_arrow {font-size: 0.8em; margin: 0 0 0 0.4em;} .slicknav_nav .slicknav_item {cursor: pointer;} .slicknav_nav .slicknav_row {display: block;} .slicknav_nav a {display: block;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {display: inline;} .slicknav_menu:before, .slicknav_menu:after {content: " "; display: table;} .slicknav_menu:after {clear: both;} /* IE6/7 support */ .slicknav_menu {*zoom: 1;} /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu {font-size: 16px; display: none;} /* Button */ .slicknav_btn {margin: 8px 0 0; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);} /* Button Text */ .slicknav_menu .slicknav_menutxt {color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000;} /* Button Lines */ .slicknav_menu .slicknav_icon-bar {background-color: #f5f5f5;} .slicknav_menu {float: left;} .slicknav_nav {background: #999; color: #fff; margin: 0; padding: 0; font-size: 0.875em; position: absolute; left: 0; top: 50px; width: 100%; z-index: 999;} .slicknav_nav, .slicknav_nav ul {list-style: none; overflow: hidden;} .slicknav_nav ul {padding: 0; margin: 0 0 0 20px;} .slicknav_nav .slicknav_row {padding: 5px 10px; margin: 2px 5px; background: #777; border-bottom: 1px solid #000;} li.slicknav_parent a {font-weight: bold;} .slicknav_nav a {padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff;} .subMenu {background: #000;} .slicknav_nav .subMenu a.subcat, .slicknav_nav .subMenu a.subcat:visited {color: #fff;} .slicknav_nav .slicknav_row:hover {background: #666; color: #fff;} .slicknav_nav a:hover {background: #666; color: #fff;} .slicknav_nav .slicknav_txtnode {margin-left: 15px;} .slicknav_nav a.cat:hover, .slicknav_nav a.cat:visited:hover {color: #000;} .slicknav_nav a.cat, .slicknav_nav a.cat:visited {color: #FFF;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {display: block; padding: 0.5em 0; margin: 0;} .subMenu.slicknav_hidden {display: inline-block !important; margin: 0 0 2px; width: 100%;} .slicknav_collapsed.slicknav_parent {border-right: 1px solid #777; clear: none; display: block; float: left; width: 50%;} .subMenu.slicknav_hidden {margin: 0 0 2px;} .subcat {padding: 5px !important;} @import url(http://fonts.googleapis.com/css?family=Open+Sans); .tcdmenu-wrap { background: none repeat scroll 0 0 #fff; position: relative; z-index: 5;} #tcdmenu, #tcdmenu ul, /*#tcdmenu ul li,*/ #tcdmenu ul li a, #tcdmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #tcdmenu:after, #tcdmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #tcdmenu #menu-button { display: none;} #tcdmenu { max-width: 1000px; width: 100%; margin: 0 auto; font-family: "cambay",sans-serif; line-height: 1; background: #ffffff;} #menu-line { display:none; position: absolute; top: 0; left: 0; height: 2px; background: #00253D; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;} #tcdmenu > ul > li { float: left;} #tcdmenu.align-center > ul { font-size: 0; text-align: center;} #tcdmenu.align-center > ul > li { display: inline-block; float: none;} #tcdmenu.align-center ul ul { text-align: left;} #tcdmenu.align-right > ul > li { float: right;} #tcdmenu.align-right ul ul { text-align: right;} #tcdmenu > ul > li > a { font-size: 17px; padding: 13px 15px; font-family: "open sans",sans-serif; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #4c4a48; font-weight: 600; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;} #tcdmenu > ul > li:hover > a, #tcdmenu > ul > li.active > a { background: none repeat scroll 0 0 #40627a; color: #fff;} #tcdmenu ul li.has-sub { text-align: center; /*width: 16.66%;*/} #tcdmenu > ul > li.has-sub > a { } #tcdmenu > ul > li.has-sub > a:after { } #tcdmenu > ul > li.has-sub:hover > a::after { border-color: #00253D;} #tcdmenu ul ul {background: none repeat scroll 0 0 #fff; left: -9999px; min-width: 200px; padding: 10px; position: absolute; width: 100%; border-color: #40627a; border-color: #40627a; border-width: 4px 1px 1px; border-style: solid;} /*#tcdmenu li:hover > ul { left: auto;}*/ #tcdmenu li:hover > ul { left: 0;} #tcdmenu.align-right li:hover > ul { right: 0;} #tcdmenu ul ul ul { margin-left: 100%; top: 0;} #tcdmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%;} #tcdmenu ul ul li { height: 0; width: 100%; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; text-align:left;} #tcdmenu ul li:hover > ul > li { height: auto;} #tcdmenu ul ul li a { padding: 10px 15px; min-width: 200px; font-size: 14px; background: #fff; text-decoration: none; color: #333; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;} #tcdmenu ul ul li:hover > a, #tcdmenu ul ul li a:hover { color: #000;} #tcdmenu ul ul li.has-sub > a:after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;} #tcdmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd;} #tcdmenu ul ul li.has-sub:hover > a:after { border-color: #ffffff;} #tcdmenu .has-sub .icon-down-open { font-size: 12px; position: relative; top: -2px; right: -5px;} #tcdmenu .menu-block {display: inline-block; float: left; margin: 6px 0; padding: 5px; vertical-align: top; width: 33.33%;} #tcdmenu .menu-title { background: rgba(0, 0, 0, 0) url("/assets/templates/pearlsofjoy-html5/images/mb-arrow.png") no-repeat scroll 0 7px; color: #0c2450; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; padding: 5px 5px 5px 7px;} #tcdmenu .mb-item { background: rgba(0, 0, 0, 0) url("/assets/templates/pearlsofjoy-html5/images/mb-dot.jpg") no-repeat scroll 9px 12px;color: #000; font-size: 14px; padding: 9px 0 9px 20px; text-transform: none;} .pearl-color .shopall { left: 195px;} .shopall { color: #40627a; float: right; font-family: cambay; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0; text-decoration: underline; text-transform: none; position: absolute; right:0;} .mb-col { display: inline-block; float: left; width: 33.33%;} #tcdmenu .menu-block.pearl-type, #tcdmenu .menu-block.pearl-color {display: inline-block; float: left; margin: 6px 0; padding: 5px; vertical-align: top; width: 100%;} .mb-main-title { margin: -10px 0 0 -10px; display: none;} .mb-bg-image { bottom: 0; position: absolute; right: 0;} .mb-bg-image > img { max-width: 490px;} /*.mb-col.one {width: 30%;}*/ .mb-col.one .menu-block.pearl-type { max-width: 250px;} .mb-col.two .menu-block.pearl-type { max-width: 250px;} .mb-col.three .menu-block.pearl-type {max-width: 285px;} #tcdmenu ul li:hover > ul > li { float: left;height: auto;} .menu-feat-desc {color: #000; display: inline-block; float: left; font-family: "open sans",sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; padding: 0 12% 0 2%; width: 70%; text-align: justify;} .menu-block-feat-img { display: inline-block; float: right; padding: 0; text-align: center; width: 30%;} .menu-block-feat-img img { max-width: 250px; width:100%;} .mb-desc-title { font-size: 16px; color: #555555; font-weight: 700; padding: 10px 0 10px 2px; text-transform: uppercase;} .mb-desc-title > span { border-bottom: 1px solid #555; display: inline-block; text-transform: none;} .mb-desc-links > span { border-bottom: 1px solid #555; display: inline-block; font-size: 16px; padding: 10px 0 0;} .mb-feat-head { color: #555; font-family: "open sans",sans-serif; font-size: 16px; font-weight: 700; padding: 0 0 8px;} .mb-feat-name { color: #555; font-size: 16px; font-weight: 700; font-family: open sans; line-height: 21px;} .mb-feat-name > span {display: block;} .menu-block-fw a { color: #555 !important; font-size: 17px !important; min-width: 1px !important; padding: 0 0 2px !important; text-transform: none;} /*--------MM Columns-------*/ #tcdmenu ul ul.col-1 { width: 220px;} #tcdmenu ul.col-1 .menu-block { width: 100%;} @media all and (max-width: 768px) { .tcdmenu-wrap {height:auto;} #tcdmenu { width: 100%; margin-top: 28px;} #tcdmenu ul { width: 100%; display: none; border-bottom: 1px solid rgba(120, 120, 120, 0.15);} #tcdmenu.align-center > ul, #tcdmenu.align-right ul ul { text-align: left; } #tcdmenu ul li, #tcdmenu ul ul li, #tcdmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); } #tcdmenu > ul > li > a { padding: 20px; line-height:12px; } #tcdmenu ul li a, #tcdmenu ul ul li a { width: 100%; } #tcdmenu > ul > li, #tcdmenu.align-center > ul > li, #tcdmenu.align-right > ul > li { float: none; display: block; } #tcdmenu ul ul li a { padding: 20px 20px 20px 30px; font-size: 12px; color: #000000; background: none; } #tcdmenu ul ul li:hover > a, #tcdmenu ul ul li a:hover { color: #000000; } #tcdmenu ul ul ul li a { padding-left: 40px; } #tcdmenu ul ul, #tcdmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #tcdmenu ul li.has-sub { text-align: left; width: 100%;} #tcdmenu > ul > li.has-sub > a::after, #tcdmenu ul ul li.has-sub > a::after { display: none; } #menu-line { display: none; } #tcdmenu #menu-button { color: transparent; cursor: pointer; display: block; font-size: 12px; height: 48px; padding: 4px; position: absolute; text-transform: uppercase; top: -77px; width: 48px; z-index: 3;} #tcdmenu #menu-button:after { content: ''; position: absolute; top: 14px; right: 10px; display: block; width: 25px; height: 3px; background: #fff; } #tcdmenu #menu-button:before { content: ''; position: absolute; top: 20px; right: 10px; display: block; width: 25px; height: 3px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; } #tcdmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; } #tcdmenu .submenu-button:after { content: ''; position: absolute; top: 21px; left: 26px; display: block; width: 1px; height: 11px; background: #000000; z-index: 99; } #tcdmenu .submenu-button:before { content: ''; position: absolute; left: 21px; top: 26px; display: block; width: 11px; height: 1px; background: #000000; z-index: 99; } #tcdmenu .submenu-button.submenu-opened:after { display: none; } } #pojmmenu, #pojmmenu ul, #pojmmenu ul li, #pojmmenu ul li a {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; float:none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #pojmmenu {width: 100%; font-family: "cambay",sans-serif; color: #ffffff; margin: 0 0 15px;} #pojmmenu ul ul {display: none; border-bottom: 1px solid #575652;} .align-right {float: right;} #pojmmenu > ul > li > a {padding: 15px 20px; border-bottom: 1px solid #575652; cursor: pointer; z-index: 2; font-size: 14px; font-weight: bold; text-decoration: none; color: #444; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); background: #fff; } #pojmmenu > ul > li > a:hover, #pojmmenu > ul > li.active > a, #pojmmenu > ul > li.open > a {color: #839aaa; background: #fff;} #pojmmenu > ul > li.open > a {border-bottom: 0px solid transparent;} #pojmmenu > ul > li:last-child > a, #pojmmenu > ul > li.last > a {border-bottom:0px solid;} .holder {width: 0; height: 0; position: absolute; top: 0; right: 0;border-color: #0b3452 !important;} .holder::after, .holder::before {display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} /* .holder::after {top: 17px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff;} #pojmmenu > ul > li > a:hover > span::after, #pojmmenu > ul > li.active > a > span::after, #pojmmenu > ul > li.open > a > span::after {border-color: #eeeeee;}*/ .holder::before {top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit;} #pojmmenu ul ul li a { background: none repeat scroll 0 0 #fff; color: #444; cursor: pointer; font-size: 13px; padding: 10px 20px; text-decoration: none; text-transform: none; z-index: 1;} #pojmmenu ul ul li span { margin: 0 0 0 10px; font-weight: normal;} #pojmmenu ul ul li:hover > a, #pojmmenu ul ul li.open > a, #pojmmenu ul ul li.active > a {background: #00253D; color: #ffffff;} #pojmmenu ul ul li:first-child > a {box-shadow: none;} #pojmmenu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);} #pojmmenu ul ul ul li a {padding-left: 30px;} #pojmmenu > ul > li > ul > li:last-child > a, #pojmmenu > ul > li > ul > li.last > a {border-bottom: 0;} #pojmmenu > ul > li > ul > li.open:last-child > a, #pojmmenu > ul > li > ul > li.last.open > a {border-bottom: 0px solid #32373e;} #pojmmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;} #pojmmenu ul ul li.has-sub > a::after {display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #575652; border-left: 2px solid #575652; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} #pojmmenu ul ul li.active > a::after, #pojmmenu ul ul li.open > a::after, #pojmmenu ul ul li > a:hover::after {border-color: #ffffff;} #pojmmenu .menu-title { border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; font-size: 15px; padding: 9px 10px;} /************************************************************************ The Cart Designer ************************************************************************/ .wrapper.bodycontent {} .salebanner-wrap { background: #ff9e78; display: inline-block; float:left; padding: 5px 0 0; text-align: center; min-height: auto; position: relative; margin: -8px 0 0; border-bottom: 0px solid #839aaa; width: 100%; z-index:2;} .salebanner-wrap img {max-width: 100%;} .slicknav_nav .menu-top .menu { color: #333;} .slicknav_nav > div { background: none repeat scroll 0 0 #fff; display: inline-block; width: 100%;} .slicknav_nav .menu-top { float: left; width: 50%; border-bottom: 1px solid #00253D; border-right: 1px solid #00253D;} .slicknav_nav { background: none repeat scroll 0 0 #fff; border-bottom: 2px solid #333;} .slicknav_collapsed.slicknav_parent { border-right: 1px solid #00253D; border-top: 1px solid #00253D; clear: none; display: block; float: left; width: 50%;} .slicknav_nav .subMenu a.subcat, .slicknav_nav .subMenu a.subcat:visited { color: #00253D !important;} .subMenu { background: none repeat scroll 0 0 #fff;} .menu-top-header, .cat-mobile-header { display:none;} .flexslider .slides img {border: 3px solid #284c64;} .flex-direction-nav a {z-index: 2 !important;} .top-menu-links { left: 5px; margin: 5px 0; position: absolute;} #u_0_3 > span { color: #fff !important;} .banner-mini { background: none repeat scroll 0 0 #afcee6; border-bottom: 4px solid #839aaa; text-align: center; padding:5px 0; position: relative; z-index: 1;} .banner-mini > span { color: #6d6c6b; font-family: "cambay",sans-serif; font-size: 17px; font-style: italic; font-weight: 600; letter-spacing: 1px; text-transform: none;} .banner-mini > a { color: #6d6c6b; font-size: 14px; font-weight: 800; margin: 0 15px; text-decoration: underline; text-transform: none;} .banner-mini img { margin: 0 6px -3px;} .active.has-sub { display: none !important;} .expert-tag { display: none;} .footer-titles { border-bottom: 0px dashed #888; width: 100%;} .footer-titles > img { float: none !important; margin: 0 3px !important;} /*.navigationlinks2 { line-height: 18px; list-style: outside none none; margin-left: 0; padding-left: 0;} #footer-links .col.col1 ul li { background-image: url(); background-repeat: no-repeat; background-position: 0 2px; font-family: "Bebas Neue";font-size: 18px; font-weight: normal; margin-left: 10px; padding-bottom: 0px; padding-left: 12px;} #footer-links .col.col1 ul li a { color: #818181; font-family: "Bebas Neue"; font-size: 18px; font-weight: normal; text-decoration: none; text-align:left;} #footer-links .col.col1 ul li.contact-image { background-image: none !important; display: inline-block; height: auto; margin: 0 0 5px; padding: 0;} */ .mail-area.left { display: none;} .col.col2 { padding: 0 !important;} .col.col2 li { float: left; max-width: 100px; margin: 0 0 0 14px !important; width: 100%;} .social-area { margin: 0 !important;} .social-img { float: left; width: 25%; margin: 15px 0 0; text-align: center;} .social-img > img { width: 48px;} .top-menu-links { display: none;} .phone-icon, .point-icon { float: left; font-family: "fontello"; height: 50px; width: 45px; padding: 5px 0 0;} .phone-content > span {font-weight: bold;} .contact-phone, .contact-address { margin: 0 0 15px;} .phone-content, .address-content { color: #000; line-height: 16px;} .address-content > a { color: #005596 !important; line-height: 13px !important; text-decoration: underline !important; transition: none 0s ease 0s !important;} .col.col3 li { margin: 0 !important;} .phone-icon > img, .point-icon > img { width: 35px;} #showSlideMenu #callnow { display: none;} .product-item:hover { box-shadow: none;} .product-item .img {margin-bottom: 5px; min-height: 160px;} .product-item .name { height: auto !important; max-width: 100%; min-height: 0; position:relative; z-index:10;} .product-item .name a { color: #073560; display: block; font-family: arial; font-size: 14px; line-height: 15px; text-decoration: underline; text-transform: none;} .product-item .action { display: none; margin: 0;} .product-item.item-template-0.alternative { min-height: auto; padding: 0 10px;} .product-item .price, .product-item .price2 { color: #666666; font-family: arial; font-size: 14px; font-weight: normal; line-height: 15px; padding: 0;} .product-item .price2 .strike { text-decoration: line-through; font-weight: normal;} .product-item .cat-sale, .product-item .cat-yourprice { color: #6c0000; font-weight: bold;} .product-item .price2 span, .product-item .sale-price span { font-weight: bold;} .breadcrumbs > a { color: #073560; font-family: arial; font-size: 14px; text-decoration: underline; text-transform: none;} .fb_iframe_widget { display: inline-block; position: relative; z-index: 2147483647;} /*************** SUB CAT ***************/ #subcategoriesBlock .columns-1 { display: inline-block; width: 25%; vertical-align: top;} #subcategoriesBlock .columns-1 li { padding: 0 2px;} /********************************************************* THE CART DESIGNER PRODUCT CAT LAYOUT *********************************************************/ .category-header { margin: 0;} .productBlockContainer { display: inline-block !important; margin: 0; padding: 0 4px; width: 33% !important; min-width:155px;vertical-align: top;} .product-container, .productContainer{margin:0 !important; width: 100% !important;} /*---------------------------------------------------------- NEW CAT PROD LAYOUT -----------------------------------------------------------*/ .cat-new-title h1 { font-family: "georgia"; font-size: 50px; font-weight: 300;} .cat-new-info { color: #3c3c3c; font-size: 20px; line-height: 25px; margin: 0 auto 20px; max-width: 1070px; padding: 0 10px;} .cat-new-link { color: #3c3c3c; font-size: 20px;} .cat-new-link a { color: #3c3c3c; font-size: 20px;} @media only screen and (max-width: 1300px) { } @media only screen and (max-width: 960px) { .cat-new-title h1 { font-size: 45px;} } @media only screen and (max-width: 825px) { .cat-new-title h1 { font-size: 35px;} } @media only screen and (max-width: 650px) { .cat-new-title h1 { font-size: 28px;} .cat-new-info {font-size: 16px;} .cat-new-link, .cat-new-link a { font-size: 18px;} } /*---------------------------------------------------------- NEW CAT SUBCAT -----------------------------------------------------------*/ .cat-banner-wrap { float: left; position: relative; width: 100%;} .cat-banner-text { bottom: 15%; color: #373737; position: absolute; right: 0; text-align: center; width: 50%;} .cat-banner-text h1 { font-family: "georgia"; font-size: 60px; font-weight: 300; line-height: 70px; margin: 0 auto; max-width: 490px;} .cat-banner-btn { background: #ffffff none repeat scroll 0 0; border: 2px solid #4c4946; border-radius: 2px; color: #4c4946; display: inline-block; font-family: "Archivo Narrow",sans-serif; font-size: 30px; font-weight: 600; margin: 3% auto 4%; max-width: 500px; text-decoration: none !important; text-transform: none; width: 100%;} .cat-banner-btn:hover { background: #4c4946 none repeat scroll 0 0; box-shadow: 0 0 0 2px #373737; -webkit-box-shadow: 0 0 0 2px #373737; color: #ffffff;} .cat-banner-text p { font-size: 25px; line-height: 30px; margin: 0 auto; max-width: 820px;} .cat-banner-text p a { color: inherit; font-size: inherit; text-decoration: underline !important;} .cat-banner-wrap img { max-width: 100%;} #category .tcd-resp-wrap { margin: 0 auto; max-width: 1600px; width: 100%;} #category .resp-block-wrap {text-align: center;} #category .resp-block-wrap:first-of-type .cat-arrow {margin: -45px 0 0;} #category .cat-arrow { display: inline-block; margin: 0; position: relative; width: 100%;} #category .tcd-resp-wrap .resp-block-two { display: inline-block; float: left; padding: 40px 5px; text-align: left; vertical-align: top; width: 50%;} #category .tcd-resp-wrap .resp-block-three { display: inline-block; float: left; padding: 5px; text-align: left; vertical-align: top; width: 33.33%;} #category .resp-block-inner { text-align: center; margin: 0 0 15px;} #category .resp-block-inner > a { text-decoration: none;} #category .resp-block-title h2 { font-family: "georgia"; font-size: 50px; font-weight: 300; line-height: 50px; margin: 5px 0 10px;} #category .resp-block-title-info { color: #373838; display: inline-block; font-size: 24px; max-width: 1170px; margin: 0 0 15px;} #category .tcd-resp-wrap .resp-block-inner img { max-width: 100%; max-height: 285px; height: auto; width: auto;} .cat-block-title { color: #373838; display: block; font-family: "georgia"; font-size: 25px; line-height: 25px; min-height: 55px; padding: 0 5px; text-transform: none;} @media only screen and (max-width: 1500px) { .cat-banner-text h1 { font-size: 45px; line-height: 50px; max-width: 400px;} .cat-banner-text p { font-size: 20px; line-height: 25px; max-width: 660px;} } @media only screen and (max-width: 1300px) { .cat-banner-btn { font-size: 26px; max-width: 400px;} } @media only screen and (max-width: 1120px) { .cat-banner-text h1 { font-size: 35px; line-height: 35px; max-width: 310px;} .cat-banner-btn { font-size: 23px; max-width: 320px;} .cat-banner-text p { font-size: 16px; line-height: 20px; max-width: 520px;} } @media only screen and (max-width: 900px) { .cat-banner-text p { font-size: 15px; line-height: 18px;} .cat-banner-text { bottom: 12%; width: 54%;} } @media only screen and (max-width: 767px) { .cat-banner-wrap img {display: none;} .cat-banner-text { margin: 20px auto; position: relative; color: #373737; width: 100%;} #category .resp-block-wrap:first-of-type .cat-arrow { margin: 0;} .cat-banner-text p { font-size: 16px; line-height: 20px;} .cat-arrow > img { max-width: 50px;} } @media only screen and (max-width: 639px) { #category .tcd-resp-wrap .resp-block-three { width: 33.33%;} #category .cat-block-title { padding: 5px; font-size: 20px; line-height: 20px;} #category .resp-block-title h2 { font-size: 35px;} #category .resp-block-title-info { font-size: 20px; line-height: 25px;} } @media only screen and (max-width: 480px) { #category .tcd-resp-wrap .resp-block-three { width: 50%;} #category .resp-block-title h2 { font-size: 25px; line-height: 25px; } #category .resp-block-title-info { font-size: 16px; line-height: 20px;} } /*---------------------------------------------------------- NEW CAT REVIEW LAYOUT -----------------------------------------------------------*/ .cat-review-wrapper { margin: 0 auto; max-width: 1600px; position: relative; width: 100%;} .cat-review-wrapper-title { font-family: "PT Sans",sans-serif; font-size: 32px; font-weight: 600;} .cat-review-wrapper-title > img {margin: 0 2px -6px;} .cat-review-title-small { font-size: 18px; font-weight: 300;} .cat-review-title-large { font-size: 28px;} .cat-review-block {display: inline-block; float: left; padding: 15px 10px; width: 20%;} .cat-review-title { color: #555f6d; font-family: "PT Sans",sans-serif; font-size: 17px; font-weight: 600;} .cat-review-name { color: #aaaaaa; font-size: 12px; padding: 0 0 5px;} .cat-review-desc { color: #888888; font-family: "PT Sans",sans-serif; font-size: 16px;} /******************************** PROD PAGE HISTORY ********************************/ .browsing_historyBlock .productBlockContainer { display: inline-block !important; width: 100% !important;} .browsing_historyBlock .product-container { float: left; width: 33% !important;} /*********************************/ /* LTE8 IE FALLBACK */ /*********************************/ .no-boxshadow .boxShadow {border: 1px solid #eae9e6;} /* Theme Responsive Styles ----------------------- */ @media only screen and (max-width: 1024px) { #home .top-main-title { top: -10px;} #home .top-main h1 { font-size: 45px; margin: 0 5px;} #home .top-main h3 { font-size: 35px;} #home .top-main-img { visibility: hidden;} } @media only screen and (max-width: 999px) { #tcdmenu > ul { text-align: center;} #tcdmenu > ul > li {display: inline-block; float: none;} #tcdmenu > ul > li > a { padding: 13px 10px;} #home .left-top-img, #home .right-top-img { bottom: 0; position: absolute;} #home .left-top, #home .left-bottom, #home .right-top, #home .right-bottom { min-height: 180px;} #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { left: 3%; position: absolute; top: 5%; width: 220px;} #home .home-images h2 { font-size: 25px; line-height: 25px;} #home .home-images p { font-size: 15px; line-height: 18px; margin: 0 0 5px;} #home .top-main { min-height: 240px;} #home .top-main-img { left: auto; margin: 0 auto; min-width: 1140px !important; position: absolute; right: -15%;} } @media only screen and (max-width: 980px) { html { padding: 0 !important;} body { max-width: 100%; overflow-x: hidden;} .wrapper { width: 100%;} #leftBar { display: none !important;} #rightBar { display: none;} .mail-area .mail-btn { background: #005596;} .mail-area form { display: block; margin: 0 auto; padding: 11px 10px;} } /* Mobile Visibility */ @media screen and (max-width: 979px) { /*.top-menu .wrapper {padding: 0; border: none;} .top-menu ul {float: left; line-height: 20px; list-style: none; margin: 0px; padding: 0; width:100%;}*/ .left, .right {clear: both; text-align: center; width: 100%; margin: 0 0 0 0;} #leftBar {display: none; visibility: hidden;} } @media only screen and (max-width: 939px) { #tcdmenu > ul > li > a {padding: 13px 9px; font-size: 15px;} #tcdmenu .has-sub .icon-down-open { font-size: 10px; top: -3px;} } @media only screen and (max-width: 840px) { #tcdmenu > ul > li > a { font-size: 14px; padding: 13px 7px;} } @media screen and (max-width:800px) { #listing0 .primary { width: 55%;} #listing0 .secondary {width: 40%;} #home .top-main .top-main-txt, #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { bottom: 10px;} #home .top-main-txt { bottom: 70px !important; right: 0 !important; width: 300px !important;} .mail-area .mail-subtxt {width: 55%;} .mail-area form {width: 45%;} } @media only screen and (max-width: 768px) { html {padding: 0 !important;} body {max-width: 100%; overflow-x: hidden;} .wrapper {width: 100% !important; margin: auto;} .top-menu {position: relative; z-index: 3;} .top-menu .wrapper { background: none repeat scroll 0 0 transparent; margin: 0 auto;} .top-menu-links { display:none;} .slicknav_menu {display: block;} #subcategoriesBlock .columns-1 { display: inline-block; width: 50%;} #mobileMenu { cursor: pointer; display: block; float: right; height: 30px; left: 10px; margin: 3px 10px 5px 0; position: absolute; top: 48px; width: 30px;} .top-menu .icon-menu { background: none repeat scroll 0 0 #7092ab; border: 3px solid; border-radius: 8px; color: #fff; font-size: 24px !important; padding: 4px;} #logo { float: left; margin: 6px 0 12px 65px; max-width: 439px; width: 38%;} /*TCD PEARLS OF JOY MOBILE MENU MOD*/ #showSlideMenu > ul { margin: 0; width: 100%;} .cbp-spmenu-vertical { height: 100%; overflow: scroll; top: 0; width: 280px; z-index: 1000;} #tcdmenu .mobile { display: block !important;} #tcdmenu #menu-button { display: none !important;} #tcdmenu.mobile > ul { display: block !important;} /* General styles for Slide Out Menus */ .cbp-spmenu {background: #fff; position: fixed;} .cbp-spmenu a, .cbp-spmenu a:visited {display: block; font-size: 1.1em; font-weight: 300; text-align: left;} .cbp-spmenu a:hover, .cbp-spmenu a:visited:hover { } /* Orientation-dependent styles for the content of the menu */ .m-search.show-mobile {border-right: medium none;} .cbp-spmenu-vertical a {border-bottom: 0px solid #111; padding: 7px;} .cbp-spmenu-horizontal {width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden;} .cbp-spmenu-horizontal a {float: left; width: 20%; padding: 0.8em; border-left: 1px solid #000;} /* Vertical menu that slides from the left or right */ .cbp-spmenu-left {left: -280px;} .cbp-spmenu-right {right: -280px;} .cbp-spmenu-left.cbp-spmenu-open {left: 0; z-index: 1050; box-shadow: 0 0 600px 0 #000; -webkit-box-shadow: 0 0 600px 0 #000;} .cbp-spmenu-right.cbp-spmenu-open {right: 0;} /* Push classes applied to the body */ .cbp-spmenu-push {overflow-x: hidden; position: relative; left: 0;} .cbp-spmenu-push-toright {left: 280px;} .cbp-spmenu-push-toleft {left: -280px;} /* Transitions */ .cbp-spmenu, .cbp-spmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} /*cbp customs*/ .expert-tag { background: none repeat scroll 0 0 #40627a; color: #fff; display:block; font-weight: 600; padding: 6px 0; text-align: center;} #closeSlideMenu > span { float: left; font-size: 12px; font-style: italic; margin: 22px 0 0 5px; position: relative; text-transform: none;} #mainContent {display: block; width: 100% !important;} /*#logo {float: none; margin: 0; position: absolute; text-align: center; top: -45px; width: 100%; max-width:100%;} #logo img {height: auto; margin: 0 auto; max-width: 165px; position: relative; z-index: 3;} #searchBox {width: 100%; padding: 0 2em; z-index:1;} #searchBox input[type="text"] {width: 100%;}*/ #searchBox { margin: 15px 0 0 5px;} #FRAME_SEARCH {float: left; width: 39%;} .mobile .search {display: block; border: 1px solid #000; margin: 5px 0 15px 0;} .mobile .search form {margin: 0 auto; text-align: center;} .mobile .search input {float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none;} .mobile .search input[type="text"] {font-size: 16px; font-weight: normal; color: #3d3d3d; line-height: 30px; height: 30px; width: 80%; background: #FFF; border: none; padding: 0 0 0 15px; margin: 0;} .mobile .search input[type="submit"] {width: 20%; height: 30px; background: #FFF url(../images/lens.png) no-repeat center center; border: none; cursor: pointer;} #homeHeader {border: none; margin-bottom: 0; padding-bottom: 20px;} #homeHeader img {width: 100%; height: auto;} .header-specials {width: 100%; margin-bottom: 25px;} #modManufacturer ul {text-align: center; width: 100%;} #modManufacturer li {float: none; width: auto;} #modManufacturer a.view-all-manf {display: none;} #modManufacturer select {border: 2px solid #e2e2e2; padding: 3px; width: 100%;} #modLinks ul {text-align: center; width: 100%;} #modLinks li {float: none; width: auto;} /*#message form {text-align: center;} nav#catNavMenu { display: none;} .menu-top-header, .cat-mobile-header { display:block; background: none repeat scroll 0 0 #222 !important; color: #fff; font-size: 18px; font-weight: bold; padding: 4px 0; text-align: center;}*/ section { margin: 10px 0 0;} .col.col2 li { max-width: 118px;} .active.has-sub { display: block !important;} .hidden-mobile { display: none !important;} .show-mobile { display: block !important;} } @media screen and (max-width:768px) { .resp-left { float: left; width: 50%;} .resp-right { float: left; width: 50%;} #footer-links .col { padding: 0; width: 100%;} #showSlideMenu #callnow { display: block; position:relative;} .mb-desc-title, .mb-desc-title > span a { font-size: 15px !important;} .menu-feat-desc { font-family: "open sans",sans-serif; font-size: 14px;padding: 0 10px 10px; width: 100%;} .menu-block-feat-img { display: inline-block; float: none; padding: 0; text-align: center; width: 100%;} .menu-block-feat-img > a { text-align: center;} .mb-feat-name > span { display: inline-block; padding: 0 0 15px; text-align: center;} span#_GUARANTEE_SealSpan {display: none !important;} div#scNnmT { display: none !important;} } @media screen and (max-width:767px) { #listing0 .techtable td { display: inline-block; width: 100%;} #listing0 #tab-1 .item { width: 100%;} #listing0 .r-tabs .tab-desc {width: 100%;} #listing0 .contentt { margin: 0 0 10px; width: 100%;} .logos-title { text-align: center; float: none; width: auto;} .logos-left {width: 50%;} .logos-right {width: 50%;} .contact-left { display: inline-block; float: left; padding: 0 15px; width: 100%;} .contact-right {margin: 10px 0; padding: 20px 30px; position: relative; width: 100%;} #viewCart .product-name-options {width: auto;} #viewCart .vc-right { display: none;} #viewCart .vc-left { padding: 0 10px; width: 100%;} #viewCart .applyCoupon {float: left;} #checkoutStep1 .leftCol, #checkoutStep2 .leftCol, #checkoutStep3 .leftCol { width: 58%;} #checkoutStep1 .rightCol, #checkoutStep2 .rightCol, #checkoutStep3 .rightCol { width: 40%;} #checkoutStep1 .createNewAccount { margin-bottom: 10px; margin-left: inherit;} #checkoutStep1 .chkField label, #checkoutStep2 .chkField label, #checkoutStep3 .chkField label {width:auto;} /*.chkShoppingCart.step-one { display: none;} #checkoutStep1 .chkField label, #checkoutStep2 .chkField label, #checkoutStep3 .chkField label { line-height: 14px; text-align: left; width:100%;} #checkoutStep1 .rightCol, #checkoutStep1 .leftCol { float: left; width: 100%;} #checkoutStep2 .rightCol, #checkoutStep2 .leftCol { float: left; width: 100%;} #checkoutStep3 .rightCol, #checkoutStep3 .leftCol { float: left; width: 100%;} #checkoutStep1 .shipping-add-static.step-one, #checkoutStep1 .shipping-method-static.step-one, #checkoutStep1 .payment-method-static.step-one, #checkoutStep1 .chkShoppingCart.step-one {float: left; width: 33%;} #checkoutStep2 .shipping-add-static.step-one, #checkoutStep2 .shipping-method-static.step-one, #checkoutStep2 .payment-method-static.step-one, #checkoutStep2 .chkShoppingCart.step-one {float: left; width: 33%;} #checkoutStep3 .shipping-add-static.step-one, #checkoutStep3 .shipping-method-static.step-one, #checkoutStep3 .payment-method-static.step-one, #checkoutStep3 .chkShoppingCart.step-one {float: left; width: 33%;} #checkoutStep1 .static-info, #checkoutStep2 .static-info, #checkoutStep3 .static-info { margin: 0 !important;} #checkoutStep1 .arrow-img, #checkoutStep2 .arrow-img, #checkoutStep3 .arrow-img { display:none !important;}*/ #home .top-main { border-bottom: 1px solid #757575; float: left; position: relative; text-align: center; width: 100%;} #home .home-images img.top-main-img {height: auto; float: left;} /*#home .home-images h2 { font-size: 20px; margin: 0;} #home .top-main .home-img-btn, #home .top-main .home-img-btn:hover { background-color: rgba(0, 0, 0, 0.3); bottom: 5px; float: none !important padding: 0 6px; text-shadow: 0 1px 1px #000000;} #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { min-width: 150px; width:40%;} #home .home-images .home-img-btn, #home .home-images .home-img-btn:hover { width: 100%;}*/ .r-tabs .r-tabs-accordion-title { background-color: #fff; background-image: url("/assets/templates/pearlsofjoy-html5/images/plus.png"); background-position: 6px center; background-repeat: no-repeat; display: block; box-shadow: 0 0 0 1px #ccc inset; -webkit-box-shadow: 0 0 0 1px #ccc inset;} .r-tabs .r-tabs-accordion-title .r-tabs-anchor { background-color: transparent; color: #000; display: block; font-weight: bold; margin-bottom: 3px; padding: 10px 10px 10px 30px; text-decoration: none;} .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: transparent; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #000; margin-bottom: 0;} .r-tabs .r-tabs-accordion-title.r-tabs-state-active { background-image: url("/assets/templates/pearlsofjoy-html5/images/minus.png");} } @media screen and (max-width:640px) { .productBlockContainer {width: 33% !important;} #FRAME_SEARCH { width: 100%; background:#fff;} #searchBox { margin: 0 auto; max-width: 100%; width: 100%; box-shadow:none; z-index:1;} .banner-mini { display: inline-block; width: 100%;} #logo { float: left; margin: 11px 0; max-width: 100%; text-align: center; width: 100%;} #logo img { max-width: 260px;} #callnow { width: auto;} #listing0 .primary { width: 100%;} #listing0 .secondary { width: 100%;} #home .top-main-txt { bottom: 35px !important; right: 0 !important; width: 165px !important;} #home .top-main h1 {font-size: 35px; line-height: 30px; margin: 0 auto;} #home .top-main h3 { font-size: 30px; letter-spacing: -1px; margin: 0 5px;} #home .top-main-title {top: 5px;} /*#home .top-main-txt { bottom: 35px !important; right: 0 !important; width: 165px !important;} #home .top-main h1 {font-size: 25px; line-height: 20px; margin: 0;} #home .top-main h3 { font-size: 20px; letter-spacing: -1px; margin: 0 5px;} #home .top-main-title {top: 0;}*/ /*#home .top-main .home-img-btn, #home .top-main .home-img-btn:hover { background-color: rgba(0, 0, 0, 0.3); bottom: 5px; float: none !important; font-size: 15px; height: 30px; max-width: 200px; min-width: 185px !important; padding: 0 6px; text-shadow: 0 1px 1px #000000;}*/ .mail-area { height: auto; margin-bottom: 0; width: 100%; padding: 0 10px;} .mail-area.right { margin: 0;} .mail-area .mail-btn { bottom: 0; clear: !important; float: left !important;} .mail-subtxt .news-first { width: 100%;} .mail-area .mail-subtxt {font-size: 15px; width: 100%; padding: 10px 0 0;} .mail-subtxt > span {width: 100%;} .mail-area .mail-box{margin:12px 0;} .mail-area .mail-box input[type="radio"], .mail-area .mail-box label{margin:0 6px 0 6px; height:28px; line-height:28px;} .mail-area form { width: 100%;} .footerContent {padding:0;} #footer-links .footer-titles, .footer-heading, .cards{text-align:center;} #footer-links .footer-titles { background: url("../images/plus.png") no-repeat scroll 8px center #dadada; color: #0b3452; cursor: pointer; display: block; font-family: "cambay",sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 1px; padding: 2px 10px 2px 32px; text-align: left; text-decoration: none; text-transform: uppercase;} #footer-links .footer-titles.active { background: url(../images/minus.png) no-repeat 8px center; color: #000; margin-bottom: 3px;} #footer-links ul{display:none; margin:10px 0;} #footer-links ul li { color: #005596; margin: 0 10px 0 40px;} #footer-links{height: auto; width: 100%; padding: 0px; margin: 0px; border: none; float: left; text-align: center; position: relative; z-index: 2; overflow: hidden; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} #footer-links a, #footer-links a:visited{ line-height:22px; background: none; color:#252525; font-size:16px; padding:0 5%; text-align:center; margin:2px auto; display:block;} #footer-links a:hover, #footer-links a:visited:hover{ line-height:22px; background:none; color:#000000; font-size:16px; padding:0 30px; margin:2px auto; display:block;} #footer-links .col {width: 100%;padding: 0 0 0 0;} #footer-links img { float: none;margin: 0;} .col.col1 a, .col.col2 a { margin: 0 !important; padding: 0 !important; text-align: left !important;} .col.col3 > ul, .col.col4 ul { display: block !important;} .col.col2 li { max-width: 130px; margin: 0 10px 0 40px !important;} .resp-left { float: left; width: 100%;} .resp-right { float: left; width: 100%;} .col.col3 > ul { text-align: left !important;} .col.col3 .footer-titles { background: none repeat scroll 0 0 transparent !important;} .address-content > a { text-align: left !important;} .contact-phone, .contact-address {float: left; width: 50%;} #listing0 .ship-gift-tabs div { text-align: center; width: 100% !important;} #viewCart .vc-banner-image { width: 100%;} /*#checkoutStep1 .arrow-img, #checkoutStep2 .arrow-img, #checkoutStep3 .arrow-img { display: none !important;} #checkoutStep1 .shipping-add-static.step-one, #checkoutStep1 .shipping-method-static.step-one, #checkoutStep1 .payment-method-static.step-one, #checkoutStep1 .chkShoppingCart.step-one {float: left; width: 100%; padding: 5px 10px; min-height: 60px; margin: 0 0 5px;} #checkoutStep2 .shipping-add-static.step-one, #checkoutStep2 .shipping-method-static.step-one, #checkoutStep2 .payment-method-static.step-one, #checkoutStep2 .chkShoppingCart.step-one {float: left; width: 100%; padding: 5px 10px; min-height: 60px; margin: 0 0 5px;} #checkoutStep3 .shipping-add-static.step-one, #checkoutStep3 .shipping-method-static.step-one, #checkoutStep3 .payment-method-static.step-one, #checkoutStep3 .chkShoppingCart.step-one {float: left; width: 100%; padding: 5px 10px; min-height: 60px; margin: 0 0 5px;} #checkoutStep1 .static-info, #checkoutStep2 .static-info, #checkoutStep3 .static-info {padding: 0;} .shippingInfo.pad10.boxShadow > p, .shippingMethods.pad10.boxShadow > p { display: none;} .shipping-add-static .shippingInfo .button, .shipping-method-static .button.left { bottom: 5px;} .rightCol .static-info img { position: relative !important;} #checkoutStep1 .shipping-method-static.step-one, #checkoutStep1 .payment-method-static.step-one { display: none;} #checkoutStep2 .payment-method-static.step-one, #checkoutStep2 .chkShoppingCart.step-one { display: none;} #checkoutStep3 .payment-method-static.step-one { display: none;}*/ } @media screen and (max-width:639px) { #viewCart .applyCoupon {float: right;} #viewCart form .chk-buttons { clear: both;} #checkoutStep1 .txtBoxStyle, #checkoutStep2 .txtBoxStyle, #checkoutStep3 .txtBoxStyle {width: 220px;} #checkoutStep1 .static-info, #checkoutStep2 .static-info, #checkoutStep3 .static-info {margin: 0 !important;} #checkoutStep1 .rightCol h3, #checkoutStep2 .rightCol h3, #checkoutStep3 .rightCol h3 {font-size: 16px;} #checkoutStep1 .shipping-method-static, .static-info, #checkoutStep2 .shipping-method-static .static-info { padding: 15px 2px !important;} .shipping-method-static .static-info br { display: none;} .shipping-method-static .icon-btn.icon-btn-leftover { background-position: 0 -309px;} .static-info img { max-width: 145px;} #home .right-top, #home .right-bottom, #home .left-top, #home .left-bottom { border-bottom: 1px solid #757575; box-shadow: none; float: left; position: relative; width: 100%;} #home .home-images img { box-shadow: none; float: right; width: auto;} #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { display: inline-block; left: 3%; position: absolute; top: 6%; width: 270px;} #home .left-top-img, #home .right-top-img { position: relative;} #home .home-images h2 { color: #5b616b; font-family: Georgia; font-size: 40px; font-weight: 400; line-height: 40px; margin: 0; text-transform: none;} #home .home-images p { color: #5b616b; font-family: "PT Sans",sans-serif; font-size: 20px; font-weight: 400; line-height: 20px; margin: 0 0 8px; padding: 4px 8px 6px 2px; text-align: left; text-transform: none;} #home .home-images .home-img-btn, #home .home-images .home-img-btn:hover {width: 70%;} #home .pearl-block-inner {width: 50%;} #home .feature-bar { display: none;} .pearl-text {min-height: 130px;} } @media screen and (max-width:520px) { #home .top-main-title { top: 15px;} #home .top-main h1 { display: block; font-size: 42px; line-height: 30px; margin: 0 auto;} } @media screen and (max-width:480px) { .productBlockContainer {min-width: 150px; width: 50% !important;} .sub-categories .name{font-size: 15px; line-height:26px;} .browsing_historyBlock .product-container {width: 50% !important;} .slicknav_collapsed.slicknav_parent { width: 100%;} .contact-phone, .contact-address {float: left; width: 100%;} .logos-left {width: 100%;} .logos-right {width: 100%;} #checkoutStep1 .createNewAccount { margin-bottom: 10px; margin-left: 0;} #checkoutStep3 #divPaymentOption2 { padding: 0 0 20px 4%;} } @media screen and (max-width:479px) { #checkoutStep1 .rightCol, #checkoutStep2 .rightCol, #checkoutStep3 .rightCol { display: none;} #checkoutStep1 .leftCol, #checkoutStep2 .leftCol, #checkoutStep3 .leftCol { width: 100%;} /*#home .top-main-txt { bottom: 5px !important;} #home .top-main h1 {font-size: 22px; line-height: 20px; margin: 0;} #home .top-main h3 { font-size: 18px; letter-spacing: -1px; margin: 0 5px;}*/ #home .home-images h2 { font-size: 24px; margin: 0;} #home .home-images p { font-size: 15px; line-height: 18px;margin: 0 0 5px;} #home .home-images .right-top-img {max-height: 175px; position: absolute; right: 0;} /* #home .top-main .home-img-btn, #home .top-main .home-img-btn:hover { background-color: rgba(0, 0, 0, 0.3); bottom: 5px; float: none !important padding: 0 6px; text-shadow: 0 1px 1px #000000;}*/ #home .left-top .left-top-txt, #home .left-bottom .left-bottom-txt, #home .right-top .right-top-txt, #home .right-bottom .right-bottom-txt { max-width: 165px; width:auto;} #home .home-images .home-img-btn, #home .home-images .home-img-btn:hover { width: 98%;} } @media screen and (max-width:360px) { #subcategoriesBlock .columns-1 { display: inline-block; width: 100%;} .browsing_historyBlock .product-container {width: 100% !important;} #logo img { margin-top: 4px; max-width: 200px;} .banner-mini img { display: none;} .banner-mini > span {font-size: 12px; letter-spacing: 0;} .banner-mini > a { font-size: 11px; margin: 0 5px; font-weight: 500;} .col.col2 li { margin: 0 0 0 18px !important; max-width: 125px;} #callnow { float: none; padding: 5px 0; text-align: center; width: auto;} .fb-like.fb_iframe_widget { display: none;} }