Coupon iconNo Tricks, Just Treats! - 30% off storewide with FS | Coupon Code: JUSTTREAT EXP: OCT 20, 2018 | Shop now
@charset "utf-8"; /*------------------------------------------------ menu loading slowing issue ------------------------------------------------*/ .account-menu ul { display: none; } #mobile-main-menu { display: none; } .affiliate-menu-wrapper { position: relative; } .affiliate-menu-section { height: auto !important; } .affiliate-menu-section { padding:0; } /*------------------------------------------------ flex slider ------------------------------------------------*/ .market-link { padding: 5px; } .market-link a { font-size: 12px; line-height: 13px; } .flexslider .slides img { border-radius: 50%; border: #eee solid 2px; } .flex-direction-nav a { height: 60px; } .flex-control-nav { bottom: 0; } .flexslider { margin-bottom: 0; } .flex-control-paging li a { background: #fff; border: 1px solid #ccc; box-shadow: none; } .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #fff; border: 1px solid #333; } /*------------------------------------------------ fix f6 reveal little shift ------------------------------------------------*/ body.is-reveal-open { overflow: visible; } .reveal-overlay { overflow-y: hidden; z-index:999; } /*------------------------------------------------ fix finished ------------------------------------------------*/ div.rateit {top:2px;} /* fix rateit */ #tblSocial{ margin:0 auto; } .market-link { margin-bottom: 0.5rem; font-size: 0.9rem; } /*------------------------------------------------ COUPON CODE ------------------------------------------------*/ .sticky-container { position: relative; height: 35.25px; z-index: 3; } #coupon-bar-section { width: 100%; font-family: font1st-regular, arial, sans-serif; font-size: 13px; background-color: #2A2D41; color: #ffffff; z-index: 99; } #coupon-bar-section > .row { position: relative; } #TopCoupon { margin-bottom:0; padding-top:5px; padding-bottom:5px; display:none; /*border-color: #1E202D;*/ } #TopCoupon a { text-decoration: underline; color: #fff; } #TopCoupon .close { padding: 0px 10px; } #TopCoupon span.icon-enlarge, #TopCoupon span.icon-shrink2 { position: absolute; display: inline-block; padding: 8px; top: 0px; right: 0px; cursor: pointer; color: #ffffff; opacity:0.8; font-size: 18px; } #TopCoupon span.icon-shrink2 { position: relative; display: none; } #TopCoupon.sticky { position: relative; } #TopCoupon.sticky.is-stuck { position: fixed; } #TopCoupon .large-centered.row.columns { padding: 0; } /*---------------------------------------------- Store Panel -----------------------------------------------*/ table.store-panel>tbody>tr>td { padding:10px 0 0 0; } table.store-search>tbody>tr>td { padding-left: 0; } .store-search { margin-bottom:0;} #pnStoreSearch input { margin-right:4px;} /*------------------------------------------------ foundation v6 Document ------------------------------------------------*/ table { width:auto; } table tbody { border:0; } tbody tr:nth-child(even) { background-color: #f8f8f8; } .top-bar, .top-bar ul { background-color:transparent; } .top-bar a { color: #111; } .top-bar { padding:0; } li.column { list-style-type: none; } .title-area h1 a { color:#fff; font-size:1.5rem; line-height: 40px; } strong { font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 14px; color: #7ba33c; line-height: 20px; } .t2 { white-space:nowrap; } h1, h2, h3, h4 { margin-bottom: 0.4rem; clear: both; } h1 { font-size: 1.5rem; } h2 { font-size: 1.4rem; } h3 { font-size: 1.2rem; } h4 { font-size: 1rem; } h5 { font-size: 0.9rem; } h6 { font-size: 0.9rem; } h1, h2 { font-family: 'lobster', Georgia, serif; color: #000; letter-spacing: 1px; margin: 0; } h3, h4, h5, h6 { font-family: 'ptsans', arial, Helvetica, sans-serif; color: #000; letter-spacing: 1px; margin: 0; } h3.contentSubttl02 { font-family: 'ptsans', arial, Helvetica, sans-serif; background-image: url("//c.cowcow.com/contents/cowcow/images/common/bullet_h3arrow.gif"); background-position: left; background-repeat: no-repeat; padding-left: 28px; line-height: 28px; font-size: 1.2rem; } .top-bar h1 a { color: #ffffff; } ul.generalUL, ol.generalOL, ol.generalOL_lowerAlpha { margin-top: 0; } ul.generalUL li, ol.generalOL li, ol.generalOL_lowerAlpha { font-family: 'ptsans', arial, Helvetica, sans-serif; line-height: 20px; font-size: 14px; color: #000; margin-bottom: 5px; } ol.generalOL_lowerAlpha { list-style-type: lower-alpha; } p { font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 0.9rem; color: #000; margin: 0; padding: 0; line-height: 1.25rem; margin-bottom: 1rem; } #divProductDesc, p, li, #panel-detail, .product_desc { font-size:0.9rem; font-family: 'ptsans', arial, Helvetica, sans-serif; } h1.contentMainTtl { font-family: 'ptsans', arial, Helvetica, sans-serif; color: #000; background-image: url(../images/common/bullet_h1arrow.gif); background-position: left; background-repeat: no-repeat; padding-left: 31px; font-size: 24px; line-height: 32px; margin-top: 10px; } h1.pageTtl { font-family: 'ptsans', arial, Helvetica, sans-serif; color: #000; text-align: center; font-size: 24px; font-weight: normal; letter-spacing: 3px; margin-bottom: 0; } h1.pageSubttl { font-family: 'ptsans', arial, Helvetica, sans-serif; color: #6b6b6d; text-align: center; font-size: 14px; letter-spacing: 1px; margin-bottom: 0; } [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select { width:auto; display:inline; } .form-input input { width: 100%; display: block; } /*------------------------------------------------ GLOBAL ELEMENTs ------------------------------------------------*/ .site-button, .site-button:focus{ background-color: #59811a;color: #FFF;height: 34px;line-height: 32px;padding: 0 8px; display: inline-block;margin: 4px 4px 4px 0; border: 1px solid #59811a;font-size: 0.9rem; transition: background-color 300ms ease-out;font-family: 'ptsans', arial, Helvetica, sans-serif; } .site-button:hover{background: #306000; border: 1px solid #306000; color:#FFF; } .site-button, .site-button:focus { background-color: transparent; color: #FF9800; height: 34px; line-height: 32px; padding: 0 10px; display: inline-block; margin: 4px 4px 4px 0; border: 1px solid #FF9800; font-size: 0.85rem; transition: background-color 300ms ease-out; font-family: "montserratregular", arial, sans-serif; border-radius: 16px; white-space:nowrap; } .site-button:hover{background: #FF9800; border: 1px solid #FF9800; color:#FFF; } .login-error{font-family: 'ptsans', arial, Helvetica, sans-serif;text-align: center;font-size: 14px; color: #F67065} .login-ok{color: #FFF;border: 1px solid #398439;background: #5CB85C;} .reg-label a{color: #464646} .reg-label a:hover{color: #575757} #RegMsg{color: #EE0000;border: 1px solid #EDD; background: #FEE; display:none; padding: 5px; font-size: 0.8rem; font-weight: bold;} /*CRIT*/ .box-invalid{border: 1px solid #EE0000 !important; } .gbutton{background-color:#464646; color:white; } .gbutton{ width:120px; height:35px; float: right; ;line-height:35px; text-align:center; cursor:pointer; font-weight:600; text-transform: uppercase; } .color-inner{border: 3px solid #DDD !important;} .selected-color{border: 3px solid #464646 !important;} .fs{font-size: 0.9rem; color: #464646; font-weight: bold;} .coupon00{margin: -20px auto 0 auto; background-image: url("//c.cowcow.com/contents/cowcow/images/coupon00.png"); height: 150px;position: relative;font-family: 'ptsans', arial, Helvetica, sans-serif;} .f1 { padding: 0px; } /*------------------------------------------------ Main Content Wrapper ------------------------------------------------*/ .main-content-wrapper { position: relative; z-index: 1; } .off-canvas-wrapper-inner { background: #fff; } .row .grid-layout.row { margin-left :auto; margin-right: auto; } .main-menu-top { position: relative; padding-top: 18px; padding-bottom: 8px; z-index: 3; } .featured-apparel-section { background: #f4f4f4; } .featured-apparel-section, .apparel-slide .panel { background: #f4f4f4 !important; } /*------------------------------------------------ help.html ------------------------------------------------*/ .shopMenu { _display: inline; /* hack IE6 */ margin-bottom: 5px; } .shopMenu_head { background-color: #000; padding: 5px; } .shopMenu_head h5 { color: #fff; text-align: center; } .shopMenu_menu { background-color: #f6f4f5; padding: 10px 15px; font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold; color: #6b6b6d; } #subnav_menu ul, .shopMenu_menu ul { margin: 0; padding: 0; padding-left: 10px; } #subnav_menu ul li, .shopMenu_menu ul li { list-style-type: none; padding: 5px 0; *padding: 0 0 5px 0; /* hack IE7 */ } .shopMenu_menu ul li.selected { list-style-image: url("//c.cowcow.com/contents/cowcow/images/common/shopMenu_item_arrow.png"); padding: 5px 0; *padding: 0 0 5px 0; /* hack IE7 */ color: #000; } .shopMenu_menu ul li a:link, .shopMenu_menu ul li a:visited { font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold; color: #6b6b6d; text-decoration: none; } .shopMenu_menu ul li a:hover, .shopMenu_menu ul li a:active { font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold; color: #000; text-decoration: none; } /*------------------------------------------------ item added to cart ------------------------------------------------*/ .cart-go, .cart-continue{font-size:0.9rem; background: #FFF !important;color: #464646 !important;} .cart-go:hover,.cart-continue:hover{background:#FFF !important;color:#464646 !important;} .closeX{color: #464646 !important;background: #FFF !important; } .closeX:hover{color: #464646 !important; background: #EAEBED !important;} .after-add {background:#464646 !important; position:absolute!important;width:330px !important;height:140px !important;border:1px solid #888 !important;padding: 4px 4px 4px 15px !important;} .item-added{ font-size: 0.9rem !important; font-family: Arial, sans-serif; color: #FFF !important; padding: 10px 10px 0 10px !important;font-weight: normal !important;} .item-price { font-size: 0.9rem !important; padding: 5px 5px 5px 10px !important;color: #FFF !important;} .closeX {padding: 2px 2px 0px 4px !important; border-radius: 30px !important; top: 10px !important; left: 295px !important; width: 1.1rem !important; height: 1.15rem !important; font-size: 1rem !important; line-height: 0.9rem; font-weight: 800;} .closeX:hover{} .cart-go{height: 30px; border: 0!important;} .cart-go:hover{ border:0 !important;} .cart-continue{ height: 30px; border: 0 !important;} .cart-continue:hover{ border: 0 !important;} .cart-go span, .cart-continue span{line-height: 30px !important;padding: 0px 10px !important;margin: 0px !important;} /*------------------------------------------------ MyHome.aspx ------------------------------------------------*/ a.btnGeneral:link, a.btnGeneral:visited, a.btnGeneral_start:link, a.btnGeneral_start:visited, a.btnGeneral_cowcow:link, a.btnGeneral_cowcow:visited { background-image: url("//c.cowcow.com/contents/cowcow/images/common/btn_generalBg.jpg"); background-position: top; background-repeat: no-repeat; display: block; text-decoration: none; font-weight: bold; font-size: 20px; letter-spacing: 2px; word-spacing: 8px; color: #fff; text-align: center; padding: 10px 0 20px 0; } a.btnGeneral:hover, a.btnGeneral:active { background-image: url("//c.cowcow.com/contents/cowcow/images/common/btn_generalBg_o.jpg"); color: #fff; } a.btnGeneral_start:hover, a.btnGeneral_start:active { background-image: url("//c.cowcow.com/contents/cowcow/images/start/btn_generalBg_start_o.jpg"); background-position: top; background-repeat: no-repeat; display: block; text-decoration: none; font-weight: bold; font-size: 20px; letter-spacing: 2px; word-spacing: 8px; color: #fff; text-align: center; padding: 11px 0 19px 0; } a.btnGeneral_cowcow:hover, a.btnGeneral_cowcow:active { background-image: url("//c.cowcow.com/contents/cowcow/images/common/btn_generalBg_cow_o.jpg"); background-position: top; background-repeat: no-repeat; display: block; text-decoration: none; font-weight: bold; font-size: 20px; letter-spacing: 2px; word-spacing: 8px; color: #fff; text-align: center; padding: 7px 0 19px 0; } .feeListTable { width: 100%; } /*------------------------------------------------ compare.html / MyHome.aspx ------------------------------------------------*/ .trialCoupon { border: solid 1px #ccc; padding: 15px 25px; background-image: url(../images/sell/feeRibbon.gif); background-repeat: no-repeat; background-position: right; } .couponTtl { color: #000; font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 35px; letter-spacing: 0; font-weight: normal; line-height: 45px; } .couponSubttl { font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: 0; font-weight: normal; margin-bottom: 10px; } .couponDetail { color: #acacac; margin-bottom: 0; } .couponDetail span { font-weight: bold; } .feeListTable { font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 0.75rem; } .feeListTable th { text-align: left; font-size:0.9rem; } .feeListTable td { text-align: center; } .feeListTable td.feeType { font-weight: bold; color: #6f8e3e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75rem; } .whoWhyCowList { border: solid 1px #ccc; padding: 20px 0px; font-family: 'ptsans', arial, Helvetica, sans-serif; } .feeFocus { /* for th & td */ background-color: #f6f4f5; } .feeListTable th { color:#000; } .feeSolidLine { border-top: solid 1px #ccc; } .feeDottedLine { border-bottom: dotted 1px #ccc; } .feeSolid3Line { border-bottom: solid 3px #ccc; } ol.feeRule { margin-left: 1rem; padding: 0.5rem; } ol.feeRule li { padding-bottom: 0.5rem; font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 0.9rem; color: #6B6B6D; line-height: 1.25rem; } .impRed { color: #e1020a; font-weight: bold; font-size: 14px; } .impGreen { color: #6f8e3e; font-weight: bold; font-size: 14px; } /*------------------------------------------------ titles ------------------------------------------------*/ .line-center{margin:0;padding:0 20px;background:#fff;display:inline-block} .line-title{text-align:center;position:relative;z-index:2;font-family: 'lobster', Georgia, serif;font-size: 1.8rem;margin: 30px 0 10px 0;} .line-title:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:solid 1px #EEE;z-index:-1} .line-subtitle{font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 1rem;text-align: center;color: #AAA; margin: 0 0 30px 0} .line-subtitle a{color: #F67065} .line-subtitle a:hover{text-decoration: underline;} /*------------------------------------------------ Home Page ------------------------------------------------*/ #productBrowse { margin-bottom: 15px; } #productBrowse li{ list-style-type: none; font-family: 'ptsans', arial, Helvetica, sans-serif; font-size: 0.8rem; color: #6b6b6d; line-height: 1.3rem; } #productBrowse ul{ margin-left:0; } #productBrowse li strong{ color: #6b6b6d; font-weight: bold; } #productBrowse a:hover{ font-weight:bold; } .hot-design div, .hot-product div{ outline:1px solid #ddd; width:10.125rem; height:10.125rem; } .hot-design img, .hot-product img{ margin-left:auto; margin-right:auto; width : auto; display:block; height:10.125rem; } /*------------------------------------------------ PRODUCT ------------------------------------------------*/ .product-title{color:#666;font-size:1.2rem;padding:0 20px 0px 0; font-family: Arial, sans-serif;} .product-image{width:480px} .product-view{width:978px;overflow:hidden;margin-bottom: 30px;border:1px solid #EEE;} .product-preview{float:left;width:402px;margin:15px 15px 15px 0} .product-preview-img{border:1px solid #F0F0F0} .product-preview-img img{width:400px;height:400px} .product-preview-simg{margin-top:5px} .product-preview-simg img{float:left;width:60px;height:60px;border:1px solid #F0F0F0;margin:0 5px 5px 0} .product-info{float: right;width: 480px;padding: 30px 0 0 0px;margin-right: 30px;} .product-infolist ul{list-style:none;margin:0;padding:0.4rem 0;} .product-infolist ul li{line-height:20px; font-size: 1.1em;margin: 10px 0;} .product-infolist-tag{display:inline-block;width:110px;color:#AAA; font-size:0.9rem;} .product-infolist-content{display:inline-block;color:#666; font-size:0.9rem; line-height:0.9rem; vertical-align:middle;} .product-infolist-price{font-size:2.2em;vertical-align:top;display: inline-block;font-weight: 700} hr{color:#EEE;border:0;background-color:#EEE;height:1px;margin:10px 0} a.product-infolist-type{color:#666;cursor:pointer;border:1px solid #AAA;border-radius:2px;padding:0 5px} a.product-infolist-type:hover{border:1px solid #F69524;border-radius:0} a.product-infolist-type-active{border:2px solid #F69524;color:#666;cursor:pointer;padding:0 5px} .product-buy-wrapper{width:535px;background:#FFF; border-radius:3px;margin:20px 0 0 -16px; padding:20px 0 10px 15px} .product-num-updown{display:inline-block;width:15px;height:18px;cursor:pointer;text-align:center;border:1px solid #AAA;background:#FFF;font-size:1.1em;line-height:20px} .product-num-updown:hover{background:#CCC} .product-atc{display:block;float:left;width:200px;height:40px;cursor:pointer;background:url("//c.cowcow.com/contents/superdeal/image/atc.png") 0 0 no-repeat} .product-atc:hover{background:url("//c.cowcow.com/contents/superdeal/image/atc.png") 0 -40px no-repeat} .add-cart {line-height: 40px;padding: 0 20px 0 60px;font-size: 1.1em;font-weight: 700;background-color: #F67065; color: #FFF;height:40px;cursor:pointer; background-image:url("//c.cowcow.com/contents/cowcow/images/atc.png");background-position: 0px -5px; background-repeat: no-repeat; } .add-cart:hover{} .tab-header {background: #EAEBED; border-left: 5px solid #464646;} .tab-wrapper .tab-title li{background: #DDD; color:#666;} .tab-wrapper .tab-title li.active{background: #464646; color: #FFF;} .tab-wrapper .tab-title li:hover{color:#FFF;} .tabs .tab-title>a { padding: 0.5rem 1rem; border:1px solid #fff;} .review-title{background: #EAEBED; color: #666;border-left: 5px solid #464646;} .custom-wrapper .custom-inner, .create-wrapper a{ background: #464646; color: #FFF; padding: 6px 14px; line-height: 1em; width: auto; height: auto; display: inline-block;} .custom-wrapper .custom-inner:hover, .create-wrapper a:hover{ background: #F67065; } .custom-bt{margin: 0 0 10px 0; padding: 0!important;} .custom-inner{margin-right: 10px;} #divLikeStoreProduct {height: 40px; background-image: url("//c.cowcow.com/contents/cowcow/images/fav.png");background-position: 0px -5px; background-repeat:no-repeat; border: 0;line-height: 40px;padding: 0px 20px 0px 60px;cursor: pointer;} #divLikeStoreProduct span{font-family: Arial,sans-serif !important;font-size: 13px;font-weight: 700;} #divLike{float:left;height:50px; margin-left:1px; color:#666;letter-spacing: 1px; background:url("//c.cowcow.com/contents/manydeals/image/fav.png") 0 0 no-repeat #F69524;padding: 0 20px 0 60px;font-size: 1.2em;font-weight: 700;color: #FFF; border: 0;} #divLikeInner{font-size: 1em;font-weight: 700;font-family: Arial, sans-serif;letter-spacing: 0;} .product-infolist-price{color:#F67065;} /*PRICE*/ #divLikeStoreProduct {background-color: #464646; color:#FFF;} .after-add {background:#464646 !important;} .cart-go, .cart-continue{background: #FFF !important;color: #464646 !important;} .cart-go:hover,.cart-continue:hover{background:#FFF !important;color:#464646 !important;} .closeX{color: #464646 !important;background: #FFF !important; } .closeX:hover{color: #464646 !important; background: #EAEBED !important;} /*------------------------------------------------ pic.preview.display.css ------------------------------------------------*/ :focus { -moz-outline-style: none; } .clear { clear: both; } .hidden { display: none; } .block { display: block; } .ke_m2con { height: 260px; width: 400px; margin:0} .ke_m2pc_con ul li { border: 1px solid #FFF; cursor: pointer; display: inline; float: left; height: 60px; margin: 0 7px 0 0px;width: 60px;position: relative;} .ke_m2pc_con ul li:hover{border:1px solid #F69524; } .ke_m2pc_con_hover{border:1px solid #CCC !important; position:relative !important;} .ke_m2pc_con_hover.tri:before{content: ""; z-index:100; position:absolute; top:-6px; left:24px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #CCC transparent;} .ke_m2pcl_c2{margin-top:0.6rem} #ink_showImg { width: 400px; height: 400px; position: relative; } #ink_showImg .small_pic { width: 400px; height: 400px; background: #eee; position: relative; } #ink_showImg .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; } #ink_showImg .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;} #ink_showImg .big_pic { position: absolute; top: 0px; left: 410px; width:400px; height:400px; overflow:hidden; display:none; } #ink_showImg .big_pic img { position:absolute; top: -30px; left: -80px; z-index:10000; width:720px; height:720px; max-width:none; } #ink_showImg .small_pic img{ width: 400px; height: 400px;} #ink_showImg .big_pic img { max-width: none; } #ink_showImg, #ink_showImg .small_pic, #ink_showImg .small_pic img { width: 100%; height: auto; } #ink_showImg .big_pic { top: 0px; left: 100%; width: 100%; height: 100%;} /*------------------------------------------------ Product Review ------------------------------------------------*/ .review-title{font-family: Arial, serif; font-size: 0.9rem; padding: 0.6rem 0.6rem 0.6rem 1rem;font-weight: 700; background: #EAEBED; color: #666;border-left: 5px solid #464646; margin:0.5rem 0 0 0; } .review-container{overflow:hidden;margin:0;padding:20px 10px;border: 1px solid #EEE; border-top: 0; font-size:0.8rem; margin-bottom:1rem;} .row .review-container { margin-left: 0; margin-right:0;} .footer-cpy{padding:0.5rem 0; vertical-align:middle;} .footer-cpy span{ font-size: 0.9rem; color:#707070; display: inline-block; height: 25px; line-height: 30px; margin: 0 0 0 5px; font-family: 'ptsans', arial, Helvetica, sans-serif; } .footer-cpy .verify{float: right;color:red;} .footer-info{padding: 40px 0 10px 0 } .footer-info .line{text-align: center;color: #707070;margin: 0 0 12px 0;} .footer-info .line a{color: #AAA; text-decoration: none;font-family: 'ptsans', arial, Helvetica, sans-serif;font-size: 12px; margin: 0 10px } .footer-info hr{border: 0;background-color: #707070;height: 1px;margin: 25px 0 10px 0;clear: both;} .footer-info .line .left{padding: 0 0 0 80px;margin: 10px 0 ;float: left;text-align: left;} .footer-info .line .left b, .footer-info .line .right b{color: #AAA; font-size: 1rem;font-family: 'lobster', Georgia, serif; margin:6px 20px 0 0;float: left;} .footer-info .line .right{padding: 0 40px 0 0;margin: 10px 0 ;float: right;text-align: left;} .footer-info .followus a{display: block;height: 36px; width: 36px; float: left; margin:-2px 8px 0 0;} .footer-info .followus .fu-fb{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat 0 0} .footer-info .followus .fu-fb:hover{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat 0 -36px} .footer-info .followus .fu-tw{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat -36px 0} .footer-info .followus .fu-tw:hover{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat -36px -36px} .footer-info .followus .fu-in{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat -72px 0} .footer-info .followus .fu-in:hover{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat -72px -36px} .footer-info .followus .fu-pi{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat -108px 0} .footer-info .followus .fu-pi:hover{background:url("//c.cowcow.com/contents/cowcow/images/social.png") no-repeat -108px -36px} .totop{background:url("//c.cowcow.com/contents/cowcow/images/totop.png") no-repeat 0 0; width:55px; height: 60px;position: absolute;top: -30px;left: 50%;margin: 0 -27px;cursor: pointer;} .totop:hover{background:url("//c.cowcow.com/contents/cowcow/images/totop.png") no-repeat 0 -6px;} /*------------------------------------------------ LOGIN*REG ------------------------------------------------*/ .arc-up{ height:38px; background:url("//c.cowcow.com/contents/cowcow/images/arc-up.png") no-repeat; background-position:center; margin: 10px auto} .arc-down{height:38px; background:url("//c.cowcow.com/contents/cowcow/images/arc-down.png") no-repeat; background-position:center; margin: 10px auto} .form-title{font-size: 2.5em; width:100%; text-align: center;color: #000;font-family: 'lobster', Georgia, serif; margin: 20px 0 30px 0;} #btnLogin, #btnReg{width:10rem; height:2.5rem; background: #F67065;color: #FFF; text-transform: uppercase;font-size: 1rem; line-height: 2rem; font-weight: bold; border: 4px double #FFF;cursor: pointer; display: block;} #btnLogin:hover, #btnReg:hover{background: #7BA33C; color:#FFF;} #LoginMsg{display: none;font-weight: 800;margin: 8px 15px 0 0;font-size: 0.8rem; height: 1.7rem;line-height: 1.7rem;text-align: center;} .form-signup{float:right; width:10rem; background: #F67065;color: #FFF;line-height: 2rem;text-align: center;text-transform: uppercase;font-size: 1rem;font-weight: bold;border: 4px double #FFF;cursor: pointer; display: block;} .form-signup:hover{background: #7BA33C; color:#FFF; } #LoginMsg{font-family: 'ptsans', arial, Helvetica, sans-serif;font-size: 14px; text-align: center;} #pageHeader { background-image: url("//c.cowcow.com/contents/cowcow/images/common/dotLine.gif"); background-position: bottom; background-repeat: repeat-x; padding-bottom: 10px; margin-bottom: 10px; } /*------------------------------------------------ why join cowcow html ------------------------------------------------*/ ul.whyJoin { margin: 0; padding: 15px 0 15px 35px; background-color: #000; color: #fff; } ul.whyJoin li { font-size: 16px; line-height: 40px; padding-left: 5px; } ul.whyJoin li span { font-weight: bold; } /*------------------------------------------------ who are cowcow.html ------------------------------------------------*/ ul.whoCow { margin: 0; padding: 15px 0 15px 35px; background-color: #000; color: #fff; } ul.whoCow li { font-size: 16px; line-height: 40px; padding-left: 5px; } a.btnimFanatic:link, a.btnimFanatic:visited { width: 298px; height: 67px; margin-bottom: 15px; background-image: url("//c.cowcow.com/contents/cowcow/images/index/btn_whoCow_fanatic.gif"); background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; text-indent: -9999px; display: block;/* hack IE7 */ float: left;/* hack IE7 */ background-size: contain; } a.btnimFanatic:hover, a.btnimFanatic:active { width: 298px; height: 67px; margin-bottom: 15px; background-image: url("//c.cowcow.com/contents/cowcow/images/index/btn_whoCow_fanatic_o.gif"); background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; text-indent: -9999px; *display: block; /* hack IE7 */ *float: left; /* hack IE7 */ } /**/ a.btnimArtist:link, a.btnimArtist:visited { width: 298px; height: 67px; margin-bottom: 15px; background-image: url("//c.cowcow.com/contents/cowcow/images/index/btn_whoCow_artist.gif"); background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; text-indent: -9999px; *display: block; /* hack IE7 */ background-size: contain; } a.btnimArtist:hover, a.btnimArtist:active { width: 298px; height: 67px; margin-bottom: 15px; background-image: url("//c.cowcow.com/contents/cowcow/images/index/btn_whoCow_artist_o.gif"); background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; text-indent: -9999px; *display: block; /* hack IE7 */ } /*------------------------------------------------ vip_freewebhost ------------------------------------------------*/ #adv_vipFreeHost2013 { background-image: url("//c.cowcow.com/contents/cowcow/images/index/main_promo_vipFreeHost.jpg"); background-position: left top; background-repeat: no-repeat; display: block; width: 761px; height: 360px; margin-bottom: 20px; text-indent: -9999px; } /*------------------------------------------------ foundation customize ------------------------------------------------*/ .footer-bottom1 { margin-top:1.5rem; text-align: center; background: #333; } .footer-bottom2{ text-align: center; background: #000; color:#999; } table tr th { color:#fff; } table input[type=text], table input[type=number], table input[type=password], table textarea, table select, table input[type=checkbox], table input[type=file] { margin: 0; display:inline; } .asp-treeview table tr td{ padding : 0.1rem 0; } .asp-treeview table tbody tr { background-color: #fff; } .asp-treeview table { margin: 0; } @media only screen and (min-width: 64.0625em) { .main-right { padding-left:35px; } } #pnFileManager table { margin:0; } #pnFileManager>div>table table, .filemanager-func, #pnUpload table { border:0; margin:0; } #pnFileManager table tr td{ padding:0.2rem 0; } .cart { position: relative !important; width: 100px !important; padding: 3px !important; margin-left: 10px !important; border:0 !important; overflow: visible !important; background:none !important; } .cart, .cart.ui-corner-all, .cart.ui-corner-top { width: 30px !important; float:right !important; } .cart-del { width: 24px !important; height: 24px !important; opacity: 0.7; padding: 0px; transition: all 0.3s ease-in-out; } .cart-del:hover { text-decoration: none !important; background: #ff0000 !important; color: #ffffff !important; opacity:1; } .cart-info { width: 220px !important; font-size: 14px !important; } .cart-items { max-height: 500px; overflow-y: scroll; /*display:none !important;*/ margin-top: -5px; } .cart-item { border-bottom: 1px dotted #a0a0a0; transition:all 0.3s ease-in-out; } .cart-item:hover { background: #222222 !important; } .cart-image img { border-radius: 50%; width: 50px !important; height: 50px !important; } .cart-productname { line-height: 20px; padding-bottom:0 !important; } div.cart-list.ui-corner-bottom { left: auto !important; right: -10px; } div.cart .cart-list { top:auto !important; border: none !important; transition: all 0.5s ease 300ms; } div.cart:hover .cart-list { top:auto !important; } .cart-item-viewcart { background: #333333 !important; margin-top:-8px !important; } .cart-caption { width: 30px !important; height: 32px !important; background: transparent url("//c.cowcow.com/contents/cowcow/theme/2019/images/icon-cart.svg") no-repeat scroll left center !important; background-size: 32px 32px !important; } .cart-caption span { display: none !important; } .cart-countbubble { width: auto !important; height: auto !important; display:block !important; background: #EB2C4F !important; color: #ffffff !important; padding: 10px !important; line-height:10px; font-size: 10px; position: absolute !important; left: 10px !important; border-radius: 20px !important; top: -5px !important; } .cart-item-viewcart a { background: rgba(0,0,0,0.8) !important; transition:all 0.3s ease-in-out; } .cart-item-viewcart a:hover { background: #22A62F !important; } /*------------------------------------------------ Override style.css ------------------------------------------------*/ .top-bar h1 { font-size:24px; padding-top: 1px; } .top-bar h1 img { vertical-align: top; } .website-cert .columns { padding-left: 0px; } .footer-cpy img { vertical-align: bottom; } .footer-cpy { padding: inherit; padding-top: 0.8rem; padding-bottom: 0.8rem; text-align:left; } .main-left { clear: left; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- ----------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------ SEARCH-BOX --------------------------------------*/ .search-box { min-width: 100px !important; width: auto !important; height: 40px !important; margin-top: -3px; position: relative !important; overflow: hidden !important; border: none !important; float: left; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .search-icon { background-position: center center !important; /*background-image: url("/js/jsearch/search-icon.png");*/ background: url("//c.cowcow.com/contents/cowcow/theme/2019/images/icon-search.svg") no-repeat center center !important; background-size: auto !important; width: 22px !important; height: 40px !important; margin: 0px !important; } .search-button { background-color: transparent !important; width: 40px !important; height: 40px !important; right: -5px !important; top: 0px !important; position: absolute!important; cursor: pointer; } .search-input { max-width:none !important; width: 360px !important; height: 40px !important; position: relative !important; top: 0 !important; right:0 !important; padding: 5px 15px !important; margin: 0 !important; float:left; border: 1px solid #D0D0D0 !important; border-radius: 20px; font-family: 'font2nd-regular', arial, sans-serif; font-size: 12px !important; } /*------------------------------------ TOP MENU: Affiliate Button --------------------------------------*/ .affiliate-menu-title a { font-family: nexa, sans-serif; font-size: 1rem; line-height:0.8rem; text-transform: uppercase; background: #0768AA; border-radius: 8px; text-align:center; box-shadow: 0 0px 1px rgba(0,0,0, .3); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071aa+0,008ee2+100 */ background: #0071aa; /* Old browsers */ background: -moz-linear-gradient(45deg, #0071aa 0%, #008ee2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #0071aa 0%,#008ee2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #0071aa 0%,#008ee2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071aa', endColorstr='#008ee2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ transition: all 0.3s ease-in-out; } .affiliate-menu-title a:hover { box-shadow: 0 0px 1px rgba(255,255,255, .5); /*box-shadow: 0 0px 1px rgba(255,255,255, .5);*/ } .affiliate-menu-title a strong { color: #fff; font-size: 1rem; font-weight: 100; } li.affiliate-menu-title > a { color:#fff; padding: 0.2rem 1rem; font-size: 0.7rem; } /*------------------------------------ FOOTER SECTION: Copyright --------------------------------------*/ .footer-section-wrapper { padding: 30px 0; background: #2A2D41; } .footer-section-wrapper hr { background: #888; } .footer-section { margin-bottom:30px; } .footer-links-wrapper { padding-top: 30px; padding-bottom: 30px; background: #06C1B3; color: #fff; } .footer-links { position: relative; } .footer-menu, .footer-menu a { color: #fff; font-family: font2nd-regular, arial, sans-serif; font-size: 13px; } .footer-menu a { display: inline-block; padding: 3px 10px; } .footer-menu a:hover { text-decoration: underline; } .footer-copyright-section { text-align: center; background: #fff; color: #000; } .footer-copyright { padding: inherit; padding-top: 0.8rem; padding-bottom: 0.8rem; text-align: left; font-family: font1st-regular, arial, sans-serif; } .footer-logo { position: relative; } .footer-logo img { position: absolute; left: 0; top: 50%; transform: translateY(-55%); } .footer-logo span { padding-left: 15px; padding-top: 3px; display: inline-block; } /*------------------------------------------------ FOOTER SECTION: Social Media button ------------------------------------------------*/ .social-media { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .social-media ul { margin: 0; padding: 0; list-style: none; text-align: right; } .social-media ul li { display: inline-block; padding-left: 5px; } .social-media ul li a { float:left; padding: 5px; border-radius: 50%; background: #2A2D41; transition: all 0.3s ease-in-out; } .social-media ul li a:hover { background: #11D3CE; } /*------------------------------------------------ FOOTER SECTION: Subscribe ------------------------------------------------*/ .footer-subscribe-left, .footer-subscribe-right { position: relative; text-align: center; } .footer-subscribe > .columns { padding-right: 0; } .social-media-title, .subscribe-title { display: inline-block; margin-bottom: 15px; padding-right: 20px; font-family: font1st-bold, arial, sans-serif; color: #fff; font-size:16px; text-transform: uppercase; } .subscribe-email { display: inline-block; position: relative; } input.emailInput { height: 41px; min-width: 450px; padding: 4px 5px; padding-left: 20px; font-family: font2st-regular, arial, sans-serif; font-size: 13px; line-height: 30px; color: #000; background: #fff; border: 0px solid #707070; border-radius: 18px; box-shadow: 0 0 3px #555; outline: none; transition: all 0.3s ease-in-out; } input.emailInput:invalid { box-shadow: none; } input.emailInput:valid, input.emailInput:hover, input.emailInput:focus { background: #fff; } #btnSubscribe { position: absolute; bottom:0px; right: -10px; margin: 0; min-height: 41px; padding-top: 18px; padding-left: 50px; padding-right: 25px; font-family: "button-font", arial, sans-serif; font-size: 15px; line-height: 8px; text-transform: uppercase; background: #56DBD8; border-radius: 18px; box-shadow: 0 0 3px #555; cursor: pointer; transition: all 0.3s ease-in-out; } #btnSubscribe:hover { background: #11D3CE; } #btnSubscribe:before { content: url("//c.cowcow.com/contents/cowcow/preview/v2/images/top-menu/icon-subscribe.png"); position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } #divSubscribeOK { top: 100% !important; left: 50% !important; transform: translateX(-50%); position: absolute !important; z-index: 3; } .footer-licence-section { padding: 0; } .footer-licence-section ul { margin: 0; padding: 0; list-style: none; float:right; } .footer-licence-section ul li { float:left; padding-left: 10px; } .footer-licence-section ul li img { max-width: 40px; } /*------------------------------------------------ OFF-CANVAS ------------------------------------------------*/ .off-canvas-wrapper { overflow-y:hidden; } /*------------------------------------------------ SLICK-SLIDER ------------------------------------------------*/ .slider { margin-top: 0px; } /*------------------------------------------------ MENU TOP : My Account ------------------------------------------------*/ #login-section-top { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } #login-section-top ul { float: right; margin: 0; font-family: font1st-regular, arial, sans-serif; list-style: none; } #login-section-top ul li { float: left; padding: 5px 10px; } #login-section-top ul li a { display: inline-block; font-family: font1st-regular, arial, sans-serif; font-size: 13px; color: #fff; text-transform: uppercase; transition: all 0.3s ease-in-out; } #login-section-top ul li a:hover { text-decoration: underline; } .account-menu { position: relative; } .account-menu ul.submenu { position: absolute; top: 100%; right: 0; width: 240px; background: #2A2D41; background: #06C1B3; color: #000; visibility: hidden; opacity: 0; display: block; border: none; transform: translateY(-1em); z-index: -1; transition: all 0.3s ease-in-out; } .account-menu:hover ul.submenu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); } .account-menu ul.submenu li { display: block; width: 100%; } .my-account { padding: 10px 20px; color: #fff; } .my-account a, .my-account li a { color: #fff !important; text-decoration: underline; } .my-account > a { padding: 5px 10px; color: #fff; } /*------------------------------------------------ BREADCRUMBS ------------------------------------------------*/ .breadcrumbs li { text-transform: none; } .breadcrumbs a { color:#ff494c; } .breadcrumbs input[type=text] { display: inline-block; height: 1.6rem; margin-bottom : 0rem; margin-top: 0rem; border-radius: 16px; padding-left: 15px; font-size: 13px; min-width: 120px; color: #06C1B3; } .breadcrumb-box { position: relative; } .breadcrumb-box .closeX { padding: 1px 4px !important; top: 50% !important; left: 80% !important; position: absolute; transform: translateY(-50%); } .breadcrumb-box .closeX:hover { text-decoration: none; } .breadcrumbs > * { text-transform: capitalize; line-height:1.5rem; } #ctl00_StoreNavigator_pnNavigator { width: 100%; max-width: 100% !important; margin: 0; background: #eee; } #ctl00_StoreNavigator_pnNavigator ul.breadcrumbs { max-width: 75rem; margin: auto; padding: 8px .9375em; } .breadcrumbs li a { font-family: font2nd-regular, arial, sans-serif; font-size: 12px; color: #333; opacity: .7; transition: all 0.3s ease-in-out; } .breadcrumbs li a:hover { opacity: 1; } .breadcrumbs { margin:0; } .breadcrumbs li:last-child a { color: #6B6B6D; } .breadcrumbs li:not(:last-child)::after { content: ">"; } /* ------------------------------------------------------ PRODUCT: Zoom effect - item ------------------------------------------------------*/ #bigimg { z-index: 11 !important; } .small-up-2 > .column { margin-top: 20px; } .product-item-image li { margin: 0 20px; } .product-item-image li strong { font-family: nexa; font-size: 14px; color: #14c6b5; font-weight: 100; } .product-item-image li .menu-featured-image { width: 31%; position: absolute; visibility: hidden; opacity: 0; right: 0; top:45px; text-align:center; transition: all 0.3s ease-in-out; } .product-item-image li:hover .menu-featured-image { visibility: visible; opacity: 1; } .product-item-image li .menu-featured-image span { display: inline-block; /*margin:10px;*/ padding: 5px 15px; background: #000; color: #fff; width: 100%; margin:auto; margin-top: -10px; } /*------------------------------------------------ TOP MENU: Department Menu ------------------------------------------------*/ .department-menu-wrapper { width: 100% !important; position: relative; z-index: 2; clear: both; background: #56DBD8; box-shadow: 0 1px 1px #06C1B3; } ul.dropdown > li { position: relative; z-index: 1; } ul.dropdown > li > a { position: relative; padding: 20px 25px; padding-right: 25px !important; font-family: font1st-regular, arial, sans-serif !important; font-size: 16px; z-index: 3; color: #fff; background: #56DBD8; transition: all 0.3 ease-in-out; } ul.dropdown > li:first-child > a { padding-left: 0; } ul.dropdown > li > a:hover { text-decoration: underline; } ul.dropdown > li > a:after { display: none !important; } ul.dropdown > li:last-child > a:hover:before { content: ""; display: block; position: absolute; width: 200px; height: 100%; top:0; background: #56DBD8; z-index: -1; } ul.dropdown > li ul { visibility: hidden; /* hides sub-menu */ opacity: 0; display: block; position: absolute; top: 100%; left: 0; width: 100%; min-width: 200px; background: #2A2D41; border: none; transform: translateY(-1em); z-index: -1; } ul.dropdown > li ul li { display: block; } ul.dropdown > li:last-child ul { transform: translateY(0%); } ul.dropdown > li:hover ul { visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 1; background: #2A2D41; transform: translateY(0%); transition: all 0.3s ease-in-out; } ul.dropdown > li:hover ul a { color: #fff; display: block; background: rgba(86,219,216, .0); transition: all 0.3s ease-in-out; } ul.dropdown > li:hover ul a:hover { text-decoration: underline; background: rgba(86,219,216, .8); } /*------------------------------------------------ #MAIN.row ------------------------------------------------*/ #main.row { position: relative; /*z-index:999;*/ } /*-------------------------------------------------- TOP Bar Wrapper --------------------------------------------------*/ .top-bar-wrapper { position: relative; width: 100%; float: left; z-index: 2; } .top-bar { /*margin-top: 3px;*/ float: left; width: 100%; background: #fff; } .top-bar h1 { /*padding-top: 10px;*/ font-family: font1st-bold, arial, sans-serif; font-size: 26px; color: #000; } .top-bar-left { width: 100%; } .top-bar-right { position: absolute; right: 0; margin-top: 3px !important; } #search-bar2 { width: 500px; } /*------------------------------------------------ Cart Menu ------------------------------------------------*/ .cart-menu { width: 50px; position: absolute; right: 0; top:50%; transform: translateY(-50%); z-index: 3; } /*------------------------------------------------ TOP BAR ------------------------------------------------*/ .top-bar, .top-logo, .top-logo h1 { position: relative; } .top-logo { float:left; } .top-logo h1 a { font-size: 25px; text-transform: uppercase; color: #2A2D41; font-family: font1st-bold, arial, sans-serif; display: inline-block; padding-left: 50px; padding-top: 5px; } .top-logo h1 span { display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-55%); } .shop-n-design-section { float: left; padding: 0; padding-left: 50px; } .shop-n-design-section a { position: relative; display: inline-block; padding: 5px 20px; font-family: font2nd-regular, arial, sans-serif; text-align: center; text-decoration: none; line-height: 15px; border-bottom: solid 2px #fff; } .shop-n-design-section a:first-child:after { content: ""; position: absolute; height: 70%; width:3px; top:50%; transform: translateY(-60%); right: -3px; background-color: #00CCCC; border-radius: 3px; } .shop-n-design-section a strong { font-size: 19px; font-family: font1st-bold, arial, sans-serif; font-weight: 100; color: #2A2D41; text-transform: uppercase; } .shop-n-design-section a span { display: block; padding-bottom: 3px; font-size: 13px; color: #808080; border-bottom: solid 2px #fff; transition: all 0.3s ease-in-out; } .shop-n-design-section a:hover span { border-bottom: solid 2px #2A2D41; } .shop-n-design-section a:last-child span { word-spacing: 3px; } .root-menu > .has-submenu > a{ color:#666666; } .accordion-menu li a { color: #fff !important; } .accordion-menu ul li a::after { border-color: #ffffff transparent transparent !important; } /*-------------------------------------------------- PRODUCT: Details page --------------------------------------------------*/ .product-infolist-content { line-height: 2.9rem !important; vertical-align: inherit !important; } div.feeList ul.offer { list-style-position: inside; } .button.success.earn-up { padding: 8px 15px; background-color: transparent; border: 1px solid #ffffff; } .button.success.earn-up:hover { background-color: #FF6994; } .button.success.design-now { padding: 8px 15px; background-color: transparent; border: 1px solid #ffffff; transition: all 0.3s ease-in-out; } .button.success.design-now:hover { background-color: #14C6B5; } /*-------------------------------------------------- SHOPPING CART --------------------------------------------------*/ #shopping-cart2 { margin-top: 5px; } #productBrowse { /*background: rgba(255,255,255, .7) !important; */ position: relative; z-index:100; margin-bottom:0 !important; } .cart-items { /*padding: 10px 0;*/ background: #0092D3 !important; } .cart-item { position: relative; } .cart-item:last-child { margin-bottom: 8px; } .cart-items .cart-item:hover { background: #000 !important; } .cart-del { position: absolute; right:0; top:0; background: #eeeeee; color: #333333; line-height:24px !important; } .cart-list .cart-item-viewcart { padding:0; } .cart-list .cart-item-viewcart a { display: block; line-height: 30px; /*padding:10px;*/ background: #2A2D41 !important; color: #ffffff; } .cart-list .cart-item-viewcart a:hover { background: #2A2D41 !important; color: #ffffff; } .cart-countbubble { line-height: 6px !important; } /* ------------------------------------------------------ Homepage - design & hot product ------------------------------------------------------*/ /* ------------------------------------------------------ CUSTOMIZE page ------------------------------------------------------*/ .page-content ul.row.customize-item-wrapper { padding: 0; margin:0; background:#fff; } ul.customize-item-wrapper > li.column { padding: 20px 10px; } ul.customize-item-wrapper li.column .customize-item { padding:0; min-height: 250px; position:relative; background: #ffffff; transition: all 0.3s ease-in-out; border: #f5f5f5 1px solid; } ul.customize-item-wrapper li.column:hover .customize-item { background: #f8f8f8; } ul.customize-item-wrapper li.column .customize-item-image { width: 50%; transition: all 0.6s cubic-bezier(.34,1.84,.55,.83); } ul.customize-item-wrapper li.column:hover .customize-item-image { width: 40%; margin-top: -50px; } ul.customize-item-wrapper li.column .customize-item-title { position: absolute; right:0; top:10px; font-family: "open_sans_light", arial, sans-serif; font-size: 20px; line-height: 24px; transition: all 0.8s cubic-bezier(.34,1.84,.55,.83); } ul.customize-item-wrapper li.column:hover .customize-item-title { right:0; top:2px; width: 60%; font-size: 20px; line-height: 20px; color: #14c6b5; } ul.customize-item-wrapper li.column .customize-item-button { position: absolute; right:30px; bottom:30px; font-family: montserrat, arial, sans-serif; font-size: 13px; color: #fff; background: #14c6b5; transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); } ul.customize-item-wrapper li.column:hover .customize-item-button { right:15px; bottom:15px; } ul.customize-item-wrapper li.column .customize-item-button a, ul.customize-item-wrapper li.column .customize-item-button a { font-family: montserrat, arial, sans-serif; padding: 5px 15px; color: #fff; } ul.customize-item-wrapper li.column .customize-item-button a::before { content: ""; } ul.customize-item-wrapper li.column .customize-item-content { position: absolute; width:96%; margin: 2%; bottom:0; height: 200px; overflow:hidden; opacity: 0; background: rgba(255, 255, 255, 1); transition: all 0.2s ease-in; } ul.customize-item-wrapper li.column:hover .customize-item-content { opacity:1; background: rgba(255, 255, 255, 0.9); transition: all 0.3s ease-out; } .customize-item-content .customize-item-sub-item { padding: 0; } .customize-item-sub-item li.column { padding: 5px; padding-bottom:0px; margin-top:0; } .customize-item-sub-item li.column a { display: block; line-height:normal; border: #ffffff 1px solid; font-family: montserrat, arial, sans-serif; } .customize-item-sub-item li.column a::before { content: "\2022"; } .customize-item-sub-item li.column a:hover { border: #14C6B5 1px solid; } /*-------------------------------------------------- FAQ: help page --------------------------------------------------*/ .help-wrapper .page-subheader { text-align: center; } .help-wrapper .page-subheader h1 { display: inline-block; padding: 0 10px; border-bottom: solid 3px; } .help-wrapper .page-content-inner { min-height: 500px; } .help-wrapper .page-content-inner strong { color: #333; } /* ------------------------------------------------------ Page Description (header) ------------------------------------------------------*/ .shop-cat-top, .custom-cat-top { text-align: center; } .shop-cat-top h1, .shop-cat-top h1.pageTtl, .custom-cat-top h1 { margin-bottom: 1em; padding: 3px 15px; display: inline-block; font-size: 24px; font-family: font1st-regular, Arial, sans-serif; color: #2A2D41; letter-spacing:0; font-weight:100; } .shop-cat-top h3, .shop-cat-top h1.pageSubttl, .custom-cat-top h3 { margin: 0.5em auto; font-size: 1.3em; letter-spacing: 0; } .shop-cat-top h1.pageSubttl { text-transform:none; background:none; } .custom-link a { padding:10px; background: #FF484B; color: #ffffff; } /* ------------------------------------------------------ Page Description (footer) ------------------------------------------------------*/ #page-footer-decription { padding:0.8em; } #page-footer-decription a, #page-footer-decription a:hover { color: #C0C0C0; } #page-footer-decription h2, .shop-cat-bottom h1, .shop-cat-bottom h2, .create-search-product-footer h2, .custom-cat-bottom h1, .custom-cat-bottom h2 { font-family: pt_sans, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; letter-spacing: 0; text-align:center; } .shop-cat-bottom h2 { } .shop-cat-bottom h3, .custom-cat-bottom h3 { margin: 0.5em; font-size: 1.2em; letter-spacing: 0; } #product-list-session .columns strong { color: #b0b0b0; } /* ------------------------------------------------------ Search Result - Label ------------------------------------------------------*/ .result-count { font-family: pt_sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #333333 !important; font-size: 1em !important; font-style:normal !important; text-align:right !important; } .product-title a, .product-title a:visited { color: rgba(195,177,86,1.00); } /* ------------------------------------------------------ Create/SearchProduct - Bottom ------------------------------------------------------*/ .create-search-product-footer { text-align: center; margin-bottom: 50px; } .create-search-product-footer h2 { font-family: ptsans, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FF6568; letter-spacing: 0; line-height:1.1em; text-align:center; padding:10px; padding-top:20px; } .create-search-product-footer p { font-size: 1em; padding-bottom: 10px; color: #666666; } .create-search-product-footer a.learn-more { padding: 0.625rem 1.25rem 0.6875rem; color: #ffffff; background: #34D4B4; font-size: 12px; text-transform: uppercase; transition:all 0.3s ease-in-out; } .create-search-product-footer a.learn-more:hover { background: #FF6568; } /* ------------------------------------------------------ Market/SearchResult2 ------------------------------------------------------*/ .grid-layout .item:hover { box-shadow:none !important; } .product-item-wrapper { padding:10px; position: relative; border:1px solid #f2f2f2; background:#f5f5f5; transition: all 0.3s ease-in-out; } .product-item-wrapper:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } .product-item-wrapper:hover .store-product-link { color: #1585cf; } .product-item-wrapper:hover .store-link { background: #1585cf; color: #ffffff; border-radius: 2px; } .product-item-wrapper .AddRefButton { width: 80%; padding: 8px 15px; margin-top: 10px; display: inline-block; height: 28px; line-height: 10px; font-size:13px; text-align:center; background: #ff494c; color: #fff; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; box-shadow: 0 0 3px #ccc; cursor: pointer; transition: all 0.3s ease-in-out; } .product-item-wrapper .AddRefButton:hover { width:100%; background: #f42125; } .product-item-wrapper .AddRefButton:before { content: "+ "; font-size: 15px; font-weight: bold; } .item2 { border:none !important; background: #fff; text-align:center; } .store-product-link { display: block; padding:5px; color: #333333; font-size: 13px; line-height:15px; height: 50px; overflow:hidden; } .store-link { border:1px solid #eeeeee; background: #ffffff; color: #222222; padding: 1px 5px; border-radius: 2px; font-size: 12px; } .product-item-wrapper:hover .product-price { top: -20px; background: #1585cf; } .product-price { display: inline-block; position: absolute; top:11px; right: 11px; padding:3px 10px; background: rgba(0,0,0,0.80); color: #ffffff; font-size:16px; transition:all 0.3s ease-in-out; } .product-price span { font-size: 12px; position:relative; top:-3px; padding-left:2px; } .sp-wrap { border: solid 1px lightgray; } .sp-large a img { max-height: 400px; } /*-------------------------------------------------- STIEMAP --------------------------------------------------*/ .sitemap-wrapper h2 { font-family: IntroCondLight; border-bottom: 1px solid #333; margin-bottom: 10px; margin-right: 10px; } .sitemap-wrapper h2 span { font-family: nexa; } .sitemap-wrapper h3 { position: relative; font-family: IntroCondLight; font-size: 15px; line-height: 15px; font-weight: bold; padding-left: 10px; padding-right: 10px; margin-bottom:5px; color: #333333; /*border-bottom: 1px solid #333;*/ } .sitemap-wrapper h3:before { position: absolute; left:0; content: "-"; font-family: nexa; } .sitemap-wrapper ul { list-style: none; } .sitemap-wrapper ul li { font-family: Nexa; padding-left: 10px; font-size: 12px; line-height: 18px; } .sitemap-wrapper .large-4.medium-4.columns { padding: 0; } .sitemap-1st-row .columns:last-child h2, .sitemap-2nd-row .columns:last-child h2 { margin-right:0; } .sitemap-2nd-row .large-6.medium-6.columns:first-child { clear:both; } .sitemap-2nd-row .columns { padding:0; } .sitemap-wrapper a { position:relative; display:inline-block; color: #333; transition:all 0.3s ease-in-out; } .sitemap-wrapper li a:hover { color: #fff; background: #ff0000; padding:1px 10px; z-index:9; } /*-------------------------------------------------- HELP --------------------------------------------------*/ .page-header { font-family: "open_sans_condbold", arial, sans-serif; text-align: center; border-bottom: 1px solid #A7A7A7; padding-bottom: 5px; margin-bottom: 20px; } .page-header h1 { font-family: "open_sans_condbold", arial, sans-serif; font-size:30px; } .page-header span { font-family: montserrat, arial, sans-serif; font-size:14px; color: #6B6B6D; } .page-content h2 { font-family: "open_sans_condbold", arial, sans-serif; font-size:20px; color: #4D4D4D; border-bottom: 1px solid #808080; } .page-content h2 span { font-family: nexa; } .page-content .row { position: relative; margin-bottom: 40px; padding-bottom: 60px; } .page-content .row:nth-child(even) { background: #eeeeee; } .page-content ul { font-family: nexa; padding: 0 20px; margin: 0; list-style: none; } .page-content ul li { padding: 5px 0; } .page-content ul li a { position: relative; display: inline-block; padding: 2px 10px; color: #6B6B6D; line-height: 16px; transition:all 0.3s ease-in-out; } .page-content ul li a:hover { color:#14C6B5; } .page-content ul li a:before { content: "-"; font-weight:bolder; position: absolute; left:0; } .page-content a.button { margin: 10px; padding: 10px 20px; position: absolute; bottom: 0; } .page-content .button.hollow.secondary { border-color: #14C6B5; color: #14C6B5; } .page-content .button.hollow.secondary:hover { border-color: #14C6B5; color: #ffffff; background: #14C6B5; } .page-subheader { background: url(v2/images/icon-arrow-down.png) no-repeat top center; padding-top:10px; padding-bottom: 10px; } .page-subheader h1 { font-family: IntroCondLight; font-size:22px; color: #4FC6C6; text-align: center; } .page-content-inner { position: relative; padding-bottom: 50px; } .page-content-inner h2, .page-content-inner h2 strong { font-family: IntroCondLight; color: #4FC6C6; font-size:16px; border: none; } .page-content-inner h3, .page-content-inner h3 strong { font-family: IntroCondLight; color: #666; font-size:16px; border-bottom: solid 1px #A7A7A7; } .page-content-inner h3 span { font-family: nexa; } .page-content-inner h2 strong, .page-content-inner h3 strong { font-family: 'ptsans'; } .page-content-inner p { clear: both; text-align:justify; } .page-content-inner ol { padding: 0 20px; } .page-content-inner ol li { padding-top: 10px; text-align:justify; } .page-content-inner ol ul { list-style-type:disc; } .help-navigation-menu-header { font-family: IntroCondLight; font-size:16px; color: #6B6B6D; text-align:center; } .help-navigation-menu.is-stuck { width:300px; } .help-navigation-menu ul { background: #eee; padding: 10px 0; transition: all 0.3s ease-in-out; } .help-navigation-menu ul li { padding: 0; margin: 0; } .help-navigation-menu ul li a { padding: 10px 30px; transition: all 0.3s ease-in-out; display:block; } .help-navigation-menu ul li a:hover, .help-navigation-menu ul li a.active:hover { background: #4FC6C6; color: #ffffff; } .help-navigation-menu ul li a.active { background: #5BD3D0; color: #ffffff; } .help-navigation-menu ul li a::before { content: ""; } ul.technical-sliverlight-requirement { padding-bottom: 50px; float: left; width: 100%; } ul.technical-sliverlight-requirement li { list-style-type:circle; padding: 10px; float:left; width: 100%; transition: all 0.3s ease-in-out; } ul.technical-sliverlight-requirement li:nth-child(odd) { background: #efefef; } ul.technical-sliverlight-requirement li:hover { background: #4FC6C6; color: #ffffff; } ul.technical-sliverlight-requirement li span { display:block; width: 50%; float:left; } /*-------------------------------------------------- HELP > Shipping --------------------------------------------------*/ ul.where-ship-to { padding-bottom:50px; } ul.where-ship-to li { float: left; margin: 5px; padding: 5px 10px; border: 1px solid #fff; transition: all 0.3s ease-in-out; } ul.where-ship-to li:hover { padding: 5px 20px; border: 1px solid #4FC6C6; background: #4FC6C6; color: #fff; cursor:pointer; } ul.trust-n-safety-ul { list-style-type: disc; } ol.trust-n-safety-ol { padding: 0 20px; } ul.terms-n-conditions-ul { list-style-type: disc; } /*-------------------------------------------------- ViewHelp.aspx > SizeChart --------------------------------------------------*/ #lHelpTitle, .help-title { margin-bottom: 10px; font-family: IntroCondLight; font-size: 30px; border-bottom: 1px solid #A7A7A7; } .help-title { margin-top: 20px; font-family: roboto_thin, sans-serif; } .size-chart-wrapper { margin-top: 20px; } .size-chart-wrapper h2 { padding-bottom: 10px; font-family: nexa, sans-serif; font-size: 18px; line-height: 18px; } .size-chart-wrapper h3 { margin-top: 20px; font-family: roboto_thin, sans-serif; font-size: 16px; line-height: 16px; } .size-chart-wrapper table { width: auto; margin-bottom: 1rem; } .size-chart-wrapper table tr { border-bottom:1px solid #333; } .size-chart-wrapper table tbody tr:nth-child(2n) { background-color: #f1f1f1; } .size-chart-wrapper table th { font-family: roboto_thin, sans-serif; background: #4fc6c6; color: #fff; font-size: 12px; padding: .5rem .625rem .625rem; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .size-chart-wrapper table tr:first-child td { border-top: 1px solid #ccc; } .size-chart-wrapper table tr td:last-child { border-right: 1px solid #ccc; } .size-chart-wrapper table th.table-title { background: #333; color: #fff; } .size-chart-wrapper table td { font-family: nexa, sans-serif; font-size: 12px; padding: .5rem .625rem .625rem; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .measure-section { max-width: 600px; } .measure-section ol li strong { display: block; color: #000; } .measure-section ol li { font-size: 14px; line-height: 14px; padding-bottom: 20px; } .measure-section .columns { padding:0; } /*--------------------------------------------------- Moblie -----------------------------------------------------*/ @media screen and (max-width: 39.9375em) { /*-------------------------------------------------- TOP Bar Wrapper --------------------------------------------------*/ #TopCoupon { line-height: 25px; height: 35px; overflow: hidden; } #login-section-top { position: relative; right: auto; top:auto; transform: none; } .top-bar-right { position: relative; right: auto; } .shop-n-design-section { padding-left: 0; float: right; width: 100%; text-align: left; } #search-bar2 { width: 360px; padding: 0; } .shop-n-design-section a:last-child { padding-right: 0; } .top-bar-left { text-align: center; } .top-logo { display: inline-block; padding-bottom: 10px; float: none; } .cart-menu { top: 0; transform: translateY(-100%); padding-bottom: 10px; } #search-bar2, .search-box, .search-input { width:100% !important; } .subscribe-email, input.emailInput { width:100% !important; min-width: 100%; } .subscribe-title { display: none; } .menu>li { display: inline-block; float: left; } ul.dropdown > li:hover { z-index: 2; } ul.dropdown > li ul { transform: translateY(0em); left: auto; right: 0; } /* ------------------------------------------------------ Social Media ------------------------------------------------------*/ .social-media { position: relative; transform: none; padding-top: 15px; } .social-media ul { text-align: center; } .footer-subscribe { padding-left: 0; } .footer-copyright { text-align: center; } .footer-logo, .footer-licence-section { float: none !important; width: auto; margin-bottom: 10px; display: inline-block; } .footer-licence-section ul li:first-child { padding-left: 0; } /* ------------------------------------------------------ Market/SearchResult2 ------------------------------------------------------*/ .product-price { padding:2px 5px; font-size:14px; } .sp-wrap { min-height: 120px !important; } /* ------------------------------------------------------ CUSTOMIZE page ------------------------------------------------------*/ ul.customize-item-wrapper > li.column { padding-top: 50px; padding-bottom: 50px; } ul.customize-item-wrapper li.column .customize-item { background: #f8f8f8; } ul.customize-item-wrapper li.column .customize-item-image { width: 40%; margin-top: -50px; } ul.customize-item-wrapper li.column .customize-item-title { right:0; top:2px; width: 60%; font-size: 20px; line-height: 20px; color: #14c6b5; } ul.customize-item-wrapper li.column .customize-item-button { right:15px; bottom:15px; } ul.customize-item-wrapper li.column .customize-item-content { opacity:1; background: rgba(255, 255, 255, 0.9); transition: all 0.3s ease-out; } /*-------------------------------------------------- HELP --------------------------------------------------*/ .help-navigation-menu { display: none; } .page-header h1 { font-size: 20px; line-height: 20px; } .page-content.row { margin: 10px; } .page-content .row .large-4.medium-4.columns { position: relative; padding-bottom: 60px; margin-bottom: 20px; } } /* Mobile */ /*--------------------------------------------------- Tablet -----------------------------------------------------*/ @media screen and (min-width: 40em) and (max-width: 63.9375em) { .off-canvas-wrapper-inner .large-12.columns { padding: 0; } .top-bar .top-bar-left { width: 100%; } .shop-n-design-section { width: 100%; text-align: center; padding-top: 20px; } .top-bar .top-bar-right { width: 50%; text-align: center; } #search-bar2 { display: inline-block; width: 360px; float: none; position: relative; left: -50%; } .social-media { position: relative; right: auto; top: auto; transform: none; } } /* Tablet */ @media only screen and (min-width: 64em) { .large-up-5 > .column, .large-up-5 > .columns { width: 25%; margin-top: 20px; } .large-up-5.medium-up-5.mega-menu-cowcow-right-inner > .column, .large-up-5.medium-up-5.mega-menu-cowcow-right-inner > .columns { width: 20%; margin-top: 0; } .large-up-5 > .column:nth-of-type(n) { clear:none !important; } /*.large-up-5 .sp-wrap { min-height: 165px; }*/ .large-up-5 .store-product-link { padding-top: 10px; font-size: 15px; line-height: 18px; } } /* Desktop */

No matches found!

Sell your designs now!











Top