/* Name: Buy Online Meds Shop Date: Oct 2015 Description: main css for all pages Version: 3.0 008 */ @font-face { font-family: 'museo_slab500'; src: url('../fonts/museo_slab_0.eot'); src: url('../fonts/museo_slab_0.eot?#iefix') format('embedded-opentype'), url('../fonts/museo_slab_0.woff2') format('woff2'), url('../fonts/museo_slab_0.woff') format('woff'), url('../fonts/museo_slab_0.ttf') format('truetype'), url('../fonts/museo_slab_0.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'museo_sans100'; src: url('../fonts/museosans-100_0.eot'); src: url('../fonts/museosans-100_0.eot?#iefix') format('embedded-opentype'), url('../fonts/museosans-100_0.woff2') format('woff2'), url('../fonts/museosans-100_0.woff') format('woff'), url('../fonts/museosans-100_0.ttf') format('truetype'), url('../fonts/museosans-100_0.svg#museo_sans100') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'museo_sans300_italic'; src: url('../fonts/museosans-300italic_0.eot'); src: url('../fonts/museosans-300italic_0.eot?#iefix') format('embedded-opentype'), url('../fonts/museosans-300italic_0.woff2') format('woff2'), url('../fonts/museosans-300italic_0.woff') format('woff'), url('../fonts/museosans-300italic_0.ttf') format('truetype'), url('../fonts/museosans-300italic_0.svg#museo_sans300_italic') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'cocogooseregular'; src: url('../fonts/Cocogoose_trial.eot'); src: url('../fonts/Cocogoose_trial.eot?#iefix') format('embedded-opentype'), url('../fonts/Cocogoose_trial.woff2') format('woff2'), url('../fonts/Cocogoose_trial.woff') format('woff'), url('../fonts/Cocogoose_trial.ttf') format('truetype'), url('../fonts/Cocogoose_trial.svg#cocogooseregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'museo_sans500'; src: url('../fonts/MuseoSans_500.eot'); src: url('../fonts/MuseoSans_500.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans_500.woff2') format('woff2'), url('../fonts/MuseoSans_500.woff') format('woff'), url('../fonts/MuseoSans_500.ttf') format('truetype'), url('../fonts/MuseoSans_500.svg#museo_sans500') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'museo_sans300'; src: url('../fonts/MuseoSans-300_0.eot'); src: url('../fonts/MuseoSans-300_0.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans-300_0.woff2') format('woff2'), url('../fonts/MuseoSans-300_0.woff') format('woff'), url('../fonts/MuseoSans-300_0.ttf') format('truetype'), url('../fonts/MuseoSans-300_0.svg#museo_sans300') format('svg'); font-weight: normal; font-style: normal;} @charset "utf-8"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video{ margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; /*font-family:'museo_sans100', Arial, Helvetica, sans-serif; */font-size:14px; color:#7a7a7a; line-height:24px; text-align:left;} article, aside, figure, footer, header, hgroup, nav, section{ display: block; } body{padding-bottom:25px; /* padding-top: 0px!important; */} .otrWrp{/* width:100%; */ /* margin:0px auto; *//* height: 100%; */} .ptrn{ /* background:url(../images/bg-pattern.jpg); */ /* min-height: 100%; */} .ptrn2{ background:url(../images/bg-pattern2.jpg); } * { margin: 0;} *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%;} .pgOtrWrp { /* min-height: 85%; */ /* padding-bottom: 112px; */ /* position: relative; */} .wrap{max-width: 1000px;width:100%;margin:0px auto;position: relative;/* min-width: 300px; */} .wrap.shrt{/* width:1065px; */} .mdlPnl .wrap{max-width: 100%;} section{margin: 1.5% auto!important;} section section{/* margin: 0%!important; */} ul{margin-left:0px;} ol{margin-left: 30px;margin-bottom: 20px;} ul li{ list-style:none;} ul.bult{ margin-bottom:10px;} ul.bult li{list-style:none; background: url(../images/bg-bult.jpg) no-repeat left 7px; display:block; padding-left:3%;} ul li ul, ul li ol{margin-left:15px;} ul li ul li{list-style:none;} iframe, img{ border:0px;} table{border-collapse:unset !important;} a{text-decoration:none; color: #5b5b5b; outline:0; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; cursor:pointer;} a:hover{text-decoration:none;} .clear{clear:both;} h1{font-size:22px; color:#134270; } h1.brdCrmb, h1.brdCrmb span{ font-size: 10px; color:#505050; margin-bottom: 5px; text-transform: uppercase;display: none;} h1.brdCrmb.acnt{ margin-left:25px;} h3{color: #134270; font-size: 18px; margin-bottom: 10px;padding-top:9px;} h4{background:url(../images/faqBlt.jpg) left no-repeat; padding-left:15px; color:#134270; font-weight:normal; margin-top:10px;} p{margin-bottom: 10px; } p.hpy{margin-bottom:15px; text-align:justify; padding-left:20px;} input[type="text"], textarea, input, a.btn, select{background: rgba(255, 255, 255, 0);width: 225px;padding: 6px 7px 6px 7px;border: 1px solid #00bbd3;line-height: 11px;color:#7a7a7a;font-size:12px;height: 30px;font-family:Arial, Helvetica, sans-serif;/* margin-top:10px; */} select{width: 204px;} textarea {height:60px; width:226px;} input.sml{width:45px; margin-left:4px; margin-right:4px;} input.bg{width:300px;} input.pwd{width:350px;} input[type="submit"], input[type="reset"], input.btn, input.btnb, a.btn{padding:8px 7px;background: #00bbd3;font-size:14px;color:#fff;margin-top:10px;cursor:pointer!important;border:0;-webkit-appearance: none;} a.btn{ display:inline-block; text-align:center; margin-bottom:10px;} a.btn.bg{width:135px;} a.anchr{position:absolute; top: -215px;background:none; display: block; width: 10px; height: 10px;} input.btnb, a.btn.b{width:135px;} input[type="submit"]:hover, input[type="reset"]:hover, input.btn:hover, input.btnb:hover, a.btn:hover{text-decoration:none;border: 0px solid #b1b1b1;background-color: #00bbd3;/* color:#393839; */} input.btnb.rt{float:right;} input[type="text"]:focus, textarea:focus{ color : #555; outline:0; } input[type="checkbox"]{width:20px; padding:0px; margin:0px;} .chk{padding-bottom:0px; padding-top:4px; line-height:16px;} .chk input{width:20px; background:none; margin-top:0px;} .drpDwn{background:#f4f4f4; width:182px; padding:7px 7px 6px 7px; border:1px solid #e0e0e0; color:#7a7a7a; font-size:12px;} .btn{border-radius: unset !important;} .errorTxt{color:#134270; font-size:12px; margin-top:5px;} .error{font-size: 13px; padding: 6px 10px; color: #FFF!important; background-color: #134270; width: 86%; position: absolute; z-index: 1; transition: 0.15s ease-out; display: none;left: 5px;font-weight: normal;bottom: -27px; cursor:pointer;} .error::after{ content: ''; display: block; position: absolute; left: 15px; top: -15px; width: 0;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 20px solid #134270;} .error b{font-size: 14px; color:#fff;} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{top: 0.5em !important; left: -1em !important;} fieldset{width: 100%; border:0px;float: left;} div.fldWrp{ float:left;WIDTH: 100%;} div.fldWrp label{width: 93px; float:left; margin:0px auto; padding-top:10px;color: #393839;MARGIN-RIGHT: 15PX;font-size: 12px;} div.fldWrp label.lrg{width:120px; float:left; font-size:12px; margin:0px auto; padding-top: 2px;} div.fldWrp label.lrg.frgt{ width:19%;} div.fldWrp label.pswrd{width:120px; float:left; font-size:12px; margin:0px auto; padding-top:10px;} div.fldWrp input{width: 60%; float:left; margin-bottom:10px;/* WIDTH: 100%; */} div.fldWrp input.btn{width: 60%;/* -webkit-appearance: none; */margin: 0px 0px;} fieldset.flfrm{width:100%;} fieldset.flfrm.reg{width:100%;} fieldset.flfrm div.fldWrp .error{/* margin-left:180px; */} fieldset.flfrm.reg {width: 65%; margin: 30px 17.5%; display:block;} fieldset.flfrm.reg h1{ text-align:center; margin-right:18%; } fieldset.flfrm.reg h1.frgtHdng{text-align:center;font-family: 'museo_sans300', arial;margin-right: 0%;color: #012a56;} fieldset.flfrm.reg p.frgtPwd{ text-align:center; margin: 5px 20px;} fieldset.flfrm.reg .fldWrp{position: relative;} fieldset.flfrm.reg.lgn.frgt .errorTxt{ margin-left: 0; text-align: center; width: 100%; display: block;} fieldset.flfrm.reg label{width: 30%; margin-top: 0px;} fieldset.flfrm.reg input{width: 60%;} fieldset.flfrm.reg input.pwd{width: 58%; } fieldset.flfrm.reg input.btnb{font-family: 'museo_sans300', arial;-webkit-appearance: none;} fieldset.flfrm.reg input.btn{width: 60%; font-family: 'museo_sans300', arial; text-transform:uppercase;-webkit-appearance: none;} fieldset.flfrm.reg div.fldWrp .error{left:0px; width:100%} fieldset.flfrm.reg .fldWrp a{margin-top:5px; padding-top:5px; cursor:pointer;font-weight: bold;} fieldset.flfrm.reg .fldWrp.trm input{margin-top: 3px; margin-right: 3px; } fieldset.flfrm.reg .fldWrp.trm label{width: 80%; float:left;margin-top: 0px;padding-top: 0px;line-height: 18px;} fieldset.flfrm.reg.lgn .error{margin-left:30%; width: 65%;} fieldset.flfrm.reg.lgn .errorTxt{margin-left:30%;} fieldset.flfrm.reg.lgn.frgt .fldWrp{width: 74%; margin:0px auto;float: none;} fieldset.flfrm.reg.lgn.frgt input{width: 98%;} fieldset.flfrm.reg.lgn.frgt input.btnb{width: 98%;} div.fldWrp .frgt{margin-left:30%; font-size:12px; margin-top:15px;} fieldset.flfrm.reg.lgn.frgt .error{ width: 73%; left: -76px; bottom: -55px;} .ppUp#lgnPnl fieldset.flfrm.reg.lgn .error{ width:63%;} .rgster{} .rgster .lft{width: 100%;} .rgster .lft p, .rgster .lft p a, div.fldWrp .frgt, div.fldWrp .frgt a{color: #5E5E5E;line-height: 19px;} .rgster .lft p a, div.fldWrp .frgt a{text-decoration:underline;} .rgster .lft p i{color:#134270;line-height: 16px;} .rgster .lft h1{font-size:34px;line-height: 38px;/* font-family: 'cocogooseregular', arial; */letter-spacing: -1px;color: #012a56;margin-bottom: 10px;} .rgster fieldset.flfrm.reg{width: 100%;margin: 0;margin-left: 0%;} .rgster fieldset.flfrm.reg input{width:100%;} .rgster fieldset.flfrm.reg .btn{height:32px; display:block; } .rgster fieldset.flfrm.reg .or{display:block; height:40px; background: url(../images/bg-singUpOR.png) center center no-repeat; width: 12%; float: left;margin: 0 41%;} .rgster fieldset.flfrm.reg .btn.fb{ background:#52689f;} .rgster fieldset.flfrm.reg .btn.ggl{ background:#134270;} img{vertical-align: unset !important;} div.fbReg{background:url(../images/img-or2.jpg) -8px 102px no-repeat; width:34%; float:left; padding-top:88px; padding-left:75px;} div.fbLgn{background:url(../images/img-or2.jpg) -8px 26px no-repeat; width:34%; float:left; padding-top:10px; padding-left:75px;} div.fldWrp.chklst{width:100%;} div.fldWrp.fdsrv{width:50%;} div.fldWrp.chklst label{float:none;} .mrgl{margin-left:180px;} div.fldWrp.btn {padding-left:128px;} div.fldWrp.txtara{min-height:80px;} div.fldWrp.txtara div{margin-left:180px;} .chk.lst input{margin-top:3px; float:left;} .chk.lst2 input{margin-top:9px; float:left;} .chk.lst2 label{width:280px; font-weight:bold;} div.fldWrp.chklst .chk.lst label{margin-top:0px; width:165px; padding-top:0px; float:left;} .lft{float:left;} .rgt{float:right;=: 88%;width: 75.6%;} .dsnRgtTag{background: url(../images/wrpRgtTag.png) no-repeat left top; width:19px; height:124px; display:block;float: right;margin: 10px .3%;margin-top: -135px;} input[type="checkbox"], input[type="radio"]{width: 16px!important;margin-top: 0px;margin-right: 0px;} .dtchk input[type=checkbox], .dtchk input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width: 1px!important; margin: -1px; padding:0; border:0; } .dtchk input[type=checkbox] + label, .dtchk input[type=radio] + label {padding:0px; padding-left: 22px; margin:0px auto; height: 19px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; width: 1px;margin-left: 4px;} .dtchk input[type=radio] + label {padding-left:22px;height: 17px;} .dtchk input[type=checkbox]:checked + label, .dtchk input[type=checkbox]:hover + label{ background-position: 0 -21px; } .dtchk input[type=radio]:checked + label, .dtchk input[type=radio]:hover + label { background-position: 0 -19px; } .dtchk input{ background-image:url(../images/bg-chck-btn.png);} .dtchk label{ background-image:url(../images/bg-rdo-btn.png);} .szCrt{} .szCrt .rdo input{ float:left; margin-top: 5px;} .szCrt .rdo.lrg label{width: 43%;} /*.szCrt select#citySlct, .szCrt select#cntrySlct{} .szCrt .select2-container .select2-choice, .szCrt .select2-container .select2-choice .select2-arrow{border-radius:0px; border-color:#cbcbcb;} .szCrt .select2-drop.select2-drop-above.select2-drop-active{border-top-color:#5897fb; bor} .select2-container .select2-choice > .select2-chosen{padding-top:5px;}*/ /* Universal PopUp Design */ .pgWrp{background:#000; height:100%; width:100%; position:fixed; top:0px; left:0px; z-index:9999; display: none; opacity:0.8; filter:alpha(opacity=80); } .ppUp{display:none;width: 25%;max-width:600px;min-height:300px;background:#fff;left: 60%;top: 57%;position:fixed;z-index:9999;margin-top:-160px;margin-left: -440px;padding: 20px;-moz-box-shadow: 0 0 10px #000;-webkit-box-shadow: 0 0 10px #000;box-shadow: 0 0 10px #000;} .clsBtn{display:block;width:30px;height:30px;background: url(../images/btn-close.png) no-repeat center center;text-indent:-10000px;position: absolute;top: -15px;right: -15px;cursor: pointer;} .ppUp#szChart{max-width:800px; top:5%; margin-top:0px; margin-left: -400px;} .ppUp#szChart img{width:100%;} .ppUp.vdo{max-width:51%; margin-left: -27%; padding:0px; background:none; -moz-box-shadow: 0 0 0px #000; -webkit-box-shadow: 0 0 0px #000; box-shadow: 0 0 0px #000;} .ppUp.vdo iframe{width:100%; height: 390px; background:url(../images/vdo-loading.gif) no-repeat center center;} .ppUp h3{ text-align:center; padding-top: 0;} .ppUp h3 a{color:#fff; font-size:14px;} .pgWrp .fldWrp{width:45%; float:left; margin:0px 2.5%; min-height:50px;} .pgWrp .fldWrp.fl{width:93.5%; min-height:60px;} .pgWrp .fldWrp label{width:25%; padding-top:5px; float:left; display:block; font-weight:bold;} .pgWrp .fldWrp.fl label{width:11.7%;} .pgWrp .fldWrp label:after{content:"*";} .pgWrp .fldWrp input{width: 66%; padding:5px 2%; margin:0px; border:1px solid #bebebe;} .pgWrp .fldWrp.fl textarea{width:83.5%; padding:5px 2%; margin:0px; height:40px; border:1px solid #bebebe;} .pgWrp .fldWrp input[type="button"]{width:40%; background: #17647b; height:28px; margin-left:25%; border:0; } .ppUp#szChart .szChrtMbl{ display:none;} /*---- log in popUp -----*/ .ppUp#lgnPnl, .ppUp#frgtPnl{ width: 370px; min-height: 250px; padding: 8px 10px; margin-left: -340px;} .ppUp#lgnPnl fieldset.flfrm.reg{ width:99%; margin: 15px 1.5%; margin-top: 28px;} .ppUp#frgtPnl fieldset.flfrm.reg{width:99%; margin: 15px auto; margin-top: 42px;} .ppUp#frgtPnl fieldset.flfrm.frgt.reg label{display:none;} .ppUp#lgnPnl fieldset.flfrm.reg h1{text-align: center;margin-right: 17%;color: #022a56;margin-bottom: 0;} .ppUp#lgnPnl fieldset.flfrm.reg label{ text-align:right; width: 30%; padding-right: 4%;} .ppUp#frgtPnl fieldset.flfrm.reh.lgn .error{margin-left:0%; left:0px; width:98%; bottom:-50px;} label.lrg {} .ppUp#lgnPnl fieldset.flfrm.reg p.frgt{ font-size: 12px; float: left; margin-top: 10px;} /*--- table---*/ .tblCrt { width:100%;} .tblCrt input[type="checkbox"], input[type="radio"]{ float:left; margin-right:10px;} .tblCrt label{ /* padding-top: 6px; */margin-top: 4px;display: block;} a.btn.shpNw{ width: 40%; padding: 9px 5px; text-transform: uppercase; background-color: #fff; /* border: 2px solid #09B4A1; */ display: block; color: #000; font-weight: bold; font-size: 13px; height: 22px;} #cssmenu > ul > li.lk.lkd{ display:none;} /*--- HOME *------*/ header{width:100%;/* height:112px; */margin:0px auto;/* margin-bottom: 3.5%; */-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #b7b7b7;background: #134270;} header .tpPnl{/* background: #0098e1; */border-bottom: 1px solid #f3f3f3;} header .tpPnl .rgt{width: 22%;} header .tpPnl input{border-color: #00bbd3;} header .mdlPnl{} header .lft{float:left;width: 25%;padding: 10px 0%;} header .lft a{ display: block; line-height: 10px;} header .mid{width: 25%;float: left;padding-top: 12px;text-align: center;} header .rgt{width: 30%;/* float: left; */padding: 1.4% 0% 1.4%;} header .sb-search input.sb-search-submit{padding: 6px 15px;/* border: 1px solid #0098e1; */color: #0098e1;background-color: #fff;/* background: url(../images/srch.png) no-repeat left 3px; *//* height: 45px; */margin-top: 0;text-align: left;position: absolute;/* left: 13%; */width: 70px;border-left: 0px;} header .rgt .tpOne ul li a{ background: rgba(0,0,0,0.7); color:#fff;} header .rgt .tpOne ul li a:hover{background: rgba(0, 0, 0, 0.9);} h1{ font-size: 22px; color:#39464f; /* text-align:center; */ text-transform:uppercase; margin-bottom:25px;font-weight: normal;} .tpTw{padding: 2.5% 0px;height: 60px;position: relative;} header .rgt .tpTw a{ color: #646464; display: block;text-decoration:none; font-size: 15px; background: url(../images/cart.png) no-repeat left 14px; padding-left: 32px; padding-bottom: 10px; padding-top: 14px; width: 145px;} header nav ul li{ float:left; list-style:none;} header nav ul li a{ text-decoration:none; color:#39464f; font-size:15px; margin-right:15px; padding:8px 10px;} header.fxd{z-index: 999;-moz-box-shadow: 0 0 5px #999;/* -webkit-box-shadow: 0 0 5px #999; *//* box-shadow: 0 0 5px #999; */width: 100%;/* background-color: #134270; */} header .tp{width: 100%; background:#f0f2f4; text-align:right; padding:5px 1%; font-weight:bold; color:#283158;} header .tp sup{color:#283158; font-size:10px; font-weight:bold;} header.fxd .tp{ height:0px; line-height:0px; display:none;} header .logo{width: 100%;text-align:center; padding:15px 1%;} header .logo img{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -transition: all 0.2s ease-in-out; background-color:#003399;width: 127px;} header.fxd .logo{padding: 5px 1%;height: 57px;margin: 15px 0px 25px;} header.fxd .logo img{ height: 60px; width:auto; } header .tpNav .lft{width: 47%;} header .tpNav .rgt{width: 52%;} nav ul{ margin:0px auto!important;/* width: 72.5%!important; */} nav ul li{margin: 0% 0% 0% 0%!important;border-right: 1px solid #fff;/* padding-right: 0%!important; */} nav ul li:last-child{margin-right:0%!important; border:none!important;} .tpNav .rgt ul li.lgn a span{ color:#393839;} .tpNav .rgt ul li.srch {float:right;width: 28%;padding-bottom: 0px; margin-right:0px;padding-right: 5px;} .tpNav .rgt ul li.srch input{ width: 81%; border: 0px; height: 21px; padding-left: 10px; color: #555; float: left; padding: 5px 0; border-bottom: 1px solid #848484; margin-top: 4px;} .tpNav .rgt ul li.srch input[type="submit"]{background: url(../images/bg-srch.png) no-repeat right top #fff; width: 25px; border: 0px; height: 21px; padding-left: 0px; color:#fff; float: left; text-indent: -10000px;border-bottom: 1px solid #848484; } .sb-search {-moz-transition: width 0.3s;} .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%; height: 60px; margin: 0; z-index: 10; padding: 20px 65px 20px 20px; font-family: inherit; font-size: 20px; color: #2c3e50;} .sb-search-input::-webkit-input-placeholder { color: #efb480;} .sb-search-input:-moz-placeholder { color: #efb480;} .sb-search-input::-moz-placeholder { color: #efb480;} .sb-search-input:-ms-input-placeholder { color: #efb480;} .sb-icon-search, .sb-search-submit { display: block; position: absolute; right: 0; top: 0;} .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 1; color: transparent; border: none; outline: none; z-index: 27;} .sb-icon-search { color: #fff; background: #e67e22; z-index: 90; font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;} .sb-icon-search:before { content: "\e000";} /* Open state */ .sb-search.sb-search-open,.no-js .sb-search { width: 100%;} .sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search { background: #da6d0d; color: #fff; z-index: 11;} .sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit { z-index: 90;} .rgt ul {} .rgt ul li {/* list-style:none; */float: left;/* color: #231f20; *//* padding: 5px 3px; */position:relative;/* font-weight: bold; *//* text-align: center; *//* font-size: 16px; */margin-left: 0;} .rgt ul li a {/* display:block; */font-size: 13px;padding: 1px 5px;color: #fff;/* margin: 0px; */text-transform:uppercase;/* cursor: pointer; */font-weight: bold;} .rgt ul.tpOne li a { display: block; /* padding-top: 5px; */ padding-bottom: 0; } .rgt ul li.lgn a span{color: #049ce7;} .rgt ul li.srch {float:right;width: 28%;padding-bottom: 0px; margin-right:0px;padding-right: 5px;} .rgt ul li.srch input{ width: 81%; border: 0px; height: 21px; padding-left: 10px; color: #555; float: left; padding: 5px 0; border-bottom: 1px solid #848484; margin-top: 4px;} .rgt ul li.srch input[type="submit"]{background: url(../images/bg-srch.png) no-repeat right top #fff; width: 25px; border: 0px; height: 21px; padding-left: 0px; color:#fff; float: left; text-indent: -10000px;/* border-bottom: 1px solid #848484; */} .sb-search {position: relative;width: 35%;/* min-width: 25px; *//* height: 31px; */float: right;/* overflow: hidden; *//* -webkit-transition: width 0.3s; */-moz-transition: width 0.3s;/* transition: width 0.3s; *//* -webkit-backface-visibility: hidden; */margin-top: 0px;margin-right: 20px;} .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%; height: 60px; margin: 0; z-index: 10; padding: 20px 65px 20px 20px; font-family: inherit; font-size: 20px; color: #2c3e50;} .sb-search-input::-webkit-input-placeholder { color: #efb480;} .sb-search-input:-moz-placeholder { color: #efb480;} .sb-search-input::-moz-placeholder { color: #efb480;} .sb-search-input:-ms-input-placeholder { color: #efb480;} .sb-icon-search, .sb-search-submit { display: block; position: absolute; right: 0; top: 0;} .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 1; color: transparent; border: none; outline: none; z-index: 27;} .sb-icon-search { color: #fff; background: #e67e22; z-index: 90; font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;} .sb-icon-search:before { content: "\e000";} .sb-search input{border: 1px solid #fff;color: #fff;} /* Open state */ .sb-search.sb-search-open,.no-js .sb-search { width: 100%;} .sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search { background: #da6d0d; color: #fff; z-index: 11;} .sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit { z-index: 90;} .rgt ul li a span{font-size:12px;color: #fff;} .rgt ul li ul, .rgt ul li .tpCrt, .rgt ul li #itemAdded{padding:0; width: 180px; display: none; position:absolute; z-index:10000; /* padding-top: 15px; */ margin-left: 0px; } .rgt ul li ul:before{content:"";width: 0;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #323C1B;margin:0 10px;margin-top: 0px;display: block;/* margin-left: 150px; */} .rgt ul li ul li{ margin:0; padding:0; float:none; text-align: left; width: 96%;} .rgt ul li ul li a{ padding: 2px 5%; margin:0; width: 100%; white-space: nowrap; font-weight: normal;} .rgt ul li ul li a.itlc{ font-style:italic; font-weight:bold;} .rgt ul li ul li:last-child a{ border-bottom:0px solid #fff;} .rgt ul li.wlcm, ul li.lgn{display:block;} .rgt ul li.lk a{display:block; min-width:20px; height:16px; padding:0px; margin-top:5px; background:url(../images/icn-like.png) no-repeat right top;display: none;} .rgt ul li.lk.lkd a{background-image:url(../images/icn-liked.png); position:relative; display:block; } .rgt ul li.lk.lkd a span{display:block; border:1px solid #134270; color:#134270; position:absolute; text-align:center; font-weight:bold; font-size:12px; height:14px; line-height:15px; right:13px; top:-4px; border-radius:10px; min-width: 8px;padding: 0px 5px;} .rgt ul{margin-right:10px;} .rgt ul.tpOne{width: 46%;/* padding-top: 10px; *//* padding-right: 20%; */float: left;} .rgt ul.tpOne li{margin-left: 3px;/* margin-top: 3px; */} .rgt ul.tpTw{ width:100%;padding-top: 8%;} .rgt ul.tpTw li{float:right;/* width: 100%; */} .rgt ul li ul li:hover a{ background:#f3e873;} .rgt ul li.lk{margin-right: 3px;margin-left: 0px;display: none;} .rgt ul li.lk.lkd{margin-left:6px;} .rgt ul li ul{/* margin-left: -110px; */ } .rgt ul li.lgn ul{/* left: 0px; */} .rgt ul li ul:before{margin-left: 5px;} .rgt ul li .tpCrt, .rgt ul li #itemAdded{display: none;border: 1px solid #dcdbdb;background: #FFF;width: 190px;right: 10px;top: 42px;padding-top:0px;padding-bottom: 10px;overflow: visible!important;} .rgt ul li #itemAdded{padding-bottom:0px;} .rgt ul li .lnkMr{width:140px;height:25px;padding-top:0px;text-align:center;text-transform:uppercase;color: #fff;background-color: #fff692;font-weight:bold;font-size:14px;margin: 8px 10px 0px;background: none;background-color: #929292;padding-left: 0%;/* position: absolute; *//* left: 0%; */} .rgt ul li .tpCrt div{position:relative;} .rgt ul li .tpCrt:before{background: url(../images/crt-tp-arw.png) no-repeat 140px top transparent;content:"";position:absolute;left: 0px;top: -19px;width: 100%;height:20px;} .rgt ul li #itemAdded:before{ background: url(../images/crt-tp-arw-a.png) no-repeat 140px top transparent; content:""; position:absolute; left: 0px; top: -19px; width: 100%; height:20px;} .rgt ul li .tpCrt td{border-bottom: 1px solid #dcdbdb;padding:10px;padding-bottom: 5px;} .rgt ul li .tpCrt .img{width:150px; max-height: 160px; overflow:hidden;} .rgt ul li .tpCrt .img img{width:100%; height:auto; } .rgt ul li .tpCrt h1, .rgt ul li #itemAdded h1{color:#134270;font-size:14px;font-weight:normal;line-height:14px;min-height: 52px;margin: 0;} .rgt ul li .tpCrt h1 span{font-size: 16px;/* display:block; */font-weight: bold;margin-top: 5px;} .rgt ul li .tpCrt h1 i{font-size:12px;line-height:8px;} .rgt ul li .tpCrt h1 i span{margin-left:5px;} .rgt ul li .tpCrt p{margin-bottom:0px; min-height: 30px; line-height:18px;} .rgt ul li .tpCrt p b, .rgt ul li .tpCrt p b span{font-weight:normal;color: #00bbd3;font-weight: bold;} .rgt ul li .tpCrt .actBtn{} .rgt ul li .tpCrt .actBtn a{text-indent:-10000px;width: 24px;height:24px;display:inline-block;border-radius:13px;position:relative;/* padding: 0; */background: url(../images/icn-edt-del.png) #00bbd3 no-repeat -21px center;} .rgt ul li .tpCrt .actBtn a.del{background-position:5px center; } .rgt ul li .tpCrt .actBtn a:hover{background-color: #00bbd3;} .rgt ul li .tpCrt .actBtn a span{background-color: #00bbd3;display:none;border-radius:5px;position:absolute;color:#fff;text-indent:0;text-align:center;width:160px;left:-68px;top:-35px;} .rgt ul li .tpCrt .actBtn a span:before{background: url(../images/crt-tp-arw2.png);content:"";position:absolute;left:50%;margin-left:-11px;bottom:-8px;width:22px;height:10px;} .rgt ul li .tpCrt .actBtn a:hover span{display:block;} .rgt ul li .tpCrt .noItm, .rgt ul li #itemAdded .noItm{padding: 12px;min-height:10px;line-height: 20px;color: #fff;font-size: 12px;font-weight: bold;background-color: #012a56;} .rgt ul li .tpCrt p.amt{margin-left:10px; margin-top:5px; min-height:20px;} .rgt ul li .tpCrt .btn{margin-left:10px;width: 89%;} .column {float: left;width: 50%;padding: 0 2em;min-height: 300px;position: relative;} .tpNav #cssmenu > ul > li.show{ display:none;} .hmBnr{width: 100%;margin: 0% auto 0;overflow: hidden;position:relative;/* height: 415px; */padding-bottom: 0%;margin-top: 0%!important;} .hmBnr.inr{margin-bottom:1%; max-height: 306px; height:auto;} .hmBnr li{ line-height:0px; margin: 0; padding: 0px;} .hmBnr li a.shpNwBtn{ background: url(../images/bg-shpNw.jpg) no-repeat center center; top: 61%; display: block; position: absolute; width: 221px; right: 17%; height: 55px;} .hmBnr h1.brdCrmb{padding-bottom:4px;display: none;} .hmBnr img{width: 100%;} .hmBnr .bx-wrapper .bx-pager {bottom: 0; top: auto;right: 0;} .hmBnr .btnTxt{width:378px; height:136px; position:absolute; right: 11.1%; top:50%; margin-left:-190px; margin-top:-70px; z-index:999;} .hmBnr.mbl{display:none;} .hmBnr .shrtPnl{ width:75%; background-color:#0ab3a3; padding-top:50px; padding-bottom:50px; position:absolute; left:12.5%; top: 40%;opacity: .9;} .hmBnr .shrtPnl h1{ font-size:40px; color:#fff; text-align:center;} .hmBnr .shrtPnl p{ padding: 25px 145px; text-align: center; color:#fff;} .hmBnr .shrtPnl a{ text-align:center; display:block; text-transform:uppercase; padding:8px 15px; border:1px solid #fff; width: 13%; margin:0px auto; text-decoration:none; color:#fff;} .shrtPnl h1{ color:#f8a404; text-align:center;font-size: 30px;} .hightlights{ /* margin-top: 0%!important; */ } h1.HD{width: 100%;padding: 0 0 10px;/* background-color: #00bbd3; */color: #134270;font-size: 28px;border-bottom: 1px solid #134270;font-weight: bold;} .hightlights .bnr{float:left; display:block; overflow:hidden; line-height:0px; width:19.6%; margin-bottom: 1.5%; height:100%; position:relative;} .hightlights .bnr.muscFest, .hightlights .bnr.beachBoho{ height:220px;} .hightlights .bnr.muscFest iframe, .hightlights .bnr.beachBoho iframe{ height: 399px;width: 179%;margin-top: -56px; margin-left: -40%;} .hightlights .bnr img{/* width:100%; */ margin: 0px auto;display: block;} .hightlights .bnr img.bnrMbl2{ display:none;} .hightlights .bnr.bg{width:100%;/* min-height: 510px; */margin-bottom: 7%;} .hightlights .bnr.bg ul li{width: 31.30%;list-style:none;float:left;position: relative;margin-right: 3%;min-height: 325px;margin-bottom: 4%;margin-left: 0px;} .hightlights .bnr.bg ul span:nth-child(3n+0) li{ margin-right:0px;} .hightlights .bnr.bg ul li h2 span{text-transform:capitalize;line-height: 27px;display: block;text-align: center;font-size: 20px;color: #fff;margin: 15px 10px 10px;} .hightlights .bnr.bg ul li .nwTg{background: url(../images/tag-new.png) no-repeat left top; width: 55px; height:55px; display:block;position: absolute;top: 0;left: 15%;} .hightlights .bnr.bg ul li .yuTb{background: url(../images/tag-utb.png) no-repeat left top; width: 45px; height: 45px; display:block;position: absolute;bottom: 50%; right: 15%;} .hightlights .bnr.bg ul li img{ margin:0px auto; display:block;height: 170px;width: 100%;} .hightlights .bnr.bg ul li h2{color: #1289cc;font-size: 20px;text-align:center;margin: 0;height: 110px;overflow: hidden;background: #134270;} .hightlights .bnr.bg ul li p{/* font-size: 14px; *//* color: #666; */text-align:center;margin-bottom: 13px;/* line-height: 19px; *//* font-weight: normal; */margin-bottom: 0px;margin: 0;} .hightlights .bnr.bg ul li p span{color: #333;font-weight:bold;font-size: 16px;text-align: justify;line-height: 24px;} .hightlights .bnr.bg ul li p.prc{margin: -50px auto 0;display: block;background: #fff;width: 100px;border: 2px solid #e2e2e2;border-radius: 50px;height: 100px;padding: 25px 0;} .hightlights .bnr.bg ul li p.prc span{color: #134270;font-weight:bold;font-size: 29px;text-align: justify;line-height: 34px;display: block;text-align: center;padding: 5px 0;} .hightlights .bnr.bg ul li p.amnt{ color: #8C8C8C;margin-top: 8px;} .hightlights .bnr.bg ul li p.amnt span{ color:#0ab3a3;font-size: 18px;} /*.hightlights .bnr.bg ul li a.btn{text-align:center; color:#0ab3a3;display: block;width: 40%;margin: 15px auto 0px;padding: 5px 10px;font-size: 12px; text-decoration:none; font-weight:bold; border: 1px solid #0ab3a3;}*/ .hightlights .bnr.bg ul li a{text-align:center;display: block;margin-top: 0px;color: #585757;text-decoration: none;background-size: 100% auto;background-position: center center;padding: 0;} .hightlights .bnr.bg ul li a span.hgt{display:block; padding-top:68%;} /*.hightlights .bnr.bg ul li:last-child{ margin-right:0px;}*/ .hightlights .bnr.bg ul li h1{background: url(../images/bg-hm-imgWrd1.png) no-repeat center top; padding-top:16%; background-size: 63% auto;margin-top: 10px;} .hightlights .bnr.bg ul li a.btn.shpNw{margin: 15px auto 0px;height: 36px;/* position: absolute; *//* bottom: 0px; */color: #00bbd3;width: 100%;/* background-color: #00bbd3; *//* padding: 13px 0px; */font-size: 20px;} .hightlights .bnr.bg ul li.prdct1 h1{background-image: url(../images/bg-hm-imgWrd2.png);} .hightlights .bnr.bg ul li.prdct2 h1{background-image: url(../images/bg-hm-imgWrd3.png);} .hightlights .bnr.bg ul li.prdct3 h1{background-image: url(../images/bg-hm-imgWrd4.png);} .hightlights .bnr.hf{width:49.25%; margin-right:1.5%; float:left;} .hightlights .bnr.hf.vdo{ height:370px;} .hightlights .bnr.hf iframe{height:480px; margin-top: -64px; width: 108%;margin-left: -35px;} .hightlights .bnr .btnLook{ position:absolute; background: url(../images/beach-boho-txt.png) 35px top no-repeat; width:100%; bottom: 4px; left:0px; display:block; height: 60px; background-size: 70% auto;} .hightlights .bnr .btnLook.muscFst{background: url(../images/music-fest-txt.png) 49px top no-repeat; height:46px;} .hightlights .bnr .btnLook.panarea{background: url(../images/panarea-txt.png) 15px top no-repeat; height:305px;top: 40%;} .hightlights .bnr.lst{margin-right:0; float:right;} /*----------------Left Navigation------------------*/ .sticky-wrapper{width: 20.4%; float:left;margin-bottom: 12%;} .sticky-wrapper .lftNav{width: 100%;/* top: 51.5%!important; *//* padding-top: 21.2%; */padding-bottom: 12%;} .sticky-wrapper.is-sticky .lftNav{width: 12.2%;padding-top: 4.8%;} .rgt.hm{/* width: 75.5%; */} .lftNav h1{background-color: #282f39;padding: 5% 0 3% 9%;display: none;margin-bottom: 0px;} .lftNav h1 span{ color:#505050;} .lftNav{ width: 20.4%; } .lftNav ul{margin-bottom:20px;width: 100%;/* padding: 9%; */background-color: #fefefe;border-right: 1px solid #134270;} .lftNav ul li a{ color: #505050; padding: 0px 5px; text-transform:capitalize;} .lftNav ul li a:hover, .lftNav ul li a.active {color:#f9c464;} .lftNav table{margin-bottom:15px;} .lftNav table label{ color:#505050; font-size: 12px;} .lftNav .szRdoBtn{ float: left; display: block;} .lftNav input[type=checkbox], .lftNav input[type=Radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width: 1px!important; margin: -1px; padding:0; border:0; } .lftNav input[type=checkbox] + label, .lftNav input[type=Radio] + label {padding:0px; padding-left: 20px; margin:0px auto; display:inline-block; line-height:15px; font-size: 14px; vertical-align:middle; cursor:pointer; margin-right: 5px; height: 22px; padding-top: 6px;text-align: center;} .lftNav input[type=checkbox]:hover + label, .lftNav input[type=Radio]:hover + label{ background-position: 0 -21px; } .lftNav input[type=checkbox]:checked + label, .lftNav input[type=checkbox]:hover + label, .lftNav input[type=Radio]:checked + label, .lftNav input[type=Radio]:hover + label { background-position: 0 -28px;} .lftNav input{} .lftNav label, .lftNav.hm ul li a{background: url(../images/bg-lft-chk2.png) no-repeat left 9px;COLOR: #00bbd3;padding: 6px 18px 6px 25px;display:block;/* margin-bottom: 5px; */font-weight: bold;/* padding-top: 1px; */font-size: 18px;} .lftNav.hm ul li:hover, .lftNav.hm ul li a:hover, .lftNav.hm ul li a.active{background-color: #134270;color: #fff;} /*-------------------------------------------- for search panel *----------------------------------------*/ .accordionContent {padding: 10px 5% 5px; width:90%; } .accordionHeaderSelected { background-color: #fffde2; cursor: pointer; font-size: 12px; font-weight: bold; margin-top: 5px; padding:5px 5%; width:90%;} .accordionHeader{background-color: #fffde2; color: #2a2f33; cursor: pointer; font-size: 12px; font-weight: bold; margin-top: 5px; padding: 5px 5%; width:90%; } .href {color: #2a2f33; font-weight: bold; text-decoration: none; text-transform:uppercase; } /************----------------------------END-------------------------**************************************/ /*----------------------------- product's thumbnails--------------------------------*/ .prdctsThmb{width:100%;} .prdctsThmb li{width: 31.3%;margin: 0% 3% 3% 0%;float: left!important;position:relative;height: 340px;cursor:pointer;color: #666;/* padding: 0%!important; */margin-bottom: 7%;} .prdctsThmb span span:nth-child(3) li, .prdctsThmb span span:nth-child(6) li, .prdctsThmb span span:nth-child(9) li, .prdctsThmb span span:nth-child(12) li{ margin-right:0%;} .prdctsThmb li a{color:#fff;} /*---Trend Dtl---*/ .dtlFtrLk .prdctsThmb.trndDtl li{width: 15.5%; float:left; margin: 0% 1.3% 2% 0;position:relative; cursor:pointer; color:#fff;} .dtlFtrLk .prdctsThmb.trndDtl li:last-child{ margin-right:0px;} .prdctsThmb li .prohead h2{ color: #1289cc; font-size: 20px; text-align: center; margin: 0; height: 106px; overflow: hidden; background: #134270; } .prdctsThmb li .prohead h2 span{ text-transform: capitalize; line-height: 27px; display: block; text-align: center; font-size: 20px; color: #fff; margin: 15px 10px 10px; } .prdctsThmb li a.img{display:block;width: 100%;background: url(../img/products/img-1.jpg) no-repeat center center #e3e3e3;position: relative;background-size: 100% auto;padding: 0;margin: 0 auto 4%;/* z-index: -999; */} .prdctsThmb li a.img span.hgt{display:block; padding-top: 68%;} .prdctsThmb li .tgExclusive{display:block; width: 66px;height: 20px;background: url(../images/onln-exclsv-tag.png) no-repeat center center; text-indent: -100000px; /* float: right; */ margin:10px;position: absolute;bottom: 0;right: 0;} .prdctsThmb li .tgExclusive span{ font-size: 14px; color: #656564;} .prdctsThmb li .hvr{ width:100%; height:100%; position:absolute; bottom: 0px; left:0px; display: block; pointer-events: none; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s;} .prdctsThmb li a{pointer-events:visible;text-align: center;background-color: #00bbd3;/* color: #fff; */width: 45%;margin: 6% auto;} .prdctsThmb li .dtls{/* background:url(../images/bg-ovrly2.png); */width: 100%;min-height: 17%;padding:3% 5%;/* position:absolute; *//* bottom:0px; *//* left:0px; */display:block;z-index:999;} .prdctsThmb li .dtls a{ display:block;} .prdctsThmb li .dtls a.btn.shpnw{margin: 15px auto 0px;height: 36px;color: #00bbd3;width: 100%;font-size: 20px;background: none;} .prdctsThmb li .dtls h2{position:relative; line-height:16px; /* padding-right:23px; */color: #666;font-weight: normal;text-align: center;/* min-height: 110px; */} .prdctsThmb li .dtls h2 span{line-height:18px;color: #666;text-align: center;text-transform: capitalize;font-weight: bold;/* height: 40px; */display: block;margin-bottom: 3%;font-size: 18px;color: #282f39;margin: 20px 0px 8px;} .prdctsThmb li .dtls p{/* margin-bottom:5px; */text-align: center;} .prdctsThmb li .dtls p.prc{ margin: -70px auto 0; display: block; background: #fff; width: 100px; border: 2px solid #e2e2e2; border-radius: 50px; height: 100px; padding: 25px 0; position: relative; } .prdctsThmb li .dtls p.prc span{ color: #134270; font-weight: bold; font-size: 29px; text-align: justify; line-height: 34px; display: block; text-align: center; padding: 5px 0;} .prdctsThmb li p, .prdctsThmb li .hvr b, .prdctsThmb li span{color: #282f39;} .prdctsThmb li span{color: #33;font-weight:bold;font-size: 16px;} .prdctsThmb li:hover .hvr{display: none; opacity: 1; visibility:visible;} .prdctsThmb li ul.scl{width: 125px; margin: 0px 0px 6px -6px;} .prdctsThmb li ul.scl li{ float:left; margin-top: 3px;} .prdctsThmb li ul.scl li a{ height: 22px;display: block; margin-right:7px; text-indent:-10000px; background-size:100% auto; width: 24px;} .prdctsThmb li ul.scl li a.fb{background-image: url(../images/icn-fb2.png);} .prdctsThmb li ul.scl li a.twt{background-image: url(../images/icn-twt2.png); } .prdctsThmb li ul.scl li a.insta{background-image: url(../images/icn-insta2.png); } .prdctsThmb li ul.scl li a.prntScr{background-image: url(../images/icn-ps2.png);} .prdctsThmb li ul.scl li a:hover{ background-position: left -55px;} aside.rgt .shwMr{width:300px; height:30px; margin:10px auto; padding:5px 10px;display: none;} aside.rgt .shwMr a{background:#134270; text-align:center; color:#fff; display:block;} aside.rgt .shwMr a:hover{background:#fff3ba; color:#505050; } /*-----------------Sold Out Hover -------------------*/ .prdctsThmb li.sldOt span.sldTgTp{ z-index:999; position:absolute; background:url(../images/icn-sldTgTp.png) no-repeat left top; width:84px; height: 82px; top: -5px; left: -4px;} .prdctsThmb li.sldOt span.sldTgBtm{ z-index: 10000; position:absolute; background:url(../images/icn-sldTgBtm.png) no-repeat right top; width:84px; height: 82px; bottom: -5px; right: -5px;} .prdctsThmb li.sldOt .hvr.sldOt{ background:url(../images/bg-ovrly.png); width:100%; height:100%; position:absolute; top:0px; left:0px; display: none; pointer-events: none; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s;} .prdctsThmb li.sldOt .hvr.sldOt span.sldTgTp{ z-index:999; position:absolute; background:url(../images/icn-sldTgTp-hvr.png) no-repeat left top; width:84px; height: 82px; top: -4px; left: -3px;} .prdctsThmb li.sldOt .hvr.sldOt span.sldTgBtm{ z-index: 10000; position:absolute; background:url(../images/icn-sldTgBtm-hvr.png) no-repeat right top; width:84px; height: 82px; bottom: -2px; right: -4px;} .prdctsThmb li .hvr.sldOt .dtls{ /* background:url(../images/bg-ovrly2.png); */ width: 100%; /* min-height: 17%; */ padding: 3% 5%; position:absolute; bottom: 0px; left:0px; display:block; z-index: 999;} .prdctsThmb li.sldOt .hvr.sldOt .dtls h2{position:relative; line-height:16px; padding-right:23px;} .prdctsThmb li.sldOt .hvr.sldOt .dtls h2 span{line-height:18px} .prdctsThmb li.sldOt .hvr.sldOt .dtls .lkd{background:url(../images/icn-like3.png) no-repeat center top; width:23px; height:23px; position:absolute; top:0; right:-3px; display:block;} .prdctsThmb li.sldOt .hvr.sldOt .dtls p{margin-bottom:5px;} .prdctsThmb li.sldOt .hvr.sldOt .lks{display:none;} .prdctsThmb li.sldOt .hvr.sldOt p, .prdctsThmb li .hvr.sldOt b, .prdctsThmb li .hvr.sldOt span{color: #666;text-align: center;} .prdctsThmb li:hover .hvr.sldOt{display: block; opacity: 1; visibility:visible;pointer-events: none;} /*-------------------------------------Product details------------------------------------------*/ .rgt.fl{ width:100%;} .prdctDtls{ position:relative;} .prdctDtls .rgt .prdctDtlsRt{ width: 100%;} .prdctDtls .rgt .prdctDtlsRt .tblHd{margin: 0px;background-color: #134270;height: 40px;} .prdctDtls .rgt .prdctDtlsRt .tblHd aside{ padding: 1% 0%; color:#fff; font-size: 15px;} .prdctDtls .rgt .prdctDtlsRt tr{ border-bottom: 1px solid #d5d5d5;} .prdctDtls .rgt .prdctDtlsRt tr td{ /* padding-top:8px; */} .prdctDtls .rgt .prdctDtlsRt tr:first-child{ border:none;} .prdctDtls .rgt .prdctDtlsRt aside{width: 17.6%;float:left;padding: 1% 0% 1%;margin-left: 3%;} .prdctDtls .rgt .prdctDtlsRt aside.prc{ width: 9%;margin: 0px;margin-left: 3%;} .prdctDtls .rgt .lft{ width: 40%;} .prdctDtls .rgt .lft img{ width: 100%;} .prdctDtls .lftImg{ width: 61%; float:left; margin-right: 1%;} .prdctDtls .lftImg.mbl{ display: none;} .prdctDtls .lftImg li, .spritezoom-tint{ width: 48.6%; min-height: 512px; margin-bottom: 2%; float:left; margin-right:2%; position: relative; overflow: hidden;} .prdctDtls .lftImg li a img{ width:100%;} .prdctDtls .lftImg li:nth-child(even){ margin-right:0px;} .prdctDtls .lftImg li .zmIcn{background: url(../images/icn-zoom.png) no-repeat left top; width: 28px; height: 28px; text-indent:-10000px;position: absolute;top: 10px;left: 10px; z-index:99;} .prdctDtls .lftImg li:hover i{display:none;} .spritezoom-view{ background-position: top center!important; min-width:100%!important;} .spritezoom-sens{} .spritezoom-zoom { border: 1px solid #ccc; z-index:999999; pointer-events: none; } .spritezoom-tint { background: #ccc; width:100%!important;} .spritezoom-lens { border: 1px solid #ccc; margin: -1px; background: url(../images/icn-zoom.png) no-repeat center center;} .spritezoom-title { background: #888; color: white; padding: 3px; text-align: center;} .prdctDtls .rgt .rgt{ /* width: 75.5%; */ float:right;width: 57%;} .prdctDtls .rgt .rgt h1{margin-bottom: 0px;font-size: 26px;text-transform: capitalize;color: #00bbd3;font-weight:bold;line-height: 32px;} .prdctDtls .rgt .rgt b{ font-size:20px;} .prdctDtls .rgt div{ margin: 10px 0px;} .prdctDtls .rgt h2, .prdctDtls .rgt h2 span{ font-size:18px; color:#757575; font-family: 'museo_sans100', Arial, Helvetica;} .prdctDtls .rgt h2 i span{font-size:14px; font-style:normal; font-weight:normal; } .prdctDtls .rgt h2 span{ font-size: 14px; color:#757575; font-family: 'museo_sans100', Arial, Helvetica; padding-right: 15px;font-weight: normal;} .prdctDtls .rgt h2 a.lk{background: url(../images/icn-like.png) no-repeat right 2px; width: 17px; height: 22px; display: inline-block; text-indent:-10000px; } .prdctDtls .rgt h2 a.lk.lkd, .prdctDtls .rgt h2 a.lk:hover{background-image:url(../images/icn-liked.png);} .prdctDtls .rgt h3{color:#7a7a7a; font-size:14px; font-family:'museo_sans100', Arial, Helvetica; text-transform:uppercase;} .prdctDtls .rgt p{ margin-bottom:0px; font-size: 16px; color: #757575;} .prdctDtls .rgt .outStock p{ font-size:14px; line-height:18px; margin-bottom:5px;} .prdctDtls .rgt .outStock input{ width:80%;} .prdctDtls .rgt ul{margin-left:20px; margin-top:10px; min-height:100px;} .prdctDtls .rgt ul li{list-style:disc; font-size:18px; } .prdctDtls .rgt .prc, .prdctDtls .rgt .prc span{/* font-family: 'museo_sans100', Arial, Helvetica; */ /* color: #134270; */ /* font-size: 18px; */ /* padding: 5px 0px; *//* margin-top: 10px; */} .prdctDtls .rgt .szChrt{ padding: 0px 0px 0px; min-height: 70px; margin: 0px;} .prdctDtls .rgt .szChrt a.szChrtbtn.tbl{font-family:'museo_sans100', Arial, Helvetica; font-size:16px; color:#134270;font-weight: bold;padding-top: 5px;display: block;float: left;cursor: pointer;} .prdctDtls .rgt .szChrt a.szChrtbtn.tbl:hover{ text-decoration:underline;} .prdctDtls .rgt .szChrt ul li span{ color:#fff;} .prdctDtls .rgt .szRdoBtn{ float: left; display: block; margin-right: 10px;} .szRdoBtn input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width: 1px!important; margin: -1px; padding:0; border:0; } .szRdoBtn input[type=radio] + label {padding:0px; padding-left: 22px; margin:0px auto; height: 19px; display:inline-block; line-height:15px; font-size:15px; vertical-align:middle; cursor:pointer; width: 1px;margin-right: 5px; padding-left: 0px; height: 32px; width: 32px;padding-top: 9px;text-align: center;font-weight: bold;} .szRdoBtn input[type=radio]:hover + label{ /* background-position: 0 -21px; */ } .szRdoBtn input[type=radio]:checked + label, .szRdoBtn input[type=radio]:hover + label { background-color:#134270; } .szRdoBtn input{background:#c2c2c2;} .szRdoBtn label{border-radius:180px; background-color:#a7a9ac; text-align:center; COLOR: #FFF;} .prdctDtls .rgt .stylDtl ul{ width:100%;} .prdctDtls .rgt .stylDtl ul li{background: url(../images/bultIcn.png) no-repeat left 7px; padding-left: 15px;text-transform: uppercase;font-family:'museo_sans100', Arial, Helvetica; line-height: 19px;height: 20px;} .prdctDtls .rgt .qntityBx{ /* height: 40px; */width: 7%!important;} .prdctDtls .rgt .qntityBx h3{ width: 69%; float: right;} .prdctDtls .rgt .qntityBx input{ width: 90%; text-align: center; color: #134270; margin: 0;padding: 5px 7px;} .prdctDtls .rgt .qntityBx .ntiFy{ width:140px; height: 23px; background-color:#134270; padding: 7px 0px; text-align:center; display:block;color:#fff; font-size:16px;} .prdctDtls .rgt .adCart{ /* border-bottom: 2px solid #134270; */ /* padding-bottom: 41px; */ margin-left: 0%!important;width: 15%!important;} .prdctDtls .rgt .adCart .btn{padding: 9px 15px;width:auto;background-color: #00bbd3;text-align:center;border:0px;border-radius:0px;font-size: 12px;float:left;display:block;text-transform:uppercase;margin: 0;color: #fff;} .prdctDtls .rgt .adCart .sclIcn{float:right; padding:0px;margin: 0px;} .prdctDtls .rgt .adCart .sclIcn ul{min-height: 10px;} .prdctDtls .rgt .adCart .sclIcn ul li{ float:left; margin-top: 3px; list-style:none;} .prdctDtls .rgt .adCart .sclIcn ul li a{ height: 22px;display: block; margin-right:7px; text-indent:-10000px; background-size:100% auto; width: 24px;} .prdctDtls .rgt .adCart .sclIcn ul li a.fb{background-image: url(../images/icn-fb.png);} .prdctDtls .rgt .adCart .sclIcn ul li a.twt{background-image: url(../images/icn-twt.png); } .prdctDtls .rgt .adCart .sclIcn ul li a.insta{background-image: url(../images/icn-insta.png); } .prdctDtls .rgt .adCart .sclIcn ul li a.prntScr{background-image: url(../images/icn-ps.png);} .prdctDtls .rgt .adCart .sclIcn ul li a:hover{ background-position: left -55px;} .prdctDtls .rgt .chckDlvry p.chckDlvry{background: url(../images/icn-chckDlvry.png) no-repeat left top; padding-left: 45px;margin-top: 10px;} .prdctDtls .rgt .pnCod{ width: 165px;} .prdctDtls .rgt .pnCod input{ width: 105px; height: 15px; float: left;} .prdctDtls .rgt .pnCod a{background: url(../images/dlvry-icn.png) no-repeat right top;display: block;width: 30px;height: 32px;margin-top: 8px;float: right;} .prdctDtls .rgt .mrOptin{width:100%;margin-left: 0px;margin-top:15px; display: block;} .prdctDtls .rgt .mrOptin li{ width: 90px; height: 90px; margin-bottom: 20px; float:left; margin-right:20px; position: relative; background: #dedede; text-align: center; list-style:none; overflow:hidden;} .prdctDtls .rgt .mrOptin li a{display:block; width: 100%; height: 100%; background:no-repeat center center; background-size:100% auto;border: 2px solid #dedede;} .prdctDtls .rgt .mrOptin li a.active{border:2px solid #134270;} .prdctDtls .rgt .mrOptin li img{display:none;} .prdctDtls .rgt .grpSalePnl{/*position:absolute;*/ bottom:0px;width: 100%; margin-top:5px;} .prdctDtls .rgt .grpSalePnl h3{ text-decoration:underline; font-size:14px;} .prdctDtls .rgt .grpSale{margin-left: 0px;float: left;} .prdctDtls .rgt .grpSale li{ width: 90px; height: 130px; margin-bottom: 0px; float:left; margin-right: 20px; position: relative; text-align: center; list-style:none;} .prdctDtls .rgt .grpSale li:nth-child(1){margin-right:50px;} .prdctDtls .rgt .grpSale li a{display:block; width:86px; height:86px; background:no-repeat center center; background-size:100% auto;border: 2px solid #dedede;} .prdctDtls .rgt .grpSale li a.active{border:2px solid #134270;} .prdctDtls .rgt .grpSale li:nth-child(1):after{content:""; position:absolute; display:block; background:#666; right:-40px; background: url(../images/icn-pair.jpg) no-repeat center center; width:28px; top:35px; height:28px;} .prdctDtls .rgt .grpSale li h2, .prdctDtls .rgt .grpSale li h2 span{font-size:11px; line-height:16px; } .prdctDtls .rgt .grpSale li h2{margin-bottom:0px; display:none;} .prdctDtls .rgt .grpSale li img{display:none;} .prdctDtls .rgt .grpSale li select{padding:2px 5px; width:100%; margin-bottom:0px;} .prdctDtls .rgt .grpPrc{float:left; margin-left:0px; color:#134270; font-size:12px;margin-top: 3px;width: 48%;} .prdctDtls .rgt .grpPrc p{} .prdctDtls .rgt .grpPrc p b{font-size:14px; font-weight:normal;} .prdctDtls .rgt .grpPrc p, .prdctDtls .rgt .grpPrc p span{ color:#134270; font-weight:bold; font-size:18px;} .prdctDtls .rgt .grpPrc .btn{width:100px; text-transform:uppercase; font-weight:bold; font-size:15px;margin-top: 14px;} .goTpBtn{ display:none; margin-top: 50px; padding-top: 200px;} .goTpBtn a{background: url(../images/btnGoTp.png) no-repeat right top; width:104px; height:46px; float:right; text-align:right;font-size: 16px; padding:12px 24px;display: none;} .dtlFtrLk{margin-top:10px;} .dtlFtrLk .prdctsThmb{width:100%;} .dtlFtrLk .prdctsThmb li{ width: 16%; margin: 0% 0.7% 2% 0; float: left; position: relative; cursor: pointer; color: #fff;} .dtlFtrLk .prdctsThmb span span:last-child li{ margin-right: 0px;} .dtlFtrLk .prdctsThmb li a.btn.shpNw{ width: 110px; position: absolute; bottom: 33%; left: 50%; font-size: 16px; padding: 5px 5px; pointer-events: none; margin-left: -55px;} .dtlFtrLk.clctn .prdctsThmb li a.btn.shpNw{ width: 35%; left: 30%;} .dtlFtrLk .prdctsThmb li a.img{display:block; width:100%; background: url(../img/products/img-1.jpg) no-repeat center center #e3e3e3;background-size: 150% auto;height: auto;} .dtlFtrLk .prdctsThmb li a.img span{padding-top: 195%;display: block;} .dtlFtrLk.clctn .prdctsThmb li ul.scl li{ margin-right:5px;} /*------- About TradeWholesale -----*/ .wrap.inr{ /* max-width:100%; */ MARGIN-TOP: 0%!IMPORTANT; margin-bottom: 0%!important;} .piaPauro .wrpPia{ } .piaPauro .hmBnr{background:url(../images/hm-bnrs/pia-pauro-banner.jpg) no-repeat center center;height: 385px; background-size: 100%; max-width:1300px; display:block; margin-bottom:0px; } .piaPauro p{ /* display:none; */} /*--------------------- Event -----------------------*/ .evntCollg{ width:100%; margin-top: 15px;} .evntCollg img{ width:100%;} .evntCollg .lft{ width: 49%; margin-left: 20%; margin-top: 1.5%;} .evntCollg .lft h2, .evntCollg .lft p{ color:#134270;} .evntCollg .rgt{ width: 6%;} .evntCollg a.rgt{background: url(../images/icn-pdf.png) no-repeat left top; margin-right: 30%; margin-top: 4%;padding-left: 3.5%;line-height: 19px;} .eventPnl{ margin-top: 40px;} .eventPnl .rgt{ width: 88%;} .eventPnl h1{ margin-bottom:2%;} .eventPnl .evntsThmbs li{ width: 23%; margin: 0% 2% 2% 0%; float: left; color:#505050; font-weight:bold;line-height: 22px;} .eventPnl .evntsThmbs li a{ height:30px; display:block;} .eventPnl .evntsThmbs li img{ width:100%; min-height: 211px;} /*----------------------- Event Detail ----------------------*/ .evntDtls {} .evntDtls .blk{width: 53%; margin-bottom: 1.5%; display: block; float: left; overflow: hidden; line-height: 0px;} .evntDtls .blk.sml{width: 23.8%; margin-right: 1.5%; } .evntDtls .blk.sml.rgt{ width:100%; height:auto;} .evntDtls .blk.sml.last{ margin-right:0%;} .evntDtls .blk.bg{width: 74.5%; margin-left:0; } .evntDtls .blk.txt{ float:right; width: 24%;} .evntDtls .blk.bg img, .evntDtls .blk.sml img{width: 100%;} .evntDtls .blk .lft{ width: 40%;} /*.evntDtls .blk a.pdfBtn{background: url(../images/icn-pdf.png) no-repeat left top; padding-left: 17%; line-height: 19px; width: 26%; height: 41px;display: block;padding-top: 1px;float: left;}*/ .evntDtls .blk a.plyVdo{background: url(../images/play-icon.png) no-repeat left top; padding-left: 17%; line-height: 19px; width: 45%; height: 41px;display: none;padding-top: 10px;} .evntDtls .blk .rgt{width: 99%; margin-right:1%; position:relative;} .evntDtls .blk .rgt h1{margin-bottom:20px;} .evntDtls .blk .rgt .evntHd{ position:absolute; top:0px; left:0px;} .evntDtls .blk .rgt .hgt{ display:block; padding-top:62.5%;} .evntDtls .blk .rgt p{color:#134270;} /**------ testimonial -----*/ .wrap.inr .tstimonial ul li{width: 47.5%;padding: 3%;background-color: #E8E8E8;color: #7B7B7B;min-height: 150px;float: left;border-radius: 15px;margin-right: 5%;text-align: left;line-height: 20px;font-size: 14px;margin-bottom:3%;margin-left: 0;} .wrap.inr .tstimonial ul li:nth-child(even){ margin-right:0%;} /*-------------------------- Contact Us ---------------------------*/ .cntctUs .rgt{ /* width:53%; */} .cntctUs .rgt{ width:48%; float:right; margin:0px;} .cntctUs .lft{ width:48%; float:left; margin-right:4%;} .cntctUs .fldWrp{ width:100%; float:left; margin-right:4%; margin-bottom: 1%;} .cntctUs .fldWrp label{ width:100%; padding-top: 9px; font-weight: bold; font-size: 14px;} .cntctUs .fldWrp input{ margin-top: 3%; width:94%; border-radius:8px; border:0px; padding:8px; height: 35px;} .cntctUs .fldWrp input[type="textarea"], .cntctUs .fldWrp input[type="text"]{ background-color:#ededed;} .cntctUs .fldWrp.scr input{ width: 62%; float: right;} .cntctUs .fldWrp.btn{ margin-top:2%;} .cntctUs .fldWrp img{ margin-top: 12px; width: 22%;} .cntctUs .fldWrp textarea{ margin-top: 3%; width:100%; float:right; background-color:#ededed; border-radius:8px; border:0px; padding:8px 0px; height: 132px;margin-bottom: 6px;} .cntctUs .fldWrp a.btn{ background-color: #5E5E5E; padding: 6% 8%;font-size: 22px; text-decoration: none; color: #fff; border-radius: 5px; height: 45px;width: 40%; display:block; text-align: center; float:right;} /*-------------------------- Find Us -----------------------*/ .findUs.wrap{ width: 76%; padding: 0 10%; background:#fff; } .findUs h1, .findUs p, .findUs h2, .findUs b{color:#222021;} .findUs h1{font-size:16px} .findUs .nav{margin-bottom:20px;height: 30px;margin-top: 20px;} .findUs .nav li { float:left; margin-right: 1%;} .findUs .nav li a{color:#222021;; padding: 0px 10px; display: block;} .findUs .nav li a:hover, .findUs .nav li a.current {background-color: #fffde2; color:#222021;} .findUs .stors{} .findUs .stors li{float:left; display:block; width: 31%; margin-right:2%; min-height: 75px; color:#222021;} .findUs .stors li.hd{ margin-top:0px; width:98%; min-height:35px;} /*-------------------------------- Collection --------------------------*/ .clctn .lft.lftNav{ width: 13%;} .clctn .lftNav h1.brdCrmb { background:none; padding-left: 0px; font-size: 11px; margin-bottom: 0;} .rgt.colctntWrp{ width: 87%;} .clctn .rgt .lft{width: 67.3%; position: relative;margin-bottom: 20px;} .clctn .rgt .lft img{ width:100%;} .clctn .lft a.btn.shpNw{ width: 15%; position: absolute; top: 49%; left: 46%;} .clctn .rgt .rgt{line-height:0px;width: 26%;margin-right: 5%;} .clctn .rgt .rgt img{ margin-bottom:8px;} .clctn .rgt p{ margin-bottom: 0px; line-height:22px; margin-top: 10px;} .clctn .rgt a.btn.shpNw{ margin: 0px;} .ptrn2{ -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999;} .dtlFtrLk.clctn{position: relative;} .rgt.colctntWrp p.HdTtl{font-size: 18px; font-family:'museo_sans300', arial;color: #00213f;} .dtlFtrLk.clctn .prdctsThmb{ margin: 0%; } .dtlFtrLk.clctn .prdctsThmb li{ margin-bottom:0px; text-align: center; margin: 0% 0.0% 2% 0;} .dtlFtrLk.clctn .prdctsThmb li img{ width: 96%;} .dtlFtrLk.clctn .prdctsThmb li ul.scl li{ height: 25px!important; width: 25px!important; margin-right: 5px;} .colction{position:relative;} .clctBnr{line-height:0px; height: 454px; cursor:pointer;} .cltnCntnt{padding:20px 0; position:relative; background: url(../images/bg-pattern2.jpg); display: none; width:100%; } .cltnCntnt::after{ content: ''; display: block; position: absolute; left: 2%; top: -25px; width: 0;height: 0px;border-left: 30px solid transparent;border-right: 30px solid transparent; border-bottom: 25px solid #f3e2c8;} .cltnCntnt .lft{width: 56%;margin-right:2%;margin-left: 2%;height: 236px;} .cltnCntnt .rgt{width: 40%;} .cltnCntnt p{ font-size:14px; line-height:20px; margin-right: 3%; margin-bottom: 10px;} .cltnCntnt h2{margin: 0px 0 10px; font-size:16px; color:#58595b;} .cltnCntnt a{ text-decoration:underline; display:block; margin-top:19px; font-weight:bold;} /*-------------------------------- My Cart -----------------------------------*/ .trkIcn a{background: url(../images/icnTrk-order.png) no-repeat right top; width:125px; height:30px; float:right;margin-right: 11%;} .crtOtr{/* width: 100%; *//* background: url(../images/bg-crt.jpg) repeat-x left top; */ /* border-bottom: 1px solid #134270; */ /* padding-top:4px; */} .crtPnl{ width: 100%;} .crtPnl .lft{width: 100%;float: right;margin-bottom: 30px;} .crtPnl .lft fieldset{width:100%;} .crtPnl .rgt{width: 100%; /* margin-left:5%; */ /* border-left:1px solid #c2c2c2; */ /* padding-left:2%; */float: left;} h2.noItm{margin-top: 150px; margin-bottom: 150px;text-transform: uppercase;text-align: center;} .myCrt{ padding-bottom: 0px;} .myCrt h2{margin-top: 0px;padding: 10px;background-color: #D8D8D8;color: #666;margin-bottom: 0px;} .myCrt h1.HD span{ color: #fff;} .myCrt .wrap{ margin-top: 25px;} .myCrt .crtTbl{width:100%; border-top: 1px solid #b1b1b1; margin-top: 10px;} .myCrt .crtTbl td.prdctNm{ font-weight:bold;} .myCrt .crtTbl td.prdctNm span{ text-transform:capitalize;} .myCrt .crtTbl td.dlvryRprt{} .myCrt .crtTbl td .pnlSize{width:50%; float:left;} .myCrt .crtTbl td select{width:70%; height:29px; margin-top:0px;} .myCrt .crtTbl td input{width:30%; float:left; margin-top:0px;} .myCrt .myCrtLft{ width: 15%; float:left;} .myCrt .myCrtLft img{width:100%;} .myCrt .myCrtRgt{ width: 85%; float:right;} .myCrt ul.hdng li{ float:left; margin: 0; width: 17.9%; color:#231f20; font-size: 13px; display: block; min-height: 10px; margin-right: 2%;} .myCrt ul.hdng{/* padding-bottom:35px; */ margin: 0; margin-top:10px;width: 100%;} .myCrt ul.hdng li.lrg{} .myCrt ul.hdng li.qty{width: 22%;} .myCrt ul.hdng li:last-child{} a.crtTxt{ width:100%; display:block;} .crtTbl td{width: 14.28%; padding: 1.5% 0%; vertical-align:top;text-align: left;} .crtTbl td.img{ padding:0px;padding-bottom: 10px;} .crtTbl td.img img{width: 90%;} .crtTbl td.qty .szRdoBtn{padding:0; width: 80%;} .crtTbl td.qty .szRdoBtn td{width: 21%; padding:0;} .crtTbl td.qty input{width: 50%;} .crtTbl td a{display:block;} .crtTbl td a:last-child{ margin-top:-1.5em;} .crtTbl td.ttlamt, .crtTbl td.ttlamt span, .UsrAmtTbl .amt, .UsrAmtTbl .amt span{color: #515151; font-weight:bold; font-size:15px;} .instAdrs{width: 100%; float:left;margin-top: 30px;margin-bottom: 30px;} .instAdrs .fldWrp{ width:45%;} .adrsBk{width: 98.5%; margin-top: 11px; float: right;} .adrsBk h1, .instAdrs h1{color:#383838; text-transform:uppercase; font-size:14px;margin-bottom: 0;} .adrsBk li{margin-bottom: 0px;} .adrsBk .adrs{background: #f7f7f7;padding:10px 15px;width: 100%;position: relative;} .adrsBk .adrs p{color:#383838; margin-bottom: 5px;} .adrsBk .adrs .adrsTxt{width: 65%;border-right: 1px solid #383838;padding-right: 25px;float: left;} .adrsBk .adrs .edtBtn, .adrsBk .adrs .edtBtn a{text-align:right;color: #039ce4;width: 34%;border: none;float: right;/* margin-top: 65px; */position: absolute;right: 10px;bottom: 10px;} .UsrAmtTbl{width: 57.16%; margin-left: 42.84%;} .rgt .UsrAmtTbl{width:100%; margin-left:0%; margin-top: 0px;border-top: 1px solid #c2c2c2;} .UsrAmtTbl td{width: 45.5%; padding:5px 0; border-bottom:1px solid #c2c2c2;} .UsrAmtTbl .amt{ width: 30%; } .myCrt .myCrtRgt div.itemCrt div,.myCrt .myCrtRgt .editDlt .edtgDtl div{ float:left; margin-right: 2.1%; padding-left: 30px; min-height: 85px; width: 14%; margin-top: 20px;} .myCrt .myCrtRgt .edtgDtl{display:none;} .myCrt .myCrtRgt .editDlt{ position: absolute; bottom: 0px; width: 80%; left: 15%;} .myCrt .myCrtRgt .editDlt .eDbtns div{ float:left; margin-right: 2%; padding-left: 30px; width: 14%; /* margin-bottom: 20px; */} .myCrt .myCrtRgt .editDlt .eDbtns a{ padding-right: 35px; padding-bottom: 6px;} .myCrt .myCrtRgt .editDlt .eDbtns a.dltItm{background: url(../images/myCrt-Dlt-Btn.png) no-repeat right top;} .myCrt .myCrtRgt .editDlt .eDbtns a.edtItm{background: url(../images/myCrt-EdtBtn.png) no-repeat right top;} .myCrt .myCrtRgt .editDlt .eDbtns a:hover{ color:#134270;background-position: right -81px;} .myCrt .btmBtns{ margin-top: 16px;} .myCrt .btmBtns .err{ margin-top:15px;} .myCrt .btmBtns .err span{ float:left;margin-right: 9px;margin-top: 5px;} .myCrt .btmBtns .err p{ line-height: 18px; margin-top: 0px;margin-bottom: 30px;color: #134270;} .myCrt .btmBtns .err p a:hover{ text-decoration:underline;} .myCrt .btmBtns .cpn{width: 42.84%;float: left;position: relative; margin-top: 30px;} .myCrt .btmBtns .crtRgt{width: 56.5%;float: right;} .myCrt .btmBtns .cntu{width: 22%;} .myCrt .btmBtns .chkot{width: 11%; margin-right: 1.7%;margin-left: 6.5%;} .myCrt .btmBtns .pglogo{margin-left: 1%; display:inline-block;} .myCrt .btmBtns .pglogo2{/* margin-top: 16px; */ display:inline-block;float: left;} .rgt .myCrt .btmBtns .cpn{display:none;} .rgt .myCrt .btmBtns .btn{/* margin-top: 85px; */ width: 25%;margin: 0;} .rgt .myCrt .btmBtns .btn:disabled{background:#fff3ba; color:#fff;} .rgt .myCrt .btmBtns .cntu{display:none;} .myCrt .btmBtns .cpn input[type="text"]{ width: 25%; height: 27px;} .myCrt .btmBtns .cpn input[type="submit"]{ width: 17%; background:#23b85e;} .myCrt .btmBtns .cpn h2{margin-top: 11px; width: 34%; float: left; display: block;} .myCrt .btmBtns .cpn .error{width:47%; left:29%; bottom:-42px;} .myCrt .btmBtns .cpn .cpnMsg{font-size: 13px; width:47%; color: #134270; position: absolute; z-index: 1; transition: 0.15s ease-out; display: block; left:29%; font-weight: normal; top:-15px;} .myCrt .btmBtns a.aplyBtn{ width: 115px;} .myCrt .btmBtns a.chckOut{ width: 150px;} /*--------------------------- My Cart Details ---------------------------*/ .myCrtTbs .tbs{ width: 100%; background: url(../images/bg-myCart.jpg) repeat-x left top; border-bottom:1px solid #919190;} .myCrtTbs .tbs h3{ padding: 5px 0px 0px 20px; float:left; color:#7a7a7a;margin-bottom: 0;} .myCrtTbs .tbs .icn{float:right; margin-top:10px;padding-right: 20px;} .myCrtTbs .tbsDtl{ width: 100%; } .myCrtTbs .tbsDtl h3{ padding:0px; color: #393839; font-size: 14px;} .myCrtTbs .tbsDtl h2{/* margin-left: 30%; */font-size: 16px;margin-top: 40px;margin-bottom: 20px;} .myCrtTbs .tbsDtl .lft{ width: 97%; float: right;} .myCrtTbs .tbsDtl .lft fieldset{ width: 100%;} .myCrtTbs .tbsDtl .rgt fieldset{ width: 100%;} .myCrtTbs .tbsDtl .rgt{ width: 100%; float:right;} .myCrtTbs .tbsDtl .rgt .adrsBk{margin-top:0px;width: 100%;margin: 0;} .myCrtTbs .tbsDtl .rgt .adrsBk li{ width: 100%; } .myCrtTbs .tbsDtl .rgt h2{/* margin-left:14.5%; */margin-top: 50px;} .myCrtTbs .tbsDtl .fldWrp{/* min-height:45px; */position: relative;width: 50%;} .myCrtTbs .tbsDtl .fldWrp label{line-height:18px; text-transform:uppercase; padding-top: 5px;} .myCrtTbs .tbsDtl .fldWrp input{margin-top:0px;} .myCrtTbs .tbsDtl .fldWrp input.btn{background-color: #039ce4;color: #ffffff;font-weight:bold;} .myCrtTbs .tbsDtl .fldWrp input{margin-top:0px;} .myCrtTbs .tbsDtl .fldWrp .error{ left: 108px; bottom: -28px; width: 62%;} .myCrtTbs .tbsDtl .fldWrp input.btn.bg{} .myCrtTbs .tbsDtl .rgt .rgtPnl{width: 45%;float: right;margin-right: 5%;margin-top: 3.5%;} .myCrtTbs .tbsDtl .rgt .rgtPnl h2{ margin-left:0%;} .myCrtTbs .tbsDtl .rgt .rgtPnl p.myCrtP{ background-color:#fffce1; padding: 10px; color:#393839;} .myCrtTbs .tbsDtl .rgt .rgtPnl p a{ float: right;} .myCrtTbs .tbsDtl .rgt .rgtPnl p a:hover{ color:#134270;} .myCrtTbs .tbsDtl .btnUpdt, .myCrtTbs .tbsDtl .btnSvChng{ padding:7px 25px; background-color:#fed443; color:#393839; font-weight:bold;} .myCrtTbs .tbsDtl.odrHstry{width: 95%;margin-left: 3%;} .myCrtTbs .tbsDtl.odrHstry .odrDtlWrp{ width:100%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl{ border-bottom: 1px solid #e3ecf1; border-top: 2px solid #e3ecf1; border-left: 2px solid #e3ecf1; border-right: 2px solid #e3ecf1; margin-bottom: 20px;padding: 2%;} .myCrtTbs .tbsDtl.odrHstry ul{/* height: 35px; */width: 100%;margin: 35px 0px 0px;} .myCrtTbs .tbsDtl.odrHstry ul li{ float:left;width: 13%; color:#393839;margin-right: 4.7%;} .myCrtTbs .tbsDtl.odrHstry ul li:last-child{margin-top: -24px;} .myCrtTbs .tbsDtl.odrHstry .odrDtl aside{ float: left; margin-right: 2%; /* padding-left: 22px; */ /* min-height: 160px; */width: 16.5%; /* line-height: 17px; margin-top: 7px; */ font-size: 14px; color: #808285;} .myCrtTbs .tbsDtl.odrHstry .odrDtl aside .mblHd{ display:none;} .myCrtTbs .tbsDtl.odrHstry .odrDtl p{ font-weight:bold; margin-bottom: 0px;} /*.myCrtTbs .tbsDtl.odrHstry .odrDtl .dt{width: 9.4%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .totlPrc{width: 12.6%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .pymnt{width: 12.1%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .stts{width: 9%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .invcDwnld{width: 12%;}*/ /*.myCrtTbs .tbsDtl.odrHstry .odrDtl .invcDwnld a{ width: 39px; background: url(../images/icn-pdf.png) no-repeat left top; height: 37px; padding: 10px 0px 0px 50px; display: block;} */ .myCrtTbs .tbsDtl.odrHstry ul li.lftImg{ width:12%;} .myCrtTbs .tbsDtl.odrHstry ul li.odrNo{width: 21%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .lftImg{ line-height:0px; width: 12%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .odrNo{width: 23%;} .myCrtTbs .tbsDtl.odrHstry .odrDtl .lftImg img{width:100%; margin-left:0px;} .myCrtTbs .tbsDtl.lykByMe ul li{ width: 23.3%; border:1px solid #e3ecf1; float:left; margin-right:2%; margin-top: 25px; margin-bottom: 0px;position: relative;} .myCrtTbs .tbsDtl.lykByMe ul li:nth-child(4n+4){ margin-right:0px;} .myCrtTbs .tbsDtl.lykByMe ul li .lft{ position:relative; width: 46.9%; float:left; background-color: #dadada;} .myCrtTbs .tbsDtl.lykByMe ul li a span.hgt{display:block; padding-top: 188%;} .myCrtTbs .tbsDtl.lykByMe ul li .lft .img{ position:relative; width: 100%; float:left; background:no-repeat -35px top;background-size: 146% auto;} .myCrtTbs .tbsDtl.lykByMe ul li .lft .lk{background:url(../images/icn-like3.png) no-repeat center top; width:23px; height:23px; position:absolute; bottom:6px; right:6px; display:block; z-index:99; pointer-events:visible; text-indent:-10000px;} .myCrtTbs .tbsDtl.lykByMe ul li .lft .lk.lkd, .myCrtTbs .tbsDtl.lykByMe ul li .lft .lk:hover{background-image:url(../images/icn-like2.png);} .myCrtTbs .tbsDtl.lykByMe ul li .rgt{ width: 53%; float:right; position: relative; padding-bottom: 40px; } .myCrtTbs .tbsDtl.lykByMe ul li .btnVw a.adCrt{ padding: 3px 10px 3px 10px; width: 30%; height: 28px; background-color:#134270; color: #fff; position: absolute; bottom: 0px; right: 11%;text-align: center;left: 75%; margin-left: -16%;} .myCrtTbs .tbsDtl.lykByMe ul li .rgt p{ line-height: 18px; margin: 5px 18px; font-weight: bold;} /*------------------- Media ---------------------*/ .media .sticky-wrapper{ width: 7%;} .media .evntLftPnl{ width: 100px; float: left; margin-top:15px;} .media .evntLftPnl ul li{ color:#505050; line-height: 20px;} .media .evntRgtPnl{ width: 86.5%; float: right; margin-top:15px; border-left: 2px solid #555; padding-left: 48px;} .media .evntRgtPnl ul li{width: 18.9%; margin-right: 62px; float: left; margin-bottom: 20px; color:#505050; font-weight:bold;line-height: 22px;text-align: center;text-transform: uppercase; min-height: 275px;} /*.media .evntRgtPnl ul li p{ color:#505050; font-weight:bold;line-height: 22px;text-align: center;text-transform: uppercase;height: 45px; margin-bottom: 0;}*/ .media .evntRgtPnl ul li img{border-radius: 50%;background-color: #e5e5e5;width: 100%;} /*------------------- blogs! ------------------*/ .ltstBlogs{width: 100%;} .ltstBlogs .blogsPnl{/* float: left; */width: 100%;} .ltstBlogs h2{margin: 0px 0px 36px;font-size: 28px;line-height: 38px;text-transform: uppercase;} .ltstBlogs .blogsPnl p{font-size: 14px;font-family: Arial, Helvetica, sans-serif;line-height: 18px;} .ltstBlogs .blogsPnl h3{margin: 20px auto 0;} .ltstBlogs .sclIcn {float: right;width: auto;background: #395b9a;padding: 6px 11px;cursor: pointer;position: relative;} .ltstBlogs .sclIcn p{margin: 0px;color: #fff;font-size: 13px;background: url(../images/fb.png) no-repeat right;padding-right: 20px;} .ltstBlogs .sclIcn p a{display: block; padding-top: 30px; position: absolute; width: 95px;top: 0;left: 0;} .ltstBlogs.detail{float:left;width: 100%;} .ltstBlogs.detail h2{float: left;} .ltstBlog-rgtNav{width: 100%;background-color: #f3f3f3;float: right;padding: 22px 18px 0px;margin-top: 50px;padding: 0px;} .ltstBlog-rgtNav hr{/* background-color:#666666; */margin: 20px 0px;} .ltstBlog-rgtNav h1{ margin: 0px 0px 15px;20px font-size: 20px; text-align: center; color: #ffffff; background: #00bbd3; padding: 2%; text-align: left; padding-left: 22px; } .ltstBlog-rgtNav ul{width:100%;padding: 18px 22px;} .ltstBlog-rgtNav ul li{width: 99%;border-bottom: 1px solid #e3e3e3;margin-bottom: 26px;padding-bottom: 20px;} .ltstBlog-rgtNav ul li:last-child{ border:none;} .ltstBlog-rgtNav ul li h2{ text-align: center; } .ltstBlog-rgtNav ul li .imgPnl { width: 100%; /* height: 152px; */ line-height: 0px; overflow: hidden; } .ltstBlog-rgtNav ul li .imgPnl img{width:100%;} .ltstBlog-rgtNav ul li h3 {text-align: center;background: #00bbd3;color: #fff;padding: 3px;font-size: 14px;width: 85%;/* margin: 15px auto 0px; */margin: 15px auto;} .ltstBlog-rgtNav ul li a{color: #282f39;text-align: left;display: block;font-weight: bold;font-size: 16px;} a#lnkFB {} .ltstBlogs .blogsPnl ul li{border-bottom: 1px solid #eae9e9;margin-bottom: 25px;padding-bottom: 20px;} .ltstBlogs .blogsPnl ul li:nth-child(2){height: 158px;} .ltstBlogs .blogsPnl .topimg{width: 100%;/* overflow:hidden; *//* min-height: 350px; */line-height: 0px;/* border: 1px solid #eae9e9; */margin-bottom: 10px;} .ltstBlogs .blogsPnl .topimg img{width:100%;border: 1px solid #eae9e9;} .ltstBlogs .blogsPnl span{display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-top: 5px;color: #7b7b7b;font-weight: bold;float: left;} .ltstBlogs .blogsPnl span b{ margin-left:0px;} .ltstBlogs .blogsPnl b{font-size:15px;margin-left:0;} .ltstBlogs .blogsPnl h4{color: #ef7f1a;} .ltstBlogs .rightblogs{/* float: left; */width: 100%;} .ltstBlogs .rightblogs h3{margin:0px auto;font-size: 16px;text-transform: uppercase;color: #5c5c5f;} .ltstBlogs .rightblogs p{font-size:14px;line-height:18px;} .ltstBlogs .redmr-btn{background: #00bbd3;padding: 7px 15px;color: #fff;font-size: 12px;} .ltstBlogs .rightblogs ul li{/* border-bottom: 1px solid #eae9e9; */margin-bottom: 25px;/* padding-bottom: 20px; */background: #f6f6f6;padding: 20px;width: 100%;} .ltstBlogs .rightblogs ul li .lft{width: 38%;line-height: 0px;overflow: hidden;height: 142px;background-color: #555555;} .ltstBlogs .rightblogs ul li .lft img{width:100%;} .ltstBlogs .rightblogs ul li .rgt{width: 59%;/* margin-top: 1px; */} .ltstBlogs .rightblogs ul li .rgt span{display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-top: 5px;color: #7b7b7b;} .ltstBlogs .rightblogs li .rgt span b{ margin-left:0px;} .ltstBlogs .blogr{margin-top: 20px;border-top: 1px solid #f3f3f3;width: 100%;margin: 0px auto;margin-top: 76px;padding-bottom: 19px;} .ltstBlogs .blogr .lft{width: 90px;/* height: 80px; */margin: 0px auto;float: none;} .ltstBlogs .blogr .lft img{width:100%;margin-top: -42px;border-radius: 50px;} .ltstBlogs .blogr .insta{background:url(../images/insta.png) no-repeat center top;display: block;width: 100%;height: 25px;margin-top: 20px;position: relative;} .ltstBlogs .blogr .rgt{/* width: 92.5%; */margin-top: 11px;float: none;} .ltstBlogs .blogr .rgt:after{content:'';border-bottom: 1px solid #f3f3f3;display:block;width: 50%;margin: 20px auto 0;} .ltstBlogs .blogr .rgt h5{margin-left:0px;color: #11c3fe;font-size: 16px;text-align: center;} .ltstBlogs .blogr .rgt p{margin-top: 8px;text-align: center;} /*------------------- blogs! ------------------*/ /*------------------- TrendShop! ------------------*/ .wrap.lookBook{ position: relative; } .wrap.lookBook ul li{ position:relative;} .wrap.lookBook ul li img{ margin:0px auto;} .wrap.lookBook .bx-wrapper{width:1050px; margin:0px auto;} .wrap.lookBook .bx-wrapper .bx-pager{ display: none;} .wrap.lookBook .bx-wrapper .bx-controls-direction a{ } /*.wrap.lookBook .bx-wrapper .bx-prev, .wrap.lookBook .bx-wrapper .bx-next{ position:absolute; top: -620px; width: 36px; height: 36px; text-indent:-10000px;} */ .wrap.lookBook .bx-wrapper .bx-prev, .wrap.lookBook .bx-wrapper .bx-next{width: 36px; height: 36px; } .wrap.lookBook .bx-wrapper .bx-prev{background:url(../images/lkbk-pgr-1.png) no-repeat left top; left: 0px;} .wrap.lookBook .bx-wrapper .bx-next{background:url(../images/lkbk-pgr-2.png) no-repeat right top; right: 0px;} /*-------------------------------- TrendShop! details --------------------------*/ .wrap.lookBookDtl{margin-bottom: 30px;} .wrap.lookBookDtl .lft{ width: 47%; position: relative;} .wrap.lookBookDtl .lft .sclIcn{float:right; padding:0px;margin: 0px; position:absolute;bottom: 171px;right: 18px;} .wrap.lookBookDtl .lft .sclIcn ul li{float:left; } .wrap.lookBookDtl .lft .sclIcn ul li a{ height: 18px!important;display: block; margin-right: 2px; text-indent:-10000px; background-size: 95% auto; width: 20px;} .wrap.lookBookDtl .lft .sclIcn ul li a.fb{background-image: url(../images/icn-fb.png);} .wrap.lookBookDtl .lft .sclIcn ul li a.twt{background-image: url(../images/icn-twt.png); } .wrap.lookBookDtl .lft .sclIcn ul li a.insta{background-image: url(../images/icn-insta.png); } .wrap.lookBookDtl .lft .sclIcn ul li a.prntScr{background-image: url(../images/icn-ps.png);} .wrap.lookBookDtl .lft .sclIcn ul li a:hover{ background-position: left -43px;} .wrap.lookBookDtl .lft ul.vdoPnl{ margin-left:130px;} .wrap.lookBookDtl .lft ul.vdoPnl li a{ width:35%; height: 165px; float: left; margin-right: 4%;} .wrap.lookBookDtl .lft ul.vdoPnl li a.utbVdo{ width: 34%; height: 165px; background-color:#000;} .wrap.lookBookDtl .lft ul.vdoPnl li a img{ height:100%;} .wrap.lookBookDtl .lft ul.vdoPnl li a:nth-child(3){ margin-right:0px;} .wrap.lookBookDtl .rgt{ width: 50%;} .wrap.lookBookDtl .rgt a.img{display:block; width:100%; background: url(../img/products/img-1.jpg) no-repeat center center #e3e3e3;background-size: 100% auto;} .wrap.lookBookDtl .rgt a.img span.hgt{display:block; padding-top: 119%;} .wrap.lookBookDtl .rgt h2{margin-left:20px;} .wrap.lookBookDtl .rgt h2.hd{position:relative; padding-left:20px;height: 20px;} .wrap.lookBookDtl .rgt h1{ margin-left: 10px; float: left; margin-top: 4px;} .wrap.lookBookDtl .rgt h1 span{color:#134270;font-size: 16px;} .wrap.lookBookDtl .rgt ul li{ width: 46%;/* height: 355px;*/ border:1px solid #b8b8b8; float: left; margin: 2%; position: relative;} .wrap.lookBookDtl .rgt ul li:nth-child(n+2){ margin-right:0px;} .wrap.lookBookDtl .rgt ul #GridView1{width:100%;} .wrap.lookBookDtl .rgt ul #GridView1 td{} .wrap.lookBookDtl .rgt ul #GridView1 td li td{ } .wrap.lookBookDtl .rgt li .hvr{ background:url(../images/bg-ovrly.png); width:100%; height: 85.5%; position:absolute; top:0px; left:0px; display: none; pointer-events: none; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s;} .wrap.lookBookDtl .rgt li .hvr a{pointer-events:visible;} .wrap.lookBookDtl .rgt li .hvr .dtls{width:100%; /*height:30%; padding:3% 5%;*/ position:absolute; top:35%; left:0px; display:block; z-index:999;} .wrap.lookBookDtl .rgt li .hvr .dtls h2{position:relative; line-height:14px; padding-right:23px; text-align:center; text-transform:uppercase;} .wrap.lookBookDtl .rgt li .hvr .dtls h2 b{font-size: 12px; font-weight:normal;} .wrap.lookBookDtl .rgt li .hvr .dtls h2 span{line-height:16px;} .wrap.lookBookDtl .rgt li .hvr .dtls .lk{background:url(../images/icn-like3.png) no-repeat center top; width:23px; height:23px; margin:10px auto; display:block; z-index:99999; pointer-events:visible; text-indent:-10000px;} .wrap.lookBookDtl .rgt li .hvr .dtls .lk.lkd, .wrap.lookBookDtl .rgt li .hvr .dtls .lk:hover{background-image:url(../images/icn-like2.png);} .wrap.lookBookDtl .rgt li .hvr .dtls p{margin-bottom:5px;} .wrap.lookBookDtl .rgt li .hvr .lks{ background:url(../images/icn-like-bg.png) no-repeat center top; width:60px; height:20px; padding:42px 0% 0; position:absolute; top:40%; left:50%; margin-left:-30px; margin-top:-21px; display: block; color:#fff; text-align:center; font-size: 16px;} .wrap.lookBookDtl .rgt li .hvr p, .wrap.lookBookDtl .rgt li .hvr b, .wrap.lookBookDtl .rgt li .hvr span{color:#fff;} .wrap.lookBookDtl .rgt li:hover .hvr{display: block; opacity: 1; visibility:visible;} .wrap.lookBookDtl .chkBx {position:absolute; top:0px; left:0px; z-index: 99;} .wrap.lookBookDtl .chkBx input[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width: 1px!important; margin: -1px; padding:0; border:0; } .wrap.lookBookDtl .chkBx input[type=checkbox] + label {padding:0px; padding-left: 20px; margin:0px auto; display:inline-block; line-height:15px; font-size: 14px; vertical-align:middle; cursor:pointer; margin-right: 5px; height: 22px; padding-top: 6px;text-align: center;font-weight: bold;} .wrap.lookBookDtl .chkBx input[type=checkbox]:hover + label{ background-position: 0 -20px; } .wrap.lookBookDtl .chkBx input[type=checkbox]:checked + label, .wrap.lookBookDtl .rgt li .chkBx input[type=checkbox]:hover + label { background-position: 0 -20px;} .wrap.lookBookDtl .chkBx label{background: url(../images/bg-lft-chk2.png) no-repeat left 5px; text-align:center; COLOR: #7a7a7a; padding-left:30px; display:block; } .wrap.lookBookDtl .rgt li .chkBx {top: 5px; left: 12px; } .wrap.lookBookDtl .rgt li .chkBx label{text-indent:-10000px;} .wrap.lookBookDtl .rgt .errorTxt.lkBk{ margin-left:20px; margin-top: 10px; display: block;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl{ padding-top: 15px; padding-bottom: 15px; height: 60px; background-color:#dfdede; position: absolute; width: 100%; bottom: 0px;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .lft{width: 57%; float: right;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl h2{ float:left; padding-top: 5px; font-size: 15px; font-weight: normal; margin-right: 5px; margin-left: 10px;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .szRdoBtn{ float: right; display: block; width: 55%; margin: 0; margin-right: 15px;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .szRdoBtn input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width: 1px!important; margin: -1px; padding:0; border:0; } .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .szRdoBtn input[type=radio] + label {padding:0px; padding-left: 22px; margin:0px auto; height: 19px; display:inline-block; line-height:15px; font-size: 14px; vertical-align:middle; cursor:pointer; width: 1px;margin-right: 5px; padding-left: 0px; height: 21px; width: 28px;padding-top: 7px;text-align: center;font-weight: bold;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .szRdoBtn input[type=radio]:checked + label, .szRdoBtn input[type=radio]:hover + label { background-color:#134270; } .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .rgt{width: 28%; float: right;position: absolute;right: -10px;top: 0px;} .wrap.lookBookDtl .rgt ul li .lukBukSzDtl .rgt input{ width:50px; margin-top: 0px; padding: 5px; border: 0px; text-align: center;} .wrap.lookBookDtl .rgt input[type="submit"]{margin-left:20px; margin-top: 14px; } /*---------------- Thank You Page --------------*/ /*.otrWrp.ptrn.cnfrm{ height:795px;}*/ .confrmPg.wrap{ } .confrmPg.wrap img{ margin:0px auto; display:block; } .confrmPg.wrap h1, .confrmPg.wrap h2, .confrmPg.wrap p{ text-align:center;} .confrmPg.wrap h1{font-family:'cocogooseregular', arial; font-weight:bold; font-size:26px; color: #055391;margin: 20px auto 10px;} .confrmPg.wrap h2{font-family:'museo_sans300', arial;font-size:18px;color: #055391;} .confrmPg.wrap p{font-family:'museo_sans300', arial;font-size:16px;color:#58595b; line-height: 18px; margin-top: 15px; margin-bottom: 15px; } .confrmPg.wrap .adrssDtl{ border-bottom: 1px solid #cecece; margin-bottom:15px;} .confrmPg.wrap .adrssDtl .amtNv{ border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;} .confrmPg.wrap .adrssDtl .amtNv .lft{ width: 55%; margin: 10px 0px; } .confrmPg.wrap .adrssDtl .amtNv .rgt{ width: 41%; text-align: right; margin: 10px 0px; margin-right: 20px;} .confrmPg.wrap .adrssDtl p{ text-align:left; margin:10px 0px 25px; font-size:16px; line-height: 22px;} .confrmPg.wrap p.ml{ margin:15px 0px; font-size:16px;} .confrmPg.wrap p span img{ margin: 0; display: inherit;} /*------------- Order Cancel - OOPSS ----------------*/ .cnclPg.wrap{ width:76%; background: #fff; padding: 0 10%; padding-bottom: 60px;} .cnclPg.wrap img{ margin:0px auto; display:block; padding-top:125px;} .cnclPg.wrap h2, .cnclPg.wrap h2 span{font-family:'museo_sans300', arial;font-size:22px;color:#134270; text-align:center; margin-top:30px; text-transform:uppercase; line-height: 28px; font-weight:normal;} .cnclPg.wrap h2 span{font-weight:bold;} .cnclPg.wrap p{font-family:'museo_sans300', arial;font-size:18px;color:#134270; text-align:center; margin-top:15px;} .cnclPg.wrap p a{color:#134270; } /*----------------------- Footer --------------------*/ footer{/* background:url(../images/bg-ftr.jpg) repeat-x left top; */width:100%;padding: 2% 0% 2%;background-color: #00bbd3;} footer ul{ width: 13%; float: left; /* padding: 1.8% 0%; */margin-left: 3%;} footer ul li.hd{ color:#fff; font-weight:bold; font-size: 20px;line-height: 30px;} footer ul li.phn{ background: url(../images/phn.png) no-repeat left 3px; font-size: 20px;padding-bottom: 10px;padding-left: 25px;margin-top: 4px;} footer ul li a, footer ul li{ color:#fff;font-size: 16px;} footer ul.icon{ width: 14%;} footer ul.cntct{ width: 17%;} footer ul.icon li{width: 33.5%;float: left;margin-right: 10%;margin-bottom: 6%; } footer ul.vstUs{ width: 12%;} footer ul.vstUs li{width: 74%;float: left;margin-right: 7%;margin-bottom: 6%;} footer ul.vstUs li.hd{ font-size: 14px;} /*****************************************************/ /******** WOO CART / CHECKOUT / ACCOUNT PAGES ********/ /*****************************************************/ .wc-proceed-to-checkout{margin:10px !important;} /*.product-thumbnail img{ width:120px !important; height:70px !important; padding:10px !important; }*/ .product-name{ text-align:center !important; } .product-name a{ padding:21px !important; } .woocommerce-Price-amount{ padding:60px !important; } .product-price{ text-align:center !important; } .woocommerce-form-coupon-toggle{display:none !important;} .product-quantity .quantity{ text-align:center !important; } .product-subtotal{ text-align:center !important; } .screen-reader-text{display:none !important;} ..quantity input.qty{ width:48px !important; text-align:center !important; } /*** FORM AND OTHER PADDING ***/ #customer_details, form.woocommerce-EditAccountForm.edit-account, h3#order_review_heading { padding: 30px 20px; } /*** ADJUST FORM ROUNDED EDGES ***/ #customer_details { border-top-left-radius: 5px; border-top-right-radius: 5px; } .woocommerce-checkout-review-order table.shop_table { border-top-left-radius: 0; border-top-right-radius: 0; } /*** THIS COMPENSATES FOR FIELDS NOT ALIGNING ***/ h3#ship-to-different-address { margin-top: -3px; } /*** ALL WOO BUTTONS ***/ .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button { text-transform: capitalize !important; background: #00BBD3 !important; padding: 8px 7px !important; font-size: 14px !important; color: #fff !important; margin-top: 10px !important; cursor: pointer !important; border: 0; -webkit-appearance: none; } .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover { background: #00BBD3 !important; color: #fff !important; } /*** PAYMENT BOX ON CHECKOUT ***/ #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #15bf86; color: #fff; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #15bf86; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 0; } .woocommerce table.shop_table td, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-checkout #main-content .cart-subtotal td { border-top: 2px solid #fff; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background: transparent; } .woocommerce-checkout #content-area table th, .woocommerce-checkout #content-area table td { padding-left: 20px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { font-size: 18px; } /*** COUPON / EXISTING ACCOUNT / ERROR BOXES BACKGROUND COLOR ***/ .woocommerce-message, .woocommerce-error, .woocommerce-info { background: #00BBD3 !important; color: #FFF !important; padding: 10px !important; font-size: 18px !important; margin-bottom: 18px !important; width:100% !important; } .wcppec-checkout-buttons__separator{display:none !important;} .woocommerce-error li{ background: #00BBD3 !important; color: #FFF !important; padding: 10px !important; font-size: 18px !important; margin-bottom: 18px !important; } .remove{ font-size: 20px !important; color: red !important; } .coupon{display:none;} /*** ORDER NOTES ON CHECKOUT ***/ .woocommerce-checkout .woocommerce form .form-row textarea { height: 150px; /* height of optional notes box */ } /*** STATE DROPDOWN SELECT COLOR ***/ .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #ffa500; } /*** QUANTITY BOX ***/ .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { height: 46px; /* you may need to change this based on your font size */ width:48px !important; text-align:center !important; } .single_add_to_cart_button{ padding: 9px 15px !important; width: auto !important; background-color: #00bbd3 !important; text-align: center !important; border: 0px !important; border-radius: 0px; font-size: 12px !important; float: left !important; display: block !important; text-transform: uppercase !important; margin: 0 !important; color: #fff !important; }