/* ================================================================================== Prauge Theme custom css ================================================================================== */ @font-face { font-family: 'Simple-Line-Icons-Pro'; src:url('../fonts/Simple-Line-Icons-Pro.eot?jq15et'); src:url('../fonts/Simple-Line-Icons-Pro.eot?jq15et#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons-Pro.ttf?jq15et') format('truetype'), url('../fonts/Simple-Line-Icons-Pro.woff?jq15et') format('woff'), url('../fonts/Simple-Line-Icons-Pro.svg?jq15et#Simple-Line-Icons-Pro') format('svg'); font-weight: normal; font-style: normal; } .icon-user-male::before { content: "\ee1a"; font-family: 'Simple-Line-Icons-Pro'; } .icon-edit-1::before { content: "\ea0b"; font-family: 'Simple-Line-Icons-Pro'; } .icon-call-hold::before { content: "\e842"; font-family: 'Simple-Line-Icons-Pro'; } .icon-truck::before { content: "\ed5d"; font-family: 'Simple-Line-Icons-Pro'; } .icon-shopping-bag::before { content: "\e922"; font-family: 'Simple-Line-Icons-Pro'; } .icon-lock::before { content: "\ea33"; font-family: 'Simple-Line-Icons-Pro'; } body { font-family: 'Roboto', sans-serif;} html { -webkit-font-smoothing:antialiased;} *{ -webkit-text-size-adjust:none;} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], textarea, select { -webkit-appearance: none; box-shadow:none; } input{ border-radius: 0px;} h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; text-transform:uppercase; color:#262b32; font-weight: normal;} li, p { font-family: 'Roboto', sans-serif;} h1 { font-size:24px;} h2 { font-size:20px;} h3 { font-size:18px;} h4 { font-size:16px;} h5 { font-size:15px;} h6 { font-size:14px;} li { font-size:14px; color:#262b32;} p{line-height:24px;} *{box-sizing: border-box;} img { max-width:100%; height:auto;} .top-menu { background:#f2f2f2; font-size:12px;} .top-menu li { color:#000; border-left: 1px solid #e9e9e9; padding: 0 10px; font-size: 14px;} .top-menu li .icon-call-hold { padding-right: 5px;} .top-menu li:first-child { border-left: 0px;} .top-menu li a { font-size:14px; color:#474747; text-transform: none;} .top-menu li a span { padding-right: 10px;} .top-menu li a:hover { color:#0096ff !important; } .top-menu li.my-account { background: none;} header { box-shadow:0 0 0 #000; border:0px;} header .wrapper { padding:0px;} header > .wrapper { padding:15px 0; display: table;} #logo a:hover h1, #logo a:hover h3{ color: #0096ff;} #logo img { max-width:100%; max-height:100%; height:auto;} #logo { margin-top:0px; width: 33.33%; text-align: center; padding: 0 20px; display: table-cell; vertical-align: middle; float: none;} .page-menu { background: #0096ff; clear:both; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom: 20px;} nav#catNavMenu { display:block; float:none; margin:0px; font-family: 'Roboto', sans-serif; max-width:100%;} ul#desktopMenu {text-align: center;} ul#desktopMenu li { float: none; text-align: center;} ul#desktopMenu li a { padding:12px 25px; font-family: 'Roboto', sans-serif; font-size:14px !important; color:#fff; font-weight: 500; } ul#desktopMenu li a:hover { font-size:14px !important; color:#0096ff;} ul#desktopMenu li { border:0px; margin:0px; padding:0px;} ul#desktopMenu li ul::before { top:0px; font-size:0px; text-indent:-99999px;} ul#desktopMenu li ul { padding:10px 0 0 ; left:0px; top:28px;} ul#desktopMenu li:first-child ul li:first-child { padding-left:0px;} ul#desktopMenu li:first-child ul li a { padding-left:10px} #desktopMenu #FRAME_MENU { padding-left:15px;} .page-menu .page-right { float:right; min-height:38px;} .page-menu .page-right ul { padding:0px; margin:10px 0px 0; list-style:none;} .page-menu .page-right ul li { float:left; padding:0 16px; border-left:1px dotted #b3b3b3;} ul#desktopMenu li.ActivePage a { color:#0096ff;} ul#desktopMenu li ul li a, ul#desktopMenu li.ActivePage li a { font-family: 'Roboto', sans-serif; } ul#desktopMenu li ul li:hover { background:#fff;} ul#desktopMenu li ul li a:hover, ul#desktopMenu li.ActivePage li a:hover {color: #0096ff;} ul#desktopMenu li:hover a { color: #0096ff;} ul#desktopMenu li:hover li a { color: #333;} ul#desktopMenu li li a:hover { color: #0096ff; } .page-menu .page-right ul li:first-child { border:0px;} ul#desktopMenu #FRAME_MENU li:first-child { border-left:0px;} ul#desktopMenu li ul li:first-child { padding-left:0px;} #searchBox { display:block;} .search-panel { width:33.33%; float: none; margin-top: 0px; display: table-cell; vertical-align: middle;} #FRAME_SEARCH { position:relative; float: none;} #FRAME_SEARCH #searchBox { background: #fff none repeat scroll 0 0; border: 1px solid #e9e9e9; height: 36px; padding: 0px 0 0 2px; width: 80%; border-radius: 5px;} .search-link .icon-cancel, .search-link .searchOpen .icon-search { display:none;} .search-link .searchOpen .icon-cancel { display:block;} .logo-right { float:none; width: 33.33%; display: table-cell; vertical-align: middle;} .logo-right ul { margin:0px; padding:0px; list-style: none; float: right;} .logo-right ul li { float:left; border-left:1px solid #e3e3e3; font-size:13px; color:#545454; text-align: left; padding:0 5px; max-width:325px;} .logo-right ul li .margin-none { font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #333; margin-bottom: 0px; padding-top: 3px;} .logo-right ul li .margin-none .icon-truck { margin-right: 10px; color: #000;} .logo-right ul li:first-child { padding-left:0px; border-left:0px;} .logo-right ul li:last-child { margin-left: 5px;} .logo-right ul li .img { width:50px; float:left;} .logo-right ul li .text {float:left; min-width:165px;} .logo-right ul li .text span { display:block; color:#b4bbc0; padding-top:5px; font-size: 12px;} #searchBox input[type="text"] { background: #fff; font-size:13px; color:#b4bbc0; font-family: 'Roboto', sans-serif; padding:7px 0 6px 10px; width:90%; height:33px; line-height:20px; } #searchBox input[type="submit"] { background:url(../images/search-icon.png) no-repeat right center; width:20px; text-indent:-99999px;margin: 5px 10px 0 0;} #searchBox input[type="submit"]:hover { background:url(../images/search-icon-h.png) no-repeat right center; } #cart { background:none; padding:0 0 0 0px; margin-top:0px; overflow: inherit; text-align:center;} #cart span#noItems { background:none; width:24px; height:24px; line-height:24px; display:block; position:absolute; top: 5px; left: 9px; border-radius:0; font-size:12px; color:#000; font-family: 'Montserrat', sans-serif;} .top-menu .left li:first-child { padding-left:0;} .page-menu .page-right ul li a:hover { color:#0096ff;} .page-menu .page-right ul li .search-link { width:20px; line-height: 18px;} .page-menu .page-right ul li .search-link a { display:block;} .icon-shopping-bag {width: 25px; height: 30px; line-height: 30px; text-align: center; font-size: 30px; display: inline-block; vertical-align: middle; color: #000;} .icon-shopping-bag:hover, #cart:hover .icon-shopping-bag, #cart:hover span#noItems { color: #0096ff;} /*Home sticky Header css */ .mm-page.mm-slideout.fixed .top-menu, .mm-page.mm-slideout.fixed .header-panel { } .mm-page.mm-slideout.fixed .page-menu { position: fixed; top:0; left:0; width: 100%; z-index: 101; box-shadow: 0 0 7px 0 rgba(0,0,0,.3);} .mm-page.mm-slideout.fixed #special_panel { padding-top: 60px; } /* home slider css*/ #homeCarousel { margin-bottom:30px;} .flex-control-nav {bottom:15px !important;} .flex-control-paging li a { background:#f1ebe1;} /* home main css */ .home-left { width:50%; float:left; max-width:570px;} .home-left img, .home-right img { max-width:100%; height:auto;} .home-right { width:50%; float:right; max-width:570px;} .header-specials { text-align: center; line-height: 25px; font-size: 30px; font-weight: 300; margin-bottom: 30px; text-transform: none; padding-bottom: 0; border-bottom: none; color: #000;} .header-specials i { display: inline-block; vertical-align: middle; position: relative; } .header-specials i::after, .header-specials i::before { height: 1px; background: #ccc; content: ""; position: absolute;} .header-specials i:before { width: 200px; left: -200px; top: -3px; } .header-specials i:after { width: 100px; left: -100px; top: 2px; } .header-specials i.heading-border-right::before { left: auto; right: -200px;} .header-specials i.heading-border-right::after { left: auto; right: -100px; } .header-specials span { padding: 0 15px; background: #fff; line-height: 25px; display: inline-block; vertical-align: middle; } .product-item .on-sale { text-transform: uppercase; position: absolute; top: -1px; left: 10px; background: #f72560; color: #fff; width: 16px; padding: 5px 4px; word-break: break-all; text-align: center; font-size: 10px; line-height: 12px; border-radius: 0px;} .product-item .on-sale span {display: block;} .product-item .on-sale::after, .product-item .on-sale::before { width: 0; height: 0; border-style: solid; bottom: -4px; position: absolute; content: " ";} .product-item .on-sale::before { border-width: 4px 0 4px 8px; left: 0; border-color: transparent transparent transparent #f72560; } .product-item .on-sale::after { border-width: 4px 8px 4px 0; right: 0; border-color: transparent #f72560 transparent transparent; } .product-item .name a, #modNewReleases .item-panel .info .name a { font-size: 15px; font-family: 'Roboto',sans-serif; font-weight: 300; color:#474747;} .product-item .name a:hover, #modNewReleases .item-panel .info .name a:hover { color:#0096ff;} .product-item .price { font-size: 17px; color: #000; font-weight: 500; font-family: 'Roboto',sans-serif;} .product-item del { font-size: 17px; } .home-new-product { width:50%; max-width:570px; float:left;} .home-right-banner { width:50%; max-width:570px; float:right;} .home-right-banner img { max-width:100%; height:auto;} #homeFooter { clear:both; display:block; margin:20px auto; border: 0px;} #homeFooter ul { margin:0px -15px 0 -15px; padding:0px; list-style:none; text-align:center;} #homeFooter ul li { float: left; padding: 0 15px; width: 33.33%; overflow: hidden;} #homeFooter ul li img {-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} #homeFooter ul li img:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02);} #homeFooter ul li .row2 {padding-top:22px;} #qv_buttons { display:none;} body.homePage aside#leftBar, body.homePage aside#rightBar { display:none !important; height:0px;} body.homePage #mainContent { width:100% !important;} body.homePage .productBlockContainer { margin-left:0px;} /* home special product */ .product-item .img { border:0px solid #f6f5f2;} .product-item .img { display:table; width:100%; table-layout: fixed; text-align:center; position:relative;} .product-item .img a { display:table-cell; width:100%; vertical-align:middle;} .product-item .img img { position:relative; max-width:150px; max-height:100%;} .product-item del { padding-right:0px;} .home-right .productBlockContainer .slick-dots { text-align: center; margin-top:0px; } .home-right .productBlockContainer .slick-dots li { display:inline-block; margin:0 3px; height:auto; position: relative; width: 20px; padding: 0; cursor: pointer; vertical-align: bottom;} .home-right .productBlockContainer .slick-dots button { display: inline-block; margin: 0; padding: 0; height: 5px; width: 20px; border: 1px solid #0096ff; transition: all .2s ease; text-indent:-99999px; vertical-align: bottom; } .home-right .productBlockContainer .slick-dots button:hover { padding:0px; background: #0096ff;} .home-right .productBlockContainer .slick-dots li.slick-active button { display: inline-block; margin: 0; padding: 0; width: 20px; border: 1px solid #0096ff; transition: all .2s ease; position: relative; height: 10px; background: #0096ff;} .home-right .productBlockContainer .product-item .stars img { margin:0 auto;} .home-right .productBlockContainer .product-item .img .btn, button.qv.btn, .qv.btn, #modNewReleases .item-panel .img a.qv.btn { background:rgba(5, 66, 201, 0.7); color: #fff; font-size: 12px; border: 0px; padding: 7px 0;} .home-right .productBlockContainer .product-item .img .btn:hover, button.qv.btn:hover, .qv.btn:hover, #modNewReleases .item-panel .img a.qv.btn:hover, #modNewReleases .item-panel .img a.qv.btn_over { font-size: 12px; border: 0px; border-radius: 0px; padding: 7px 0; background:rgba(5, 66, 201, 1); color: #fff;} .product-item .img button.qv.btn, .home-right .productBlockContainer .product-item .img .btn, #modNewReleases .item-panel .img a.qv.btn, .qv.btn { display:none;} body.QvButton .product-item .img:hover button.qv.btn, body.QvButton .home-right .productBlockContainer .product-item .img:hover .btn, body.QvButton #modNewReleases .item-panel .img:hover a.qv.btn, body.QvButton .qv.btn { display:block;} .home-right .productBlockContainer .product-container { width:50%;} .product-item .img a.qv.btn { display:none; letter-spacing: 1px;} .product-item .img a.qv.btn span { font-size: 16px; vertical-align: middle;} body.QvButton .product-item .img:hover a.qv.btn { display:block;} .product-item .img .AddToWishList { display:none;} .product-item .action { position: absolute; bottom: -17px; left: 0; width: 100%; text-align: center; margin-bottom: 0px;} .product-item .action .btn { font-family: 'Roboto', sans-serif; background: #fff; border:1px solid #e9e9e9; border-radius: 16px; margin: 0 auto; font-size: 12px; color: #474747; padding: 7px 15px; font-weight: 500;} .product-item .action .btn .icon-basket {padding-right: 5px;} .product-item .action .btn .icon-basket::before { content: "\e8fb"; font-family: 'Simple-Line-Icons-Pro'; border-radius: 16px; font-size: 12px; color: #0096ff;} .product-item .action .btn:hover, .product-item .action .btn_over { background: #0096ff; color: #fff; border-radius: 16px; font-size: 12px; padding: 7px 15px; font-weight: 500; border:1px solid #0096ff;} .product-item .action .btn_over .icon-basket::before, .product-item .action .btn:hover .icon-basket::before { content: "\e8fb"; font-family: 'Simple-Line-Icons-Pro'; border-radius: 16px; font-size: 12px; color: #fff;} .product-item .action .btn:hover .icon-basket, .product-item .action .btn_over .icon-basket { padding-right: 5px;} .product-item .img a.qv.btn { position: absolute; width: 100%; top:auto; bottom: 0px; left: 0; font-family: 'Roboto', sans-serif; font-size: 12px;} .product-container { padding: 0px;} .productBlockContainer .slick-list, .item-panel .slick-list { margin: 0 0 0 -1px; padding-left: 1px;} .productBlockContainer .slick-next, .productBlockContainer .slick-prev, .item-panel .slick-next, .item-panel .slick-prev { position: absolute; right: 0; top: -58px; width: 30px; height: 30px; line-height: 30px; margin-top: 0;background: none; border: 0px; text-indent: -9999px;} .productBlockContainer .slick-prev, .item-panel .slick-prev { right: 30px;} .productBlockContainer .slick-next:hover, .productBlockContainer .slick-prev:hover, .item-panel .slick-next:hover, .item-panel .slick-prev:hover { color: #0096ff;} .productBlockContainer .slick-next::after, .productBlockContainer .slick-prev::after, .item-panel .slick-next::after, .item-panel .slick-prev::after { position: absolute; left: 0; width: 100%; top: 0; bottom: 0; font-size: 15px;} .slick-next::after { content: "\e806"; font-family: 'Simple-Line-Icons-Pro'; text-indent: 0px; } .slick-prev::after { content: "\e805"; font-family: 'Simple-Line-Icons-Pro'; text-indent: 0px; } .icon-expand-2::before { content: "\ea0e"; font-family: 'Simple-Line-Icons-Pro';} #product-carousel-owl .owl-next::before, #product-carousel-owl .owl-prev::before { font-family: 'Simple-Line-Icons-Pro';} #product-carousel-owl .owl-prev::before { content: "\e805"; } #product-carousel-owl .owl-next::before { content: "\e806";} .product-container { margin-bottom: 35px;} table.searchlight-results .searchlight-header-text:hover, table.searchlight-results .searchlight-result-text:hover { color:#0096ff;} /* Home full width section */ .product-item .name, #modNewReleases .item-panel .info .name { padding:0px 0 0;} .home-right.FullWidth { padding-top: 20px;} .home-right.FullWidth, .home-new-product.FullWidth { width:100%; max-width:100%; float:none; clear: both;} .home-new-product.FullWidth #modNewReleases .item-panel { margin-left:0px;} .home-new-product.FullWidth #modNewReleases .item-panel .item { margin-left:0px; padding:0px; position: relative;} .product-item .action .btn { bottom:0;} .home-right-banner.FullWidth, .home-right-banner.FullWidth { width:100%; max-width:100%;} .productBlockContainer { margin-left:0px;} .productBlockContainer .first-item, .productBlockContainer .middle-item, .productBlockContainer .last-item { padding:0 !important;} .product-item { border:1px solid #e9e9e9; padding: 10px 10px 35px; position:relative; margin-left: -1px; } .product-item:hover { background: #f9f9f9;} .home-middle-banner ul { list-style: none; margin: 0 -15px; padding: 0;} .home-middle-banner ul li { float: left; width: 50%; padding: 20px 15px 0px;} .home-middle-banner ul li img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .home-middle-banner ul li img:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02);} .flex-control-nav { z-index: 5;} .flex-control-paging li {position: relative; width: 20px; vertical-align: bottom;} .flex-control-paging li a { height: 5px !important; width: 20px !important; transition: all .2s ease; border-radius: 0px !important; box-shadow: none !important; } .flex-control-paging li a.flex-active { height: 10px !important; font-size: 60px; line-height: 20px; text-align: center; color: #2d2d2d; opacity: .6; } .flex-control-paging li a.flex-active::before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 60px; line-height: 20px; text-align: center; color: #2d2d2d; opacity: .6; content: "";} .flex-direction-nav .flex-prev::before, .flex-direction-nav a.flex-next::before { font-family: 'Simple-Line-Icons-Pro'; font-size: 25px !important; } .flex-direction-nav a.flex-next::before { content: "\e806" !important; } .flex-direction-nav .flex-prev::before { content: "\e805" !important; } /* Home about us section css */ .home-aboutus-panel { clear: both; padding: 40px 0 0px;} .home-aboutus-panel .img-panel { width: 50%; padding-right: 20px; float: left;} .home-aboutus-panel .content-panel { width: 50%; padding-left: 0px; float: right;} .home-aboutus-panel .content-panel h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 30px; line-height: 35px; text-transform: none;} .home-aboutus-panel .content-panel strong { font-weight: 500;} .home-aboutus-panel .content-panel p { font-size: 15px; font-weight: 300; margin-bottom: 15px; color: #666;line-height: 26px;} .home-aboutus-panel .content-panel .more-link { font-size: 12px; font-style: italic; color: #474747;} .home-aboutus-panel .content-panel .more-link:hover { color: #0096ff;} /* Quick View popup css */ #quickView #listing0 h1.page_headers { font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #d7dbde; margin-bottom:10px;} .pricingBlock span#price { font-size: 25px; font-weight: 500; font-family: 'Roboto', sans-serif; color: #333;} #listing0 .pricingBlock .retailprice { font-size: 25px; color: #9b9b9b; font-weight: 500;} #quickView .addToCartBlock .addcart-button .btn { background:#0096ff; font-family: 'Roboto', sans-serif; font-weight: 300;} #quickView .availabilityInfo { float:none;} #quickView #divOptionsBlock { max-height:155px;} #quickView .addToCartBlock .addcart-button button.btn { padding:0 15px;} .quick-close-modal { margin-right:15px;} /* new product css */ .home-prodect { padding-top:30px;} .new-product { width:100%; float:none; opacity: 0;} .homePage .new-product { opacity: 1;} #modNewReleases .item-panel { margin-left:-25px; padding:0px;} #modNewReleases .item-panel .item { width:45.7%; float:left; margin-left:25px; text-align:center; margin-bottom:30px; } #modNewReleases .item-panel .img, #modNewReleases .item-panel .info { float:none; width:100%;text-align:center;} #modNewReleases .item-panel .img { display:table; width:100%; height:100%; table-layout: fixed; text-align:center; position:relative; border:0px solid #f6f5f2; } #modNewReleases .item-panel .img a { display:table-cell; width:100%; vertical-align:middle;} #modNewReleases .item-panel .img img { max-width:100%; margin:0 auto;} #modNewReleases .item-panel .price2 { margin-top:10px;} #modNewReleases .item-panel .price2, #modNewReleases .item-panel .stars { text-align:center;} #modNewReleases .item-panel .stars img { margin:0 auto;} #modNewReleases .slick-dots { text-align: center; margin-top:0px;} #modNewReleases .slick-dots li { display:inline-block; margin:0 3px; height:15px; position: relative; width: 20px; padding: 0; cursor: pointer; vertical-align: bottom;} #modNewReleases .slick-dots button { display: inline-block; margin: 0; padding: 0; height: 5px; width: 20px; border: 1px solid #0096ff; transition: all .2s ease; text-indent:-99999px; vertical-align: bottom;} #modNewReleases .slick-dots button:hover { padding:0px; background: #0096ff;} #modNewReleases .slick-dots li.slick-active button { display: inline-block; margin: 0; padding: 0; width: 20px; border: 1px solid #0096ff; transition: all .2s ease; position: relative; height: 10px; background: #0096ff;} /* newsletter panel css */ .newsletter-pan { display:block; margin:0 auto; clear:both; max-width:100%; text-align:center;} #mailistBox { width: 100%; max-width: 1440px; margin: 0 auto; padding: 25px 0 0;} #mailistBox span { float:none; margin:0 auto; display:inline-block; padding: 0px; font-family: 'Roboto Condensed', sans-serif;} #mailistBox h2.header-specials { float: left; padding-right: 25px; text-align: left; margin: 0 25px 0 0; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 300; line-height: 43px; color: #000;} #mailistBox input[type="text"] { margin:0px; display:inline-block; float:left; height:45px; padding:10px 0; border:1px solid #d7dbde; border-right:0px; width:78%; font-family: 'Roboto', sans-serif; font-size:14px;} #mailistBox input[type="submit"] { float:right; padding: 14px 30px; line-height: 14px; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; height: 45px; background: none; border:1px solid #000; color:#000;} #mailistBox input[type="submit"]:hover { background:#0096ff; padding: 14px 30px; line-height: 14px; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; border:1px solid #0096ff;} .mail-box-pan { max-width:50%; margin:0 auto; float: right; width: 100%;} #mailistBox p { float: left; clear: none; font-weight: 300; font-size: 16px; color: #666; font-family: 'Roboto', sans-serif; padding-top: 15px;} #mailistBox input[type="text"] { border: 0px; border-bottom: 1px solid #dcdcdc; margin-right: 0px; width: 70%;} /* Category page css */ .cate-header-panel .category-header { margin-bottom:30px;} .sub-categories-format { background:none; border:0px dotted #b3b3b3; padding: 0px;} .sub-categories-format .sub-categories { border: 1px solid #e9e9e9; margin-bottom: 15px;} .breadcrumbs span { color:#0096ff; text-transform: capitalize;} .breadcrumbs a, .breadcrumbs { font-size:13px; font-family: 'Roboto', sans-serif;} .breadcrumbs a:hover { color:#0096ff;} aside#leftBar { background:none; border-right: 1px solid #e9e9e9; padding-right: 20px; margin-bottom: 20px;} .menu-headers { background:none; padding:0px; color:#262b32; font-size:20px; font-family: 'Roboto Condensed', sans-serif; padding-bottom:10px; margin-bottom:10px;} #modPrice ul li a, aside .module li a { font-family: 'Roboto', sans-serif; color:#545454;} #modPrice ul li a:hover, aside .module li a:hover { color:#0096ff;} #modPrice ul { padding:0px 0 15px;} #modManufacturer li { background:none; } #modManufacturer ul { 0} .category-header img { max-width:100%; height:auto; } #homeHeader a{transition: color .15s ease;} #homeHeader ul { margin: 0 -15px; } #homeHeader ul li { width: 33.33%; padding: 0 15px; margin: 0px; overflow: hidden;} #homeHeader a img {-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} #homeHeader a img:hover { -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02);} .page_headers { font-family: 'Roboto Condensed', sans-serif; font-size: 30px; margin: 0; line-height: 30px; border-bottom: none; padding: 0; font-weight: bold; } #subcategoriesBlock { clear: both;} .sub-categories .desc { font-size: 12px;} #subcategoriesBlock .titles { color:#2d2d2d; font-family: 'Roboto', sans-serif; text-align: center; font-size: 18px; line-height: 25px; border-bottom: 1px solid #e9e9e9;font-weight: 300; padding-bottom: 10px; margin-bottom: 15px;} .sub-categories .img img { padding: 5px;} .sub-categories .name { font-family: 'Roboto', sans-serif; color:#262b32; font-size: 12px; text-transform: none; line-height: 20px;} .sub-categories:hover .name { background: none; color: #0096ff;} .paging { float:none; width:100%; text-align:center; margin:0px 0 20px; border-top:0px dotted #b3b3b3; border-bottom:0px dotted #b3b3b3; padding:0px 0;} .sort-by div.selector span { display:block !important; font-family: 'Roboto', sans-serif;} div.selector select { top:0px;} .paging a { background:none; font-size:14px; color:#333; border:0px solid #a9afb4; min-width:10px; min-height:25px; text-align:center; display:inline-block; padding:5px;} .paging a:hover { color:#0096ff;} .paging span { font-size:14px;} .paging a.category-viewall, .paging a.next-cat, .paging a.prev-cat, .paging a.view-all-cat { border:0px; color:#262b32;} .paging strong { background:none; color:#0096ff; font-weight:normal; display:inline-block; padding:5px; min-width:10px; min-height:25px; font-size:14px; border:0px solid #0096ff; text-align:center; } .paging a.category-viewall { display:none;} .categoryIndex li a { font-size:15px;} .category_level1 a:hover { color:#0096ff;} #productIndex .product-index-item a { font-size:15px;} #productIndex .product-index-item a:hover { color:#0096ff; } .sort-by div.selector { border:1px solid #d7dbde; } #divOptionsBlock .opt-regular select { max-width:100%;} #leftBar #left-category .nav-list li { position: relative;} #leftBar #left-category .nav-list li ul.subMenu { background: none;} #leftBar #left-category .nav-list li li { padding-left: 10px;} #leftBar #left-category .nav-list li li a { font-size: 14px;} #leftBar #left-category .nav-list li .hitarea { border:0px solid #ddd; width:25px; height: 24px; position: absolute; right: 0; text-align: center; line-height: 21px; color: #545454; cursor:pointer; font-size: 20px;} #leftBar #left-category .nav-list li .hitarea:after { content: "\e804"; font-family: 'Simple-Line-Icons-Pro'; font-size: 10px;} #leftBar #left-category .nav-list li.collapsable .hitarea:after { content: "\e80b"; color: #0096ff;} #leftBar #left-category .nav-list li.collapsable > a { color: #0096ff;} #categoryHeader { padding-bottom: 15px;} h5.menu-headers { font-size: 20px; line-height: 20px; color: #000; font-weight: 300; border: 0px; text-transform: none;} h5.menu-headers span{ display: inline-block; vertical-align: middle; padding-right: 10px; position: relative; } h5.menu-headers span:after{width: 10px; right: -10px; top: 11px; height: 1px; background: #ccc; content: ""; position: absolute;} h5.menu-headers span:before { height: 1px; background: #ccc; content: ""; position: absolute; width: 20px; right: -20px; top: 8px;} aside .module ul { margin-left: 0px;} aside .module li a { padding: 5px 0; font-size: 15px; display: block; font-weight: 300;} .cat-title { margin-bottom: 20px; font-weight: 300;} .sort-by { float: right;} .icon-arrow-1-right::before { content: "\e806"; font-family: 'Simple-Line-Icons-Pro'; font-size: 8px; padding: 0 5px; color: #9b9b9b;} #categoryHeader { clear: both; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 20px 0; margin: 0px 0 20px;} #category, #search { position: relative;} #category::before, #search:before, #affiliateInfo:before { position: absolute; left: -21px; top: 0; bottom: 0; width: 1px; background: #e9e9e9; content: ""; } #mainContent.Fullwidth #category::before, #mainContent.Fullwidth #search:before { left:0px; width: 0px;} .sub-categories .img { min-height: 100px;} .topsellers_topitem .action { position: absolute; bottom: -17px; left: 0; width: 100%; text-align: center; margin-bottom: 0px; height: 25px;} .topsellers_topitem .action .btn { background: #fff; border: 1px solid #e9e9e9; color: #333; border-radius: 16px; padding: 7px 20px; font-size: 12px;} .topsellers_topitem .action .btn:hover { background: #0096ff; border: 1px solid #0096ff; color: #fff;} #categoryIndex h1, #productIndex h1, #affiliateInfo h1 { border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; font-size: 20px;} .categoryIndex { border: 0px solid #e9e9e9; padding: 20px 0;} .categoryIndex li a { font-size: 14px; font-weight: 300;} .category_level1 li a { font-weight: 400; font-size: 15px;} .category_level1 li a:hover { color: #0096ff;} #affiliateInfo { position: relative;} .category-footer { padding-top: 10px; border-top: 1px solid #e5e5e5;} #subcategoriesBlock li { margin-bottom: 5px;} .manf-header { padding-bottom: 20px;} .crmField select { height: 40px;} .opt-field input, #divOptionsBlock input[type="checkbox"] { -webkit-appearance: checkbox;} #updateAccount .PasswordMSG { float: left; width: 50%; padding: 0 15px 10px;} #updateAccount .PasswordMSG p { font-size: 12px; line-height: 15px;} .no-results.pad10.boxShadow.center { text-align: left; padding: 0 0 15px;} .no-results.pad10.boxShadow.center span { font-size: 16px;} /* Listing page css */ #listing0 { max-width:100%; width:100%; display:block;} #listing0 h1 { margin-bottom:5px; font-size: 28px; text-transform: uppercase; font-weight: 300; color: #2d2d2d;} #listing0 .totalrating { margin-bottom:10px;} #listing0 .header, #listing1 .header { border:0px; margin-bottom: 10px;} #listing0 .primary { width: 50%; padding-right: 20px;} #listing0 .secondary { width: 50%; padding-left: 20px;} #listing0 .relatedBlock h2.header-specials span::after, #listing0 .accessoriesBlock h2.header-specials span::after, #listing0 .breadcrumbsBlock h2.header-specials span::after { left:45%;} .addToCartBlock .qtybox-addcart button { font-family: 'Roboto', sans-serif; background:#0096ff; border:0px; color:#fff; border:1px solid #0096ff; font-size: 13px; padding: 7px 15px;} .addToCartBlock .qtybox-addcart button:hover { border: 1px solid #0096ff; color: #0096ff; border-radius: 0px; background: none;} #product-carousel-owl .prod-thumb a img { vertical-align:middle;} #listing0 .main-image img, #listing0 .main-image a { max-width:100% ; height:auto; width:auto !important;} .addToCartBlock .qtybox-addcart div.selector { float:left; margin-right:15px; margin-top:7px; min-width:50px;} .accent-bg-color, #listing0 .detail-section .beta-col button { font-family: 'Roboto', sans-serif; background:#fff; font-size:12px; padding:7px; border:1px solid #262b32; color:#262b32; min-width:10px; } .accent-bg-color:hover, #listing0 .detail-section .beta-col button:hover { background:#0096ff; border:1px solid #0096ff; color:#fff; border-radius: 0px;} .r-tabs .r-tabs-nav { display: none;} .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { border-top:3px solid #0096ff; color:#0096ff;} .r-tabs .r-tabs-nav .r-tabs-anchor { font-family: 'Roboto', sans-serif; color:#262b32;} .btn { font-family: 'Roboto', sans-serif; background:#0096ff; } .btn:hover, .btn_over { font-family: 'Roboto', sans-serif; background:#262b32; } #listing0 .prev-prod a, #listing0 .next-prod a { color:#0096ff;} #listing0 .addToCartBlock { float:none;} .social-mediaBlock { float:none;} #listing0 .main-image { display: table; text-align:center; width:100%; padding: 5px;} #listing0 .main-image a { display: inline-block !important; width:100%; vertical-align:middle; padding:0px;} #listing0 .addl-images { margin-top:15px;} #listing0 .detail-section .beta-col, .list-left { float:none; width:100%;} #listing0 .detail-section .beta-col { text-align: left;} .createFirstReview, .addWishlist, .addGiftRegistry, .email_friend { display:block; float:left;} .addWishlist, .addGiftRegistry, .email_friend { margin-left:5px;} #listing0 .pricingBlock .savings, #listing0 .pricingBlock .retailprice, #listing0, .pricingBlock .yourprice { display:inline-block;} #listing0 .totalrating .review-count a { color:#333; margin-left: 10px;} #listing0 .totalrating .review-count a:hover { color:#0096ff;} .product_availability { /*display:block;*/} #listing0 h2 { margin-bottom:20px; font-size: 30px; font-weight: 300;} .breadcrumbs { font-family: 'Roboto', sans-serif; } .pricingBlock .saleprice { display: inline-block;} .pricingBlock .saleprice .sale-text { padding-bottom:0px; border-radius: 0px; font-size: 12px; background: #0096ff; display: none;} #listing0 .detail-section .beta-col { padding-top:10px;} .addToCartBlock .qtybox-addcart input.txtBoxStyle { height:33px;} #divOptionsBlock .radio-format .radio-option { border:1px solid #e9e9e9;} .selector span { height:40px; line-height:37px;} #divOptionsBlock .radio-format .radio-selected { background:#0096ff; color:#fff; border:1px solid #0096ff;} #divOptionsBlock .radio-format .radio-selected span { color:#fff; } #listing0 .main-image, #product-carousel-owl .prod-thumb a { border:1px solid #e9e9e9;} #product-carousel-owl .prod-thumb a:hover { border:1px solid #0096ff;} #product-carousel-owl .owl-next, #product-carousel-owl .owl-prev { background:#e9e9e9; color:#333; font-weight:normal;} #product-carousel-owl .owl-next:hover, #product-carousel-owl .owl-prev:hover { color:#0096ff;} #product-carousel-owl .owl-next { right:0px;} #product-carousel-owl .owl-prev { left:0px;} #showRealMedia { min-height:79px;} .browsing_historyBlock h2 { float:none;} .createReviewLink { float:left;} .columns-5 .product-item .img img, .columns-4 .product-item .img img { max-width:100%;} #listing0 h3, #listing1 h3 { font-family: 'Roboto', sans-serif;} #listing0 .item { color:#818181;} #divOptionsBlock { border-bottom:1px solid #e9e9e9;} #divOptionsBlock .option-required span.label { color:#262b32;} /*.mb--messagebar.mb--messagebar--danger { background:#0096ff;}*/ #divOptionsBlock .opt-regular div.selector { max-width:90%;} #listing0 .pricingBlock .savings { display: block; clear: both; float: none;} .addToCartBlock .qtybox-addcart input.txtBoxStyle {border: 1px solid #e5e5e5; height: 33px;} .addToCartBlock .qtybox-addcart button .icon-basket { display: none;} .r-tabs .r-tabs-panel { border: 0px; padding: 0px 0 20px; border-bottom: 0px solid #e9e9e9;} .r-tabs .r-tabs-nav { border-bottom: 1px solid #0096ff;} .r-tabs .r-tabs-nav .r-tabs-state-active { border: 0px; margin: 0px;} .r-tabs .r-tabs-nav .r-tabs-state-active::after { position: absolute; content: "\25be"; bottom: -18px; left: 20px; color: #0096ff; font-family: 'fontello'; font-size: 20px;} .r-tabs .r-tabs-nav .r-tabs-anchor { margin-bottom: 0px; background: #0096ff; color: #fff; margin-right: 0px; font-size: 15px; padding: 9px 25px;} .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { border: 0px; background: #043ab0; color: #fff;} .productView-info-name {line-height: 20px; font-weight: 400; padding: 8px 0; width: 100px; color: #333; font-size: 14px;} .r-tabs .r-tabs-accordion-title { display: block; border-top: 1px solid #e9e9e9;} .r-tabs .r-tabs-accordion-title .r-tabs-anchor { background: none; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; color: #333; padding: 20px 0; font-weight: normal; position: relative; text-transform: uppercase; margin-bottom: 0px;} .r-tabs .r-tabs-accordion-title .r-tabs-anchor::after{ position: absolute; right: 0; top: 50%; width: 28px; height: 28px; line-height: 28px; text-align: center; content: "\e804"; font-family: 'Simple-Line-Icons-Pro'; margin-top: -14px; font-size: 14px; transition: all .2s ease; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { border: 0px; color: #0096ff; font-weight: normal;} .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::after{ -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #0096ff; } #rTabs { border-top: 0px solid #e9e9e9; margin-bottom: 30px;} .addToCartBlock .qtybox-addcart .addWishlist .btn { background: none; border: 1px solid #333; color: #333;} .addToCartBlock .qtybox-addcart .addWishlist .btn:hover{ background: #0096ff; border: 1px solid #0096ff; color: #fff;} .createFirstReview .btn { border: 0px; padding: 0px; background: none; font-size: 14px; margin-left: 5px; color: #333; text-transform: none;} .createFirstReview .btn:hover{background: none; border: 0px; color:#0096ff; padding: 0px; font-size: 14px;} .product_availability #availability { background: #000; border-radius: 2px; padding: 3px 10px; color: #fff;} .availabilityInfo .freeshippingblock { background: #fff; color: #fff; border: 0px solid #333; font-style: normal; padding: 3px 10px 4px; font-size: 12px; border-radius: 2px;} .createFirstReview { border-left: 1px solid #e9e9e9; margin-left: 10px; padding-left:10px;} .createReviewLink .btn.accent-bg-color { background: none; border: 0px; color: #000; padding: 0px; margin-left: 15px; font-size: 12px; text-transform: none;} .createReviewLink .btn.accent-bg-color:hover { font-size: 12px; padding: 0px; color:#0096ff;} .createReviewLink .btn.accent-bg-color .icon-star { display: none;} #imagecaptiont { margin: 0px; line-height: 20px;} #divOptionsBlock .dropdown-image {text-align: center; height: auto;} #divOptionsBlock .dropdown-image img { display:inline-block; vertical-align: middle;} #listing0 .quantityBlock a:hover { color: #0096ff;} .addGiftRegistry { margin-left: 0px;} #divOptionsBlock .radio-format .radio-option img { border-right: 1px solid #e9e9e9;} #divOptionsBlock .textlimit-text { margin-left: 0px; padding-top: 5px;} .opt-field input[type="text"] { border: 1px solid #e9e9e9; height: 30px; min-width: 50px; padding: 5px 10px; border-radius: 0px; -webkit-appearance: none;} #divOptionsBlock .opt-field input[type="file"] { border: 1px solid #e9e9e9; border-radius: 0px;} #divGiftWrap { width: 100%;} #category #featureBlock { clear: both;} #availability { display: block;} #listing0 .addl-images ul li { display: table; width: 100%;} .owl-carousel .owl-item li.prod-thumb, #listing0 .addl-images ul li { display: block; float: left; max-width: 100px;} #rTabs h1, #rTabs h2, #rTabs h3, #rTabs h4, #rTabs h5, #rTabs h6 { float: none; margin: 0px;} #rTabs h2 { font-size: 22px;} .product-main-arrow { position: relative;} .product-main-arrow .prev-prod, .product-main-arrow .next-prod { float: none; position: absolute; right: 0; top:-40px; width: 70px; line-height: 30px;} .product-main-arrow .prev-prod { right:70px;} #listing0 .prev-prod img, #listing0 .next-prod img { float: left; margin-right: 5px;} #listing0 .item h1, #listing0 .item h2, #listing0 .item h3, #listing0 .item h4, #listing0 .item h5, #listing0 .item h6 { text-transform: none;} #listing0 .addl-images { padding: 0;} #listing0 .breadcrumbs { padding-right: 150px;} #listing0 .product-desc { margin-bottom: 10px; } #listing0 #showQtyTable i { display: none; } /* Brand page css */ #manufacturerIndex { min-height: 250px;} #manufacturerIndex .mfg-name a { color: #333;} #manufacturerIndex .mfg-name a:hover {color: #0096ff;} #manufacturerIndex .manufacturer-index { padding-left: 0px; } #extrapage .content { padding-top: 10px;} /* Cart page css */ .titles2 { background:none; border-bottom: 1px solid #e9e9e9; } #viewCart .header { border-bottom:0px dotted #ddd; padding-bottom:10px; margin-bottom:20px;} #viewCart h3 { font-family: 'Roboto', sans-serif; color:#262b32; } #viewCart .shipQuote .shipquote-msg, #viewCart .applyCoupon .coupon-msg { padding-top:15px; color:#818181;} #viewCart .applyCoupon, #viewCart .shipQuote { padding:0; background:none; width:49%;} #viewCart .shoppingCartTotal .item-total { width:15%;} #viewCart .item-remove i { font-size:12px; background:#f2f2f2; border-radius:50%; color:#000; padding:3px 2px;} #viewCart .item-remove i:hover { background:#0096ff; color:#fff;} #viewCart .giftwraplink a { color:#0096ff; font-size:11px;} #viewCart .product-image { border:0px solid #f0e9e0; height:auto; width:auto; } #viewCart .product-image img { display:block; margin:0 auto; max-width:100%; height:auto;} #viewCart .item-remove { float:right;} #viewCart .shoppingCartTotal div { padding-right:5px;} #viewCart .item-price, #viewCart .item-total { text-align:right;} #viewCart .shoppingCartTotal .item-total { width:10%;} #viewCart .page_headers { float: none; background: none; font-size: 24px; margin: 0 0 20px; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; text-transform: uppercase; text-align: center; font-weight: 300;} #viewCart .shoppingCartItems .row:nth-child(2n) { background: none; padding: 0px; border-bottom: 1px solid #e9e9e9; padding: 20px 0;} #viewCart .shoppingCartItems .row { padding: 20px 0; border-bottom: 1px solid #e9e9e9;} #viewCart .product-name-options { width: 60%; padding-left: 20px;} #viewCart .product-name-options a{ font-size: 15px; font-family: 'Roboto', sans-serif; color:#262b32;} #viewCart .product-name-options a:hover { color: #0096ff;} #itemsBlock .products-header, .titles {font-size: 18px; font-weight: 300;} #category #itemsBlock .products-header { border-bottom: 0px solid #e9e9e9; padding-top: 0px; text-transform: uppercase; float:left;} #viewCart .shoppingCartItems .titles2 { text-transform: uppercase;} #category #itemsBlock .cat-title { clear: both; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px;} #viewCart .third-party-payment { margin-bottom: 30px;} #viewCart h2.header-specials { margin-bottom: 0px;} #search #itemsBlock .sort-by { min-width: 20px;} #search #itemsBlock .products-header { padding-bottom: 15px;} /* cart page css */ #viewCart .shipQuoteInt { background:none; padding:0; width: 49%;} #viewCart .shipQuoteInt .shipquoteint-msg { float:none; clear:both; text-align:right; padding-top:10px;} #viewCart .shipQuoteInt div.selector { max-width:130px; float:left; margin-right:10px; min-width:130px;} #viewCart .shipQuoteInt #calculate_shipping_zip { margin-right:10px;} #viewCart .item-price, #viewCart .item-total { text-align:right;} #viewCart .shipQuoteInt .btn, #viewCart .shipQuoteInt .btn:hover, #viewCart .shipQuoteInt .btn_over { padding:9px 10px;} #viewCart .chkamazon-button { margin:4px 0;} #viewCart .shipQuoteInt .shipquoteint-action { margin-right: 0px;} #viewCart .shipQuoteInt .btn, #viewCart .shipQuoteInt .btn:hover, #viewCart .shipQuoteInt .btn_over { padding: 7px 10px;} #viewCart .shipQuoteInt .shipquoteint-location { width: 82%; float: left;} #viewCart .shipQuoteInt .shipquoteint-location select { width: 36%;} .customGateway .payment-type { background:#f5f5f5; } #divPaymentMethods { padding: 10px 0;} /*Checkout page css */ #checkoutSinglePage h3 { font-family: 'Roboto', sans-serif; color:#262b32;} #checkoutSinglePage .header { border-bottom:1px solid #e9e9e9;} .chkComments textarea { min-height:90px;} #checkoutStep4 .steps.right { float:left; font-size:14px; color:#444;} .steps_on { color:#0096ff; font-size:10px;} #checkoutThankYou h1 { font-family: 'Roboto', sans-serif; color:#333; text-align: center;} #checkoutThankYou h2 { font-family: 'Roboto', sans-serif; color:#0096ff; text-align: center; } #checkoutThankYou .section-1, #checkoutThankYou .section-2, #checkoutThankYou .last-section { width:100%; text-align: center;} #checkoutThankYou .section-1 i { color:#0096ff; display: block; float: none; text-align: center;} #checkoutThankYou .section-1 i::before {width: auto; float: none;} #checkoutThankYou .section-2 i { float: none; display: block; text-align: center; color: #0096ff; margin: 0px;} #checkoutThankYou .section-2 i::before {width: auto; float: none;} .sameAsBilling1, .chkField .checkbox-format { background:#f3f0f0;} #checkoutSinglePage div.selector { min-width:277px; float:left;} #checkoutSinglePage .overlay { z-index:1;} #checkoutThankYou .section-2 a { color:#0096ff; } #checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select { width:47.5%;} #checkoutSinglePagev2 .chkFullWidth input { width:97%;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector, #checkoutSinglePagev2 #shipping_info div.selector { min-width:220px; max-width:220px;} #checkoutSinglePagev2 #billing_info #billing_info2 div.selector select, #checkoutSinglePagev2 #shipping_info div.selector select { width:100%;} #checkoutSinglePagev2 .customGateway .cust-input { text-align:left;} #divPaymentMethods .ccgField label { text-align:left; } #checkoutSinglePagev2 .ccGateway .ccgField img, .ccGateway .ccgField img, #divPaymentMethods .ccgField img { float:left;} #divPaymentMethods .ccgField div.selector { float: left; margin-right: 5px; min-width: 95px; } .chkField .checkbox-format label { font-size:12px;} .steps_on, .steps { font-size: 14px; font-weight: 300;} .chkShoppingCart .row:nth-child(2n) { padding: 15px 0; background: none; border-bottom: 1px solid #e9e9e9;} .chkShoppingCart .row { padding: 15px 0; border-bottom: 1px solid #e9e9e9; } .sameAsBilling1, .chkField .checkbox-format { background: none; padding: 0px;} .loginmessage { font-size: 16px; color: #333; font-family: 'Roboto', sans-serif;} .account_login { padding: 0px;} #checkoutStep2 .rightCol .shippingInfo p { font-weight: 300; font-size: 14px; line-height: 20px; color: #333;} #checkoutStep2 .rightCol .shippingInfo p strong { font-weight: normal; color: #000; margin-bottom: 10px;} .chkShoppingCart .product-image span { width: 70%;} #checkoutStep2 h3 { font-size: 20px; font-weight: normal;} #divBillingInfo {padding: 10px 0;} #checkoutStep3 .button { padding: 0px;} #checkoutStep3 .chkField label { float: none; width: auto; text-align: left; display: block;} #checkoutStep3 .chkField input { float: none; clear: both;} #checkoutStep1 .button .icon-btn, #checkoutStep2 .button .icon-btn, #checkoutStep3 .chkShoppingCart .button .icon-btn { padding-right: 0px; margin-top: 10px;} .total_cart-shipping { margin-top: 5px;} #checkoutStep3 h3 { font-weight: 400;} #checkoutStep3 .header { border-bottom: 1px solid #e9e9e9;} #divPayment h4 { background: none; padding: 0px;} .ppExpress .ppe-radio { margin: 0 10px 0 0;} #checkoutThankYou h1 { text-align: center; font-weight: 300; border-bottom: 1px solid #e9e9e9;} #checkoutThankYou .section-2 p, #checkoutThankYou .section-1 p { float: none; width: 100%;} #checkoutStep1 .chkField { clear: both;} #checkoutStep1 .chkField .checkbox-format label, #checkoutStep1 #rowAddAddress label { padding-left: 256px;} #checkoutStep1 #divCheckoutButton { padding-left: 265px;} #checkoutStep1 #rowAddAddress { margin-bottom: 20px; padding-bottom: 10px;} #checkoutStep1 #rowAddAddress label { width: auto; line-height: 15px;} #checkoutStep1 #rowAddAddress label strong { font-weight: normal;} #checkoutStep2 .chkShoppingCart { padding: 0px;} #checkoutStep2 .button { padding-left: 0px;} #checkoutStep2 .shippingInfo { padding: 0px;} #category #itemsBlock .products-header { clear: both;} #checkoutSinglePagev2 .header { border-bottom: 1px solid #e9e9e9;} /*Contact page css */ body.contactpage #leftBar, body.contactpage #rightBar { display: none;} #contactUs h3 { font-family: 'Roboto', sans-serif; color:#262b32; } #contactUs .header { border-bottom:1px dotted #b3b3b3;} #contactUs .storeInfo { width:250px; float:right;} #contactUs .crmForm { background: none; border: 0px dotted #ddd; float: left; margin-top: 30px; padding: 0px;} .txtBoxStyle { border:1px solid #e9e9e9; font-size:13px; color:#818181; font-family: 'Roboto', sans-serif; height:34px;} div.selector { border:1px solid #e9e9e9; font-size:13px; color:#818181; font-family: 'Roboto', sans-serif; height:34px; padding-left:10px; } .crmForm #divSubmitButton { margin:15px 0;} .btn { padding:9px 20px;} .btn:hover, .btn_over { padding:9px 20px; } .icon-btn.icon-btn-geopin { color:#333;} .icon-btn.icon-btn-geopin:hover { color:#0096ff;} .crmTicketStatus { padding:10px 0;} .crmField textarea { width:82%;} #contactUs .crmField textarea { width:85%;} body.contactpage #mainContent { width: 100% !important; max-width: 100%;} body.contactpage h1.page_headers { margin: 0 0 20px; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; text-transform: uppercase; text-align: center; font-weight: 300;} body.contactpage .crmField { width: 50%; float: left; padding: 0 10px; margin-bottom: 15px;} body.contactpage .crmField label { float: none; width: 100%; display: block; font-size: 13px;} body.contactpage .crmField label span { color: #fe0a0a;} body.contactpage .crmField input { float: none; width: 100%; border: 1px solid #e9e9e9; line-height: 18px; padding: 10px 15px; height: auto; color: #333;} body.contactpage .crmField.textarea-panel { clear: both; float: none; width: 100%;} #contactUs .crmField textarea { width: 100%; resize: none; min-height: 150px;} .crmForm #divSubmitButton { text-align: center; margin-top: 25px;} #updateAccount .updaccField .mailist-chk { margin-top:3px;} #error { background-position: center;} .crmField textarea { padding: 10px;} #crm .header { border-bottom: 1px solid #e9e9e9;} .crmTicketInfo { border-bottom: 1px solid #e9e9e9;} /* enable left and right bar css*/ #mainContent.SidebarWidth #contactUs .storeInfo { width:100%;} #mainContent.SidebarWidth #contactUs .crmForm { width:100%; margin: 0 -10px; padding: 0px;} /*Extra page css */ #extrapage table, #category table { border-collapse: collapse; border:1px solid #0096ff;} #extrapage table th, #category table th { font-size:14px; color:#262b32;} #extrapage table th, #extrapage table td, #category table th, #category table td { padding:10px; border:1px solid #e9e9e9; } #extrapage table td, #category table td { font-size:13px; color:#818181;} #extrapage .content h1, #extrapage .content h2, #extrapage .content h3, #extrapage .content h4, #extrapage .content h5, #extrapage .content h6 { text-transform: none;} /* Blog page css */ #blog { padding-top:20px;} #blog .blog-info, #blog article.blog-body { font-size:13px; color:#818181;} #blog .blog-info { color:#a9afb4; font-size:12px;} #blog h1 a { color:#262b32; text-transform:uppercase;} #blog h1 a:hover { color:#0096ff;} #blog .blog-info a { color:#0096ff;} #blog .blogNav { background:none;} #blog .blog-home.button { padding:0px;} #blog .blogNav ul { padding:0; margin-left: 20px; margin-bottom: 30px;} #blog .blogNav li { background:none; padding:0px;} #blog .blogNav li a { font-family: 'Roboto', sans-serif; color:#a9afb4; } #blog .blogNav li a:hover { color:#0096ff; } #blog .blog-readmore a.icon-btn.icon-btn-rightover { color:#0096ff; font-size:12px; } #blog .blog-readmore a.icon-btn.icon-btn-rightover:hover { background:#0096ff; color:#fff; border:1px solid #0096ff;} #blog .blogPost img { max-width:100%; height:auto;} #blog .blogNav li a { color: #000;} #blog .blogPost { width: 76%;} /*Affiliate page css */ #registerAffiliate .regAffiliate { margin:30px 0px; background: #f6f5f2; border: 1px dotted #ddd; padding:20px;} .affField textarea { border:1px solid #0096ff; font-size:13px; color:#818181; font-family: 'Roboto', sans-serif; padding:10px; resize:none;} /*Wishlist page css */ #viewWishlistPublic h1 { float:left;} #addtoWishlist h1, #recommendAFriend h1, #recommendAFriend p { font-family: 'Roboto', sans-serif;} #addtoWishlist .add-wishlist-prod-name, .wishlistField label, #addtoWishlist .wishlistField select, #addtoWishlist .wishlistField input[type="text"], .recomField label { font-family: 'Roboto', sans-serif; } #addtoWishlist .addwishlist-submit-button button .btn, .btn, #recommendAFriend .recommend-submit-button .btn { border:1px solid #0096ff; color:#fff; background:#0096ff; font-family: 'Roboto', sans-serif; padding: 7px 15px;} #addtoWishlist .addwishlist-submit-button button .btn:hover, #addtoWishlist .addwishlist-submit-button button .btn_over, .btn:hover, .btn_over, #recommendAFriend .recommend-submit-button .btn:hover, #recommendAFriend .recommend-submit-button .btn_over { background: #fff; color: #0096ff; border-radius: 0px; border:1px solid #0096ff; font-size: 14px; padding: 7px 15px;} #viewWishlist .wl-quantity a { font-size:12px; color:#333;} #viewWishlist .wl-quantity a:hover { font-size:12px; color:#0096ff;} .reviewField textarea, .recomField input[type="text"], .recomField textarea { border:1px solid #e9e9e9; font-family: 'Roboto', sans-serif;} .topsellers_topitem .name a.link { font-size:14px; padding-top:10px; color:#262b32;} .topsellers_topitem .name a.link:hover { color:#0096ff;} .giftreg-productList .row { padding-top: 10px;} #giftregistryDelete h1 { font-weight: 400; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; padding-bottom: 5px;} /* Account pages css */ #crmRequest h1, #updateAccount h1, #addresses h1, #addAddresses h1, #viewWishlist h1, #gcView h1, #orderHistory h1, #crm h1, #giftregistryEdit h1 { font-family: 'Roboto', sans-serif;} #loginAccount .beta-col, #loginAccount .alpha-col { padding:20px; background:none; border:1px solid #e9e9e9; margin-top:20px; min-height:331px; } #loginAccount h3 { font-family: 'Roboto', sans-serif; color:#262b32;} #loginAccount .createNewAccount, #loginAccount .myaccountLogin { padding:5px 0 10px; color:#818181;} #loginAccount .createNewAccount p, #loginAccount .myaccountLogin p { color:#818181;} #loginAccount .createNewAccount p { padding-bottom:30px;} #registration0 h3, #myaccount h3, #updateAccount h3, #giftregistryEdit h3, #orderHistoryView h3, #crm h3 { font-family: 'Roboto Condensed', sans-serif; color:#262b32; text-transform: none; margin-top: 20px; text-transform: uppercase; font-size: 16px;} #giftregistryEdit .header, #loginAccount .header { border-bottom:0px dotted #b3b3b3;} #loginAccount .header { margin-top:0px;} .loginField textarea { border:1px solid #e9e9e9; padding: 10px; font-size: 14px;} #registration0 .header { border-bottom:1px solid #e9e9e9;} .loginField label { width:110px;} #registration0 .submit-button { margin-left:110px;} #message h1, #error h1 { font-family: 'Roboto', sans-serif; border-bottom:1px solid #e9e9e9;} #error .notice { padding: 15px 0;} #message .notice { margin:15px 0;} .accountInfo h4 { font-size:12px;} .icon-btn { font-size:12px;} .giftCertificates .check-balance-go { margin-top:0px;} .viewAddress .changeRemove button { padding:9px 10px;} #crmRequest #uniform-departmentid { max-width:100%;} body.addAddresses aside#rightBar { display:none;} #modTopSellers .name { padding:10px 0;} aside .module .price2 { padding-bottom:10px;} .SidebarWidth #crmRequest .crmField textarea { width:85%;} .SidebarWidth #crmRequest .submit-request-button { margin-left:0px;} #updateAccount .updaccField select { width:100%;} #updateAccount div.selector { max-width:550px;} #crmRequest #uniform-departmentid { max-width:85%; clear:none;} #loginAccount h1, #registration0 h1, #myaccount h1, #addAddresses h1, #crmRequest h1, #orderHistory h1, #giftregistryEdit h1, #giftregistryView h1, #manufacturerIndex .page_headers { text-align: center; font-size: 24px; margin: 0 0 20px; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; text-transform: uppercase; text-align: center; font-weight: 300;} .account-main {max-width: 1150px; margin: 0 auto; width: 100%;} .accountInfo h4 { width: 20%;} .item { font-weight: 500; color: #0096ff;} .trackOrders .row td .button { float: right;} section table th { font-size: 14px;} section table th.odetails { text-align: right; padding-right: 10px;} .trackOrders .row:nth-child(2n), .savedOrders .row:nth-child(2n) { background: none;} .trackOrders .row td, .savedOrders .row td, .addressBook .row td, .crmRequests .row td { font-size: 14px; padding: 15px 0;} .trackOrders .row, .savedOrders .row, .addressBook .row, .crmRequests .row { border-bottom: 1px solid #e9e9e9; } section table th.crm-lastact { text-align: right; padding-right: 0px; } .crmRequests .row td.crm-lastact { text-align: right;} .giftCertificates .row .left { font-size: 14px;} .giftCertificates .check-balance, .giftCertificates .verification { font-size: 14px; font-weight: 500px; width: 220px;} .giftCertificates .check-balance-go { margin-top: 20px; clear: both; float: none;} .giftCertificates label { display: block; padding-top: 10px;} #loginAccount .createNewAccount .create-account-button { float: none;} section table th { padding-left: 0px;} #addAddresses .frmField.state-field > span { display: none;} #gcView .button { margin-top: -30px;} #registration0 .PasswordMSG { width: 50%; float: left; padding: 0 10px; margin: 0px;} #divGiftwrapMsg textarea {padding: 10px; border-radius: 0px; -webkit-appearance: none;} .crmTicketInfo .label { width: 30%;} .crmTicketInfo .text { width: 70%;} .crmField .files { margin-left: 85px;} .crmTicketStatus .row td { padding: 10px 0;} /* reset password page */ #resetpass .header h3 { display: none;} #resetpass .resetPassword { margin: 0; padding: 15px 0;} #resetpass .submit-button { margin-left: 0px;} #resetpass .strong-pass-bar { margin: 0 0 15px 0;} /* update account page css */ body.updateAccountpage #leftBar, body.updateAccountpage #rightBar { display: none;} body.updateAccountpage #mainContent { width: 100% !important; float: none; clear: both;} body.updateAccountpage .icon-btn-prev, body.addressespage .icon-btn-prev, body.addAddressespage .icon-btn-prev, body.crmRequestpage .icon-btn-prev, #viewWishlist .button .icon-btn-prev, #orderHistory .button .icon-btn-prev, #giftregistryView .button .icon-btn-prev { background: #0096ff; color: #fff; padding: 7px 15px; border: 1px solid #0096ff; text-transform: uppercase; font-weight: 500; margin-top: 15px;} body.updateAccountpage .icon-btn-prev:hover, body.addressespage .icon-btn-prev:hover, body.addAddressespage .icon-btn-prev:hover, body.crmRequestpage .icon-btn-prev:hover, #viewWishlist .button .icon-btn-prev:hover, #orderHistory .button .icon-btn-prev:hover, #giftregistryView .button .icon-btn-prev:hover { background: #fff; border: 1px solid #0096ff; color: #0096ff; } #updateAccount .updaccField, #addAddresses .frmField, body.crmRequestpage .crmField { float: left; width: 50%; padding: 0 15px; margin: 0 0 20px;} #updateAccount .updaccField label, #addAddresses .frmField label, body.crmRequestpage .crmField label { float: none; display: block; width: 100%; text-align: left;} #updateAccount .updaccField input, #addAddresses .frmField input, body.crmRequestpage .crmField input { width: 100%;} #updateAccount div.selector { max-width: 100%;} #updateAccount .loginInfo { padding: 0px;} #updateAccount .error { width: 100%; max-width: 100%;} #updateAccount .updaccField .txtBoxStyle { height: 40px;} #updateAccount .updaccField .mailist-chk { width: auto;} #addAddresses .back-add-address-button { clear: both; text-align: center;} #addAddresses .frmField input#shipping_zip { max-width: 200px;} #addAddresses h1 { float: none;} #addAddresses .button, #orderHistory .button { margin-top: 0px;} #addAddresses .frmField input, #addAddresses .frmField select { width: 100%;} #addAddresses div.selector { max-width: 100%; width: 100%;} #addAddresses .frmField label span { color: #fa0808;} .invoiceTable .titles2 { padding: 10px 0px; border-bottom: 1px solid #e9e9e9;} .invoiceTable .row { padding: 10px 0; border-bottom:1px solid #e9e9e9;} #viewWishlist .button { float: left; margin: 0px; padding-left: 0px;} #updateAccount .main-section { margin: 0 -15px;} .selector span { height: 35px; line-height: 33px;} .giftregField input#txtRegPassword { min-width: 250px;} .giftregistryeditInfo .messageinstructions { margin-left: 0px; float: none; clear: both;} /* request page css */ body.crmRequestpage #leftBar, body.crmRequestpage #rightBar { display: none;} body.crmRequestpage #mainContent { width: 100% !important; float: none; clear: both;} #crmRequest h1 { float: none;} #crmRequest .button { margin-top: 0px;} body.crmRequestpage .crmField.textareapan { float: none; clear: both; width: 100%;} body.crmRequestpage .crmRequestForm { margin: 0 auto;} #crmRequest .form-panel { margin: 0 -15px;} .SidebarWidth #crmRequest .submit-request-button { text-align: center;} .SidebarWidth #crmRequest .crmField textarea { width: 100%;} .top-menu ul { margin-right: 0px;} .customerInfoBlock .left-col .invoice-logo { display: none;} body.crmRequestpage .crmRequestForm { padding: 0px;} .icon-btn-refresh { text-transform: capitalize;} .addToCartBlock .qtybox-addcart select, #quickView .addToCartBlock select { -webkit-appearance:none; float: left; width: 70px; height: 31px; margin: 6px 15px 0 0; padding: 5px; background: url(../images/sel2.png) no-repeat right center; -moz-appearance: none; border: 1px solid #e9e9e9;} #divOptionsBlock select, .sort-by select, .crmField select, #addAddresses .frmField select, #registration0 .loginField select, #updateAccount .updaccField select { -webkit-appearance:none; background: url(../images/sel2.png) no-repeat right center; -moz-appearance: none; border: 1px solid #e9e9e9;} .sort-by select { min-height: 22px; min-width: 150px; padding: 3px 20px 3px 3px;} .crmField select { width: 100%; height: 34px;} #addAddresses .back-add-address-button { margin-left: 0px;} #viewWishlistLists .button { padding-left: 0px;} .gcBalance .row td { padding: 5px 2px;} #gcBalance .gcCheckBalance { width: 100%;} .gcField input { display: block; clear: both; float: none;} #gcBalance .gcCheckBalance { padding: 20px 0px;} .gcCheckBalance .check-balance-button { margin-left: 0px;} #viewWishlistLists .row .txtBoxStyle { margin-right: 10px; height: 25px; position: relative; margin-top: -2px;} #feedPage0 .header { margin-top: 10px;} #divCart .row { padding-top: 10px;} .sameAsBilling1 { padding-top: 5px;} .chk-questions-section label { padding-bottom: 15px;} .chk-questions-section label.radio { padding-bottom: 0px;} #checkoutSinglePagev2 .strong-pass-bar { margin-left: 0px;} #checkoutSinglePagev2 .beta-col { padding-top: 0px;} .giftreg-purchasedList .view-items { padding: 10px 0;} ul#desktopMenu li ul li.ActivePage a { color: #0096ff;} /* address page css */ body.addressespage #leftBar, body.addressespage #rightBar, body.addAddressespage #leftBar, body.addAddressespage #rightBar, body.orderHistorypage #rightBar, body.orderHistorypage #leftBar { display: none;} body.addressespage #mainContent, body.addAddressespage #mainContent, body.orderHistorypage #mainContent { width: 100% !important; float: none; clear: both; max-width: 100%;} #addresses h2 { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-transform: none;} #addresses .viewAddress { border: 1px solid #e9e9e9; margin: 10px 2% 10px 0; padding:0 10px; width: 23%;} #addresses .viewAddress h3 { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; padding-top:10px;} .viewAddress .changeRemove button { padding: 7px 15px; font-size: 12px; background: #fff; color:#0096ff; border:1px solid #0096ff; margin-bottom: 15px;} .viewAddress .changeRemove button:hover { background: #0096ff; color: #fff;} #addresses .icon-btn-add { border:1px solid #333; color: #333; padding: 7px 15px; background: #fff; text-transform: uppercase;} #addresses .icon-btn-add:hover { background: #0096ff; color: #fff; border:1px solid #0096ff;} #addAddresses .addUpdateAddress { margin: 15px -15px; padding: 0px;} #divOptionsBlock .textlimit-textarea { margin-left: 0px;} #divOptionsBlock .opt-field input[type="file"] { -webkit-appearance: none;} /*Gift registry page css */ #giftregistryView h1 { float: none;} #giftregistryView .header { border-bottom:1px solid #e9e9e9; } #giftregistryEdit textarea { font-size:13px; color:#818181; font-family: 'Roboto', sans-serif; padding:10px; resize:none;} #giftregistryEdit .button .icon-btn-next:hover { color:#0096ff;} .giftreg-productList .row .view-actions input { font-size:12px; padding:5px 10px;} #uniform-drpRegYear { min-width:90px;} #uniform-drpRegDay { min-width:65px;} #uniform-drpRegMonth { min-width:120px;} #divSelectedAddress p a, .viewAddress p a { color:#000;} #giftregistryEdit h3 { float: none;} .giftregistryYourInfo { border: 1px solid #e9e9e9; background: #f2f2f2;} #giftregistryEdit .label { padding: 5px 0; font-weight: bold;} #giftregistryEdit .text { padding: 5px 0;} #giftregistryView .button .icon-btn-prev { margin-top: 0px;} .giftregistryProducts .view-productlist-button { float: none;} .giftregistrySendEmails .send-email-button {text-align: left;} .giftregistryGiftInfo .giftreg-url .text { background: none;} #affiliate .page_headers { padding-bottom: 10px;} #affiliateHeader { padding-bottom: 20px;} #affiliateFooter { margin: 10px} /*Wishlist login page*/ #wishlistPrelogin .page_headers {text-align: center; font-size: 24px; margin: 0 0 20px; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; text-transform: uppercase; text-align: center; font-weight: 300;} #wishlistPrelogin #loginAccount h1 { display: none;} #wishlistPreloginHeader { text-align: center; font-size: 16px;} /*Wishlist login page */ #wishlistPrelogin #loginAccount .alpha-col, #wishlistPrelogin #loginAccount .beta-col { width:50%; float: left;} #viewWishlist .add-item .btn { font-size: 9px; padding:5px 10px;} #viewWishlist .add-item .btn:hover, #viewWishlist .add-item .btn_over { font-size: 9px; padding:5px 10px; } #viewWishlist .wl-total, #viewWishlist .wl-price { width:12%; font-size:12px;} #viewWishlist .wl-details { width:15%; font-size:12px;} #viewWishlist .wl-items .name a { font-size:12px;} #viewWishlist .wl-quantity .txtBoxStyle { height:30px;} #viewWishlist .wishlistView .remove-item i { font-size:9px; background:#0096ff; border-radius:50%; color:#fff; padding:1px;} #viewWishlist .wishlistView .remove-item i:hover { background:#000;} #wishlistPrelogin #loginAccount .beta-col { border-left: 0px;} #wishlistPrelogin #loginAccount .createNewAccount .create-account-button { float: none; text-align: center;} #wishlistPrelogin #loginAccount .createNewAccount .fbconnect { float: none; text-align: center;} .left.public-wishlist-url { float: none; clear: both;} #viewWishlist .public-wishlist-url { background: #f5f5f5; padding: 8px 10px; border: 1px solid #e5e5e5;} #viewWishlist .wl-details { float: right;} #viewWishlist .wl-details .add-item { float: right;} /* Create account page css */ body.createaccount #leftBar { display: none;} body.createaccount #rightBar { display: none;} body.createaccount #mainContent { float: none; width: 100% !important;} .register-main { max-width: 1100px; width: 100%; margin: 0 auto;} body.createaccount .loginField input { width: 100%;} #registration0 div.selector { /* max-width: 300px; width: 100%; min-width: 150px; */ max-width: 95%;} body.createaccount .loginField { width: 50%; float: left; padding: 0 10px; margin: 0 0 20px;} body.createaccount .loginField label { float: none; display: block; width: 100%;} body.createaccount .loginField.comment-pan { width: 100%; clear: both; float: none; } .loginField textarea { width: 100%;} #registration0 .accountRegForm { padding: 0px; } #registration0 .header { margin: 15px 10px;} #registration0 .accountRegForm.captchapan { padding: 0 10px;} #registration0 .submit-button { margin: 20px 0 15px; text-align: center;} #registration0 .error-img {margin-left: 0px; color: #fa0404; padding-right: 2px;} #thankyou strong { color:#333;} #myaccount .username { margin-top: 0px;} #registration0 .loginField select { width: 100%;} /* Order history page css */ #orderHistory table th.oaction { text-align: right;} #orderHistory table td.oreorder .button { float: right;} #orderHistory table td.oreorder .button .icon-btn { padding-right: 0px;} #orderHistory .row { border-top: 1px solid #e9e9e9; padding: 10px 0;} #orderHistory table td { padding-top: 10px; padding-bottom: 10px;} #orderHistory .message { box-shadow: none; border-top: 0px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;} #orderHistory .button { float: none; margin-top:0px; text-align: center;} #orderHistory .button .icon-btn { display: inline-block;} #orderHistory table th { padding-left: 0px;} #orderHistory table th.odetails { padding-right: 0px; text-align: center;} #viewWishlist .row:nth-child(2n), .giftreg-productList .row:nth-child(2n) { background: #fff;} #viewWishlist .row { padding-bottom: 0px;} .error-img { color: #c9050a; padding-right: 2px;} .giftreg-productList .titles2 { font-size: 14px; padding: 10px 0;} .giftreg-purchasedList .view-emptypurchasedlist { padding: 10px 0;} .giftreg-productList .row .view-actions input { margin-top:0px;} .giftreg-productList .row .view-received, .giftreg-productList .row .view-price, .giftreg-productList .row .view-subtotal, .giftreg-productList .row .view-desired { line-height: normal;} /*Blog page css */ #blog .blogPost .post_image-container { float: left; margin-top: 5px; margin-right: 34px; max-width: 50%;} #blog .blog-readmore a.icon-btn.icon-btn-rightover { background:#fff; border: 1px solid #0096ff; color: #0096ff; padding: 5px 15px; display: inline-block;} #blog .blog-readmore { float: none; padding-top: 20px;} #blog article.blog-body { font-size: 14px; line-height: 20px; color: #333;} #blog h1, #blog h2 { border-bottom: 1px solid #e9e9e9;} #blog h1 a, #blog h2 { text-transform: capitalize; font-size:20px;} #blog .blog-info { color: #999;} #blog h2 { font-weight: normal;} #blog .blogAddComments input[type="submit"] { margin-left: 0px;} #blog .blog-home.button .icon-btn-home { display: inline-block; background: #0096ff; font-size: 16px; padding: 7px 20px; color: #fff; border: 1px solid #0096ff;} #blog .blog-home.button .icon-btn-home:hover { background: #fff; color:#0096ff; } #blog .blogNav { border-left: 1px solid #e9e9e9; margin-left: 0px; padding-left: 20px;} #helppopup h3 { line-height: 20px; font-size: 15px; padding-bottom: 5px;} /* Search page css */ aside#rightBar { background:none;} #modTopSellers .item-panel, #modNewReleases .item-panel { padding:0px;} .topsellers_topitem .img { border:1px solid #faf7f4;} .topsellers_topitem .top-sellers-star { background:#0096ff; font-size:16px; width:35px; height:35px; line-height:35px; font-weight: 400;} .top-sellers-star { background:#0096ff; font-size:14px;} aside .module .img { border:1px solid #e8e0d7;} .topsellers_topitem .img img { max-height:100%; display:block; margin:0 auto;} #searchGroup .page_headers { margin-bottom:10px;} #modTopSellers .item-panel { margin: 0px;} #modTopSellers .item-panel .topseller { width: 100%; margin: 0px 0 10px;} aside .module .topseller .img img { max-width: 100%; max-height: 100%;} .topsellers_topitem { margin-left: 0px;} aside .module .img { border: 0px;} .topsellers_topitem, .top-seller { padding: 10px; border: 1px solid #e9e9e9;} .topsellers_topitem { margin-bottom: 30px;} .top-seller { margin-top: 15px;} aside .module .top-seller .img { width: 40%; float: left;} aside .module .top-seller .info { width: 60%; float: left; padding-left: 10px; text-align: left;} aside #modTopSellers .top-seller .info .name { text-align: left; } aside .module .top-seller .info .stars { text-align: left; } aside .module .top-seller .info .price2 { text-align: left; } #modTopSellers { margin-bottom: 20px;} /* footer services panel css */ .footer-service-wrap { background: #f2f2f2;} .align-center { text-align: center;} .footer-service-wrap .footer-service-wrap-inner { vertical-align: middle; display: inline-block;} .footer-service-wrap .footer-service-wrap-inner .column-item { text-align: center; float: left; width: 359px; padding: 20px 0;} .footer-service-wrap .footer-service-wrap-inner .column-item .footer-banner-item { border-left: 1px solid #e9e9e9;} .footer-service-wrap .footer-service-wrap-inner .column-item:first-child .footer-banner-item { border-left: none;} .footer-banner-img { margin-right: 10px; max-width: 35px; } .footer-banner-detail, .footer-banner-img { color: #666; vertical-align: middle; display: inline-block;} .footer-banner-detail p { margin: 0; font-size: 15px; text-transform: uppercase;} .mailist-box .mail-title { float: left;} .footer-banner-detail span { font-size: 14px; font-weight: 300;} /* Instagram scss */ .product-item .on-sale span { font-size: 10px; text-transform: uppercase;} .insta-panel { clear: both; display: none;} .insta-panel h2 { font-size: 24px; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; text-align: center; margin-bottom: 20px; text-transform: none;} .insta-panel h2 span { font-size: 20px;} .homePage .insta-panel { display: block;} .insta-block .insta-item a::after { top: 10px; left: 10px; right: 10px; bottom: 10px; content: ""; position: absolute; opacity: 0; background: linear-gradient(315deg,#6154c6 0,#db3683 100%); transition: all .4s ease 0s;} .insta-block .insta-item a::before { position: absolute; content: "\eccd"; font-family: 'Simple-Line-Icons-Pro'; color: #fff; height: 40px; width: 40px; line-height: 40px; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; z-index: 5; font-size: 40px; opacity: 0; transition: all .4s ease 0s; } .insta-block .insta-item a img { display: inline-block; width: 100%;} .insta-block .insta-item a { display: block; height: 130px; overflow: hidden; position: relative; } .insta-block .insta-item a:hover::after { opacity: .8;} .insta-block .insta-item a:hover::before { opacity: 1;} .icon-instagram::before {content: "\eccd"; font-family: 'Simple-Line-Icons-Pro';} .chkQuestions label.radio input{ -webkit-appearance: radio; top:-4px;} .chkQuestions label.checkbox input { -webkit-appearance: checkbox;} .r-tabs .r-tabs-panel {min-height: 20px;} .customGateway input[type="radio"] { -webkit-appearance: radio; top:-4px; } .customGateway input[type="checkbox"] { -webkit-appearance: checkbox; } /* footer css */ footer { border:0px; background:#fff;} #copyright { background:#fff; border-top: 1px solid #e9e9e9;} footer h3, footer #loginAccount h3 { color: #2d2d2d; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; font-weight: 500; font-family: 'Roboto',sans-serif; position: relative;} footer .col1 { font-size:14px; color:#474747 ; font-family: 'Roboto', sans-serif; font-weight: 300;} #modLinks li, footer .col1 #modManufacturer li { background:none; padding-left:0px; margin-bottom: 5px;} footer .ftr-col { margin-top: 0px;} #copyright .wrapper { font-size:14px; color:#fff; font-weight:normal; border-top:0px; padding:35px 0 15px;} footer .phone { padding-left:30px; min-height:30px;} footer .email { padding-left:30px; min-height:30px; background: none; position: relative;} footer .email:before { content: "\e86d"; font-family: 'Simple-Line-Icons-Pro'; position: absolute; left: 0; top: 0px; color: #000;} .address.row1 { background:none; position: relative;} .address.row1:before{ content: "\ed12"; font-family: 'Simple-Line-Icons-Pro'; position: absolute; left: 0; top: 0px; color: #000;} .address { padding-left:30px;} #modLinks li a , footer .col1 #modManufacturer li a { font-size:14px; color:#474747 ; font-family: 'Roboto', sans-serif; line-height:25px; font-weight: 300;} #modLinks li a:hover , footer .col1 #modManufacturer li a:hover { color:#0096ff;} .social-icons ul{ padding: 0; margin: 0; list-style: none;} .social-icons a { background:none; color:#262b32 !important; float: none; display: inline-block; border-radius: 0; font-size: 13px;} .social-icons a span { padding-left: 10px;} .social-icons a i{ width: 25px; height: 25px; color: #fff; border-radius: 50%; background: #333; display: inline-block; line-height: 25px; padding: 0px; text-align: center; font-size: 14px;} .social-icons a:hover { background:none; color:#0096ff !important; border-radius: 0;} .social-icons a:hover i{ background: #0096ff;} footer .phone { background:none; position: relative; } footer .phone:before { content: "\e842"; font-family: 'Simple-Line-Icons-Pro'; position: absolute; left: 0; top: 0px; color: #000;} footer .phone a { color:#7b7f85;} #copyright .wrapper .f-logo { float: left; max-width: 20%; text-align: left; width: auto; padding-right: 20px;position: relative; margin-top:-15px;} #copyright .wrapper .f-logo img { max-height: 50px;} .payment-img { float: left; width: 30%; text-align: center;} .power-by { color: #333; float: right; text-align: right; font-size: 14px;} #copyright .power-by a { color: #df4949;} #copyright .left { color: #333; font-size: 14px; } footer .col1{ width: 20%;} footer .col4{ float: left;} footer .col5 { float: right;} footer .ftr-col { width: 25%; margin-right: 0px;} .bottom-border-panel { display: none;} a.view-all-manf { color: #000 !important; font-style: italic;} a.view-all-manf:hover { color: #0096ff !important; } .paging span { font-size: 14px;} .productFeaturesBlock span, .productFeaturesBlock li, .productFeaturesBlock div, .loginReqBlock { font-size: 14px;} .viewAddress .myGiftRegistry {margin-bottom: 15px;} .sort-by .hidden-mobile { line-height: 20px;} .mailist-box .hiddenFields { visibility: visible; clear: both; width:100%; padding-top:10px;} .mailist-box .hiddenFields span { float: left !important; padding-right: 10px !important; color: #474747; font-size: 12px;} #mailistBox input[type="radio"] { -webkit-appearance: radio;} /* product comparison css */ .product-item .action.action--compare-add { left:auto; width: auto; right:0px;} .product-item .img .action--compare-add { display: block;} .quantity-table { display: block; }