body { background: #FFF; color: #000; /*font-family: "Comfortaa";*/ font-family: "Sans!important"; font-size: 12px; line-height: normal; padding: 0; margin: 0; } /*@font-face { font-family: "Comfortaa"; src: url('../fonts/742156983-Comfortaa-Regular.eot'); src: url('../fonts/742156983-Comfortaa-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/742156983-Comfortaa-Regular.svg#Comfortaa') format('svg'), url('fonts/742156983-Comfortaa-Regular.woff') format('woff'), url('fonts/742156983-Comfortaa-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Comfortaa"; src: url('../fonts/644348145-Comfortaa-Light.eot'); src: url('../fonts/644348145-Comfortaa-Light.eot?#iefix') format('embedded-opentype'), url('fonts/644348145-Comfortaa-Light.svg#Comfortaa') format('svg'), url('fonts/644348145-Comfortaa-Light.woff') format('woff'), url('fonts/644348145-Comfortaa-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ /*SansLight start*/ @font-face { font-family: "SansLight"; src: url('../fonts/open-sans/OpenSans-Light.ttf'); } @font-face { font-family: "SansLightItalic"; src: url('../fonts/open-sans/OpenSans-LightItalic.ttf'); } @font-face { font-family: "SansItalic"; src: url('../fonts/open-sans/OpenSans-Italic.ttf'); } @font-face { font-family: "Sans"; src: url('../fonts/open-sans/OpenSans-Regular.ttf'); } @font-face { font-family: "SansBold"; src: url('../fonts/open-sans/OpenSans-Bold.ttf'); } @font-face { font-family: "SansBoldItalic"; src: url('../fonts/open-sans/OpenSans-BoldItalic.ttf'); } @font-face { font-family: "SansSemiBold"; src: url('../fonts/open-sans/OpenSans-Semibold.ttf'); } @font-face { font-family: "SansExtraBold"; src: url('../fonts/open-sans/OpenSans-ExtraBold.ttf'); } /*SansLight end*/ /* Roboto start */ /*@font-face { font-family: "Roboto-Thin"; src: url('../fonts/roboto/Roboto-Thin.ttf'); } @font-face { font-family: "Roboto-Light"; src: url('../fonts/roboto/Roboto-Light.ttf'); } @font-face { font-family: "Roboto-Medium"; src: url('../fonts/roboto/Roboto-Medium.ttf');pn } @font-face { font-family: "Roboto-Condensed"; src: url('../fonts/roboto/Roboto-Condensed.ttf'); } @font-face { font-family: "Roboto-BoldCondensed"; src: url('../fonts/roboto/Roboto-BoldCondensed.ttf'); } @font-face { font-family: "Roboto-Black"; src: url('../fonts/roboto/Roboto-Black.ttf'); } @font-face { font-family: "Roboto-Bold"; src: url('../fonts/roboto/Roboto-Bold.ttf'); }*/ /* Roboto end*/ /*------------------------------------------------------------------------------------anup--------------------------------------------------------------------------*/ .specialofferarea { margin-bottom: 15px; } .specialofferContainer { /*width: 15%; float: left; min-height: 100px; height: auto;*/ width: 14.5%; float: left; min-height: 100px; height: auto; margin-right: .5%; } .specialofferarea h2 div { /*margin-left: 20px;*/ /*block code somak*/ padding-top: 20px; /*color: #363636;*/ color: #114856; text-align: center; /*edit 10.9.2016*/ /*font-size: 20px;*/ font-size: 18px; font-weight: bold; /*edit 10.9.2016*/ border-bottom: #d6d6d6 solid 1px; padding-bottom: 4px; margin-bottom: 6px; } .specialofferarea .Menu { width: 90%; margin: 0 auto; overflow: hidden; } .specialofferarea .Menu ul { margin: 0 0 10px 0; padding: 0 0 0px 0; } .specialofferarea .Menu ul li { padding: 0; margin: 0; list-style: none; margin-bottom: 0px; line-height: 16px; font-size: 13px; /*font-family: "Comfortaa";*/ font-family: "Sans"; } .specialofferarea .Menu ul li.layer1 { /*background: transparent url(../images/green-arrow.png) no-repeat; background-position:3px 6px;*/ margin-left: 0; font-weight: bold; color: #277487; font-size: 13px; line-height: 15px; padding-bottom: 2px; margin-bottom: 3px; /*padding-left:12px;*/ padding-left: 1px; } .specialofferarea .Menu ul li.layer1 a { margin-left: 0; font-weight: bold; color: #277487; } .specialofferarea .Menu ul li.layer11 { background: transparent url(../images/black-arrow.png) no-repeat; background-position: 1px 6px; margin-left: 3px; color: #000000; font-weight: normal; font-size: 12.5px; padding-bottom: 5px; padding-left: 12px; overflow: hidden; width: 200px; } .specialofferarea .Menu ul li.layer11 a { color: #006a78; font-weight: normal; font-size: 14px; font-size: 14px; line-height: 15px; display: block; border-bottom: 1px dashed rgba(39, 116, 135, 0.47); padding-bottom: 2px; margin-bottom: 3px; } .specialofferarea .Menu ul li.layer111 { /*background: transparent url(../images/blue-arrow.png) no-repeat;*/ /*background: transparent url(../images/black-minus.png) no-repeat;*/ /*background-position:1px 6px;*/ /*background-position:1px 4px;*/ margin-left: 6px; color: #4774b9; font-weight: normal; font-size: 12px; padding-bottom: 5px; padding-left: 12px; } .plus { background: transparent url(../images/black-plus.png) no-repeat !important; background-position: 1px 4px !important; } .minus { background: transparent url(../images/black-minus.png) no-repeat !important; background-position: 1px 4px !important; } .specialofferarea .Menu ul li.layer111 a { color: #4774b9; font-weight: normal; border-bottom: 1px dashed rgba(0, 114, 128, 0.57); padding: 0px 0px 2px 0px; display: block; margin-bottom: 3px; } .specialofferarea .Menu ul li.layer1111 { margin-left: 20px; color: #494949; font-size: 11.5px; padding-bottom: 5px; } .specialofferarea .Menu ul li.layer1111 a { color: #494949; display: block; border-bottom: 1px dashed rgba(102, 102, 102, 0.47); padding-bottom: 1px; margin-bottom: 2px; } .specialofferarea .Menu ul li a:hover { color: #0c252b; text-decoration: none; border-bottom: 1px dashed rgba(102, 102, 102, 0.27); } #ctl00_divMsg { width: 33%; /*height: 20px;*/ height: 24px; line-height: 25px; font-size: 18px; padding: 10px 10px 14px 10px; background-color: #fff; border-top: 3px solid #E28409; position: fixed; bottom: 0px; top: -218px; margin-left: 33%; margin-right: 33%; -moz-box-shadow: -2px 0px 5px #009999; -webkit-box-shadow: -2px 0px 5px #009999; box-shadow: -2px 0px 5px #aaa; -ms-box-shadow: -2px 0px 5px #aaa; border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-color: #009999; border-width: 1px; } #ctl00_UpdateProgress { width: 160px; height: 34px; left: 45%; top: 10px; position: fixed; z-index: 1; padding: 3px 15px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #00b2c8; color: #FFF; text-decoration: none; text-align: center; z-index: 999999; font-size: 12px; } #ctl00_UpdateProgress img { vertical-align: middle; margin: 2px; } #ctl00_UpdateProgressCheckout img { vertical-align: middle; margin: 2px; } #ctl00_UpdateProgressCheckout { width: 200px; height: 34px; left: 45%; top: 200px; position: fixed; z-index: 1; padding: 3px 15px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #00b2c8; color: #FFF; text-decoration: none; text-align: center; z-index: 999999; font-size: 12px; } #slidebox { /*background: url(../images/now-shoppingwallmart.png);*/ z-index: 1001; height: 175px; position: fixed; bottom: 0px; right: -200px; padding: 5px; border: none; /* background-color: #fff; /* border-top: 3px solid #E28409; border-bottom: 3px solid #E28409; border-left: 3px solid #E28409; position: fixed; bottom: 0px; right: -250px; -moz-box-shadow: inset 1px 1px 10px 1px #B0B0B0; -webkit-box-shadow: inset 1px 1px 10px 1px #B0B0B0; box-shadow: inset 1px 1px 10px 1px #B0B0B0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;*/ } a.close { background: transparent url(../images/close.png) no-repeat top left; width: 20px; height: 13px; position: absolute; cursor: pointer; top: 30px; right: 10px; z-index: 100; opacity: 1; } .bestseller_row ul li { margin-top: 10px; } .categoryproduct_details ul { min-height: 150px; } .bottommulticolorbar img { position: absolute; left: 50%; top: -20px; width: 38px; height: 38px; } .bottommulticolorbar { width: 100%; height: 5px; float: left; top: 7px; /*add 24.8.2016 somak*/ position: relative; z-index: 999; background: #f78d1e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OGQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2Y3OGQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzQ3NzRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iIzQ3NzRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iIzMzYzFkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzMzYzFkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2VkMjMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2VkMjMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2Y3OGQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2Y3OGQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #f78d1e 0%, #f78d1e 19%, #4774b9 19%, #4774b9 37%, #33c1d3 37%, #33c1d3 57%, #ed2324 57%, #ed2324 78%, #f78d1e 78%, #f78d1e 78%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f78d1e), color-stop(19%,#f78d1e), color-stop(19%,#4774b9), color-stop(37%,#4774b9), color-stop(37%,#33c1d3), color-stop(57%,#33c1d3), color-stop(57%,#ed2324), color-stop(78%,#ed2324), color-stop(78%,#f78d1e), color-stop(78%,#f78d1e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f78d1e 0%,#f78d1e 19%,#4774b9 19%,#4774b9 37%,#33c1d3 37%,#33c1d3 57%,#ed2324 57%,#ed2324 78%,#f78d1e 78%,#f78d1e 78%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f78d1e 0%,#f78d1e 19%,#4774b9 19%,#4774b9 37%,#33c1d3 37%,#33c1d3 57%,#ed2324 57%,#ed2324 78%,#f78d1e 78%,#f78d1e 78%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f78d1e 0%,#f78d1e 19%,#4774b9 19%,#4774b9 37%,#33c1d3 37%,#33c1d3 57%,#ed2324 57%,#ed2324 78%,#f78d1e 78%,#f78d1e 78%); /* IE10+ */ background: linear-gradient(to right, #f78d1e 0%,#f78d1e 19%,#4774b9 19%,#4774b9 37%,#33c1d3 37%,#33c1d3 57%,#ed2324 57%,#ed2324 78%,#f78d1e 78%,#f78d1e 78%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78d1e', endColorstr='#f78d1e',GradientType=1 ); /* IE6-8 */ } .bottomLinecolorbar { width: 100%; height: 2px; float: left; top: 7px; /*add 24.8.2016 somak*/ position: relative; z-index: 999; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,b2b2b2+100 */ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #b2b2b2 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#b2b2b2)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #eeeeee 0%,#b2b2b2 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #eeeeee 0%,#b2b2b2 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #eeeeee 0%,#b2b2b2 100%); /* IE10 preview */ background: linear-gradient(to bottom, #eeeeee 0%,#b2b2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */ margin-top: 5px; margin-bottom: 5px; } .price { width: 150px; height: auto; border: none; margin: 0; padding: 3px; background-color: transparent; float: left; display: inline; font-size: 16px; color: #099; line-height: 120%; font-weight: bold; } .saleprice { /*color: #FF6600;*/ font-size: 15px; } .saleprice div { width: auto; float: left; margin-right: 5px; max-height: 25px; /*margin-bottom:10px;*/ } .saleprice div.prodOrgPrice-cart { float: left; width: 100%; padding: 0px 0px 0px 46px; } .trdpagediscount { color: green; font-size: 13px; } .InStock { color: #090; font-size: 16px; } .OutStock { color: #FF0000; font-size: 16px; } .Seller { font-size: 14px; width: 100%; float: left; } .StoreName { font-weight: bold; /*padding-left: 5%; padding-right: 10%;*/ width: 100%; /*display: inline;*/ } .StoreName a { width: 100%; } .moreSellers:after, .moreSellers:before { bottom: 0px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"; /*left:30%;*/ left: 150px; } .moreSellers:after { border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5; border-width: 7px; /*right: 2%;*/ display: none; } .moreSellers:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5; border-width: 7px; /*right: 2%;*/ } .moreSellers { width: auto; /*float:right;*/ float: left; color: #FC9A42; background: rgba(0, 0, 0, 0); border-radius: 4px; outline: 0; position: relative; margin-top: 5px; width: 170px !important; } .moreSellers.bt { border: 1px solid #FC9A42; cursor: pointer; /*padding-right: 20%;*/ padding-right: 10px; } #returnMsg { width: 100%; } .strikeoutprice { /*color: #099;*/ font-size: 15px; text-decoration: line-through; } .strikeoutprice > div { float: left; width: auto; padding-right: 5px; } .strikeoutprice > div img { vertical-align: middle; } .prodOrgPrice { text-decoration: line-through; /*color:#ed1c24;*/ color: #b12704; display: inline-block; } .prodOrgPrice img { margin-top: -2px; vertical-align: middle; } .TscAdj tr td .prodOrgPrice-wcart { display: inline-block; } .TscAdj tr td .prodOrgPrice-wcart > div { width: auto; float: left; margin-right: 4px; } .TscAdj tr td .prodOrgPrice-wcar img { margin-top: -2px; vertical-align: middle; margin-right: 4px; } .prodPriceArea img { vertical-align: middle; } span.UsdCtrl { font-size: 12px; padding: 0; margin: 0px 1px 0px; width: auto; } #ctl00_ContentPlaceHolder1_lbldivPrice { width: 100%; float: left; margin-top: 1px; margin-bottom: 12px; padding: 0px; } /*------------------------*/ /*------------------------*/ #ctl00_userBasket_basketMid { width: 160px; height: auto; /*padding: 0 10px 0 10px;16_10_13*/ padding: 30px 0px 0 0px; background-color: transparent; color: #FFF; line-height: 110%; font-size: 12px; } #ctl00_userBasket_basketMid ul { list-style-type: none; border: none; margin: 0; padding: 0; } #ctl00_userBasket_basketMid ul li { text-align: center; line-height: 15px; margin-bottom: 0px; } #ctl00_userBasket_basketMid ul li a { text-decoration: none; color: #000; display: block; padding: 1px; } #ctl00_userBasket_basketMid ul li a:hover { background-color: #099; color: #FFF; } #ctl00_userBasket_basketMid { width: 160px; height: auto; padding: 30px 0px 0 0px; background-color: transparent; color: #FFF; line-height: 110%; font-size: 12px; } #ctl00_userBasket_basket ul { list-style-type: none; border: none; margin: 0; padding: 0; } #ctl00_userBasket_basket ul li { text-align: center; } #ctl00_userBasket_basket ul li a { text-decoration: none; color: #000; display: block; padding-top: 6px; } #ctl00_userBasket_basket ul li a:hover { background-color: #099; color: #FFF; } #basketSub { width: 138px; /*height: auto;*/ min-height: 50px; border: 1px solid #099 /*#666*/; margin: 10px; padding: 10px; background-color: transparent; color: #666; line-height: 110%; font-size: 12px; font-weight: bold; text-align: center; overflow: hidden; } #basketSub div { font-size: 14px; margin: 5px 0 3px 0; color: #000; } #basketSub .cartPrice { /* font-size: 14px; margin:1px 0 6px 0px; color: #000; width:100%; margin-left:20%; float:left;*/ font-size: 14px; margin: 5px 0 5px 0; color: #000; width: 100%; text-align: center !important; display: inline-block !important; } #basketSub .cartPrice > div { /*width:auto; float:left; margin-right:3px; margin-bottom:1px;*/ float: none !important; width: auto !important; display: inline-block !important; padding: 3px 2px; margin: 0px; } #basketSub .cartPrice > div img { margin-bottom: -3px; } #basketCheckout { width: 160px; height: auto; padding: 0 10px 0 10px; margin: 0 0 5px 0; background-color: transparent; color: #FFF; line-height: 110%; font-size: 12px; } #basketCheckout a { width: 75px; height: 0; border: none; margin: 0 43px 0 42px; padding-top: 18px; background-color: transparent; background-image: url(../images/coCheckout.png); background-repeat: no-repeat; display: block; overflow: hidden; } #basketCheckout a:link { } #basketCheckout a:visited { } #basketCheckout a:hover { background-position: 0 -18px; } #basketClear { width: 160px; height: auto; padding: 0 10px 0 10px; margin: 0 0 5px 0; background-color: transparent; color: #FFF; line-height: 110%; font-size: 12px; } #basketClear a { width: 75px; height: 0; border: none; margin: 0 43px 0 42px; padding-top: 18px; background-color: transparent; background-image: url(../images/coClearBasket.png); background-repeat: no-repeat; display: block; overflow: hidden; } #basketClear a:hover { background-position: 0 -18px; } #basketBot { width: 180px; height: 10px; background-color: transparent; background-image: url(../images/basketBot.jpg); background-repeat: no-repeat; } /*------------------------*/ #ctl00_UpdateMusicProgress { width: 130px; height: 32px; background-color: Yellow; left: 50%; top: 10px; position: fixed; z-index: 1; } .logindetailsarea { width: 100%; /*Edit 29.8.2016 somak*/ display: block; float: left; margin: 15px 0; /*-webkit-box-shadow: inset 0 0 10px 8px #d1d1d1; box-shadow: inset 0 0 10px 8px #d1d1d1;*/ -webkit-box-shadow: 0 0 10px 5px #d1d1d1; box-shadow: 0 0 10px 5px #d1d1d1; -moz-box-shadow: 0 0 10px 5px #d1d1d1; position: relative; } .login { float: left; min-height: 300px; /*480px*/ padding: 20px; max-width: 100%; } .login fieldset { float: left; border: none; margin-bottom: 5px; width: 100%; position: relative; } .login fieldset label { /*font-family: "Comfortaa";*/ font-size: 13px; color: #2e2e2e; line-height: 28px; float: left; /* width: 130px;*/ text-align: right; padding-right: 15px; } .login fieldset span { color: red !important; } .log.reg p label { /*font-family: "Comfortaa";*/ font-size: 12px; color: #2e2e2e; line-height: 28px; float: left; width: 130px; text-align: left; padding-right: 15px; } .login fieldset input[type="text"] { color: #2e2e2e; /*font-family: "Comfortaa";*/ font-size: 12px; width: 60%; height: 28px; padding: 0 10px; line-height: 27px; float: right; text-align: right; padding: 0px; margin: 0; -webkit-box-shadow: inset 0 0 3px 2px #dadada; box-shadow: inset 0 0 3px 2px #dadada; -moz-box-shadow: inset 0 0 3px 2px #dadada; border-radius: 0; content: none; text-align: left; padding: 0px 5px; } .login fieldset input[type="password"] { color: #2e2e2e; /*font-family: "Comfortaa";*/ font-size: 12px; width: 60%; height: 28px; padding: 0 10px; line-height: 27px; float: right; text-align: right; padding: 0px; margin: 0; -webkit-box-shadow: inset 0 0 3px 2px #dadada; box-shadow: inset 0 0 3px 2px #dadada; -moz-box-shadow: inset 0 0 3px 2px #dadada; border-radius: 0; content: none; text-align: left; padding: 0px 5px; } .login input[type="submit"] { color: #FFF; /*background: #ec331c;*/ background: #277487; font-family: "Comfortaa"; text-transform: uppercase; font-size: 12px; width: auto; height: 28px; padding: 0 10px; line-height: 26px; float: right; text-align: right; padding: 0px; margin: 0; text-align: center; padding: 0px 30px; border: none; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } .borRadiADJ { border-radius: 0px !important; } .log.reg input[type="submit"] { color: #FFF; /*background: #ec331c;*/ background: #277487; /*font-family: "Comfortaa";*/ text-transform: uppercase; font-size: 12px; width: auto; height: 28px; padding: 0 10px; line-height: 26px; float: left; text-align: right; padding: 0px; margin: 0; text-align: center; padding: 0px 30px; border: none; border-radius: 0px; cursor: pointer; } .log.reg input[type="submit"]:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .log.reg p input[type="radio"] { float: left; margin: 7px 5px 0 0; } .login .log { border-right: 1px solid #333333; float: left; padding: 0 10px 0 0; width: 48%; } .login .log h4 { text-transform: capitalize; font-weight: bold; text-decoration: underline; } .login .log p { font-size: 12.5px; } .login .log p img { float: left; margin-right: 5px; } .login .log p a { font-weight: bold; color: #ed1c24; /*color:#f78d1e;*/ border-bottom: #ed1c24 dashed 1px; } .log.reg { border: medium none; padding: 0 0 0 20px; width: 43%; } .loginformarea { float: left; width: 550px; min-height: 350px; /*480px*/ } .loginformarea fieldset { float: left; border: none; margin-bottom: 5px; width: 100%; position: relative; } .loginformarea fieldset label { /*font-family: "Comfortaa";*/ font-size: 12px; color: #2e2e2e; line-height: 28px; float: left; width: 169px; text-align: right; padding-right: 15px; } .loginformarea fieldset input[type="text"] { color: #2e2e2e; /*font-family: "Comfortaa";*/ font-size: 12px; width: 352px; height: 28px; padding: 0 10px; line-height: 27px; float: right; text-align: right; padding: 0px; margin: 0; -webkit-box-shadow: inset 0 0 3px 2px #dadada; box-shadow: inset 0 0 3px 2px #dadada; -moz-box-shadow: inset 0 0 3px 2px #dadada; border-radius: 0; content: none; text-align: left; padding: 0px 5px; } .loginformarea fieldset input[type="password"] { color: #2e2e2e; /*font-family: "Comfortaa";*/ font-size: 12px; width: 352px; height: 28px; padding: 0 10px; line-height: 27px; float: right; text-align: right; padding: 0px; margin: 0; -webkit-box-shadow: inset 0 0 3px 2px #dadada; box-shadow: inset 0 0 3px 2px #dadada; -moz-box-shadow: inset 0 0 3px 2px #dadada; border-radius: 0; content: none; text-align: left; padding: 0px 5px; } .loginformarea fieldset select { -webkit-box-shadow: inset 0 0 3px 2px #dadada; box-shadow: inset 0 0 3px 2px #dadada; -moz-box-shadow: inset 0 0 3px 2px #dadada; border: none; border-radius: 0px; color: #666666; display: inline-block; font-size: 12px; margin: 0; height: 28px; padding: 2px 0 2px 2px; width: 364px; float: right; } .loginformarea fieldset .label1:after { background: #FFF; border-radius: 0; bottom: 0; color: #FFFFFF; /*content: url(../images/filterby-downarrow.jpg);*/ line-height: 30px; height: 28px; padding: 0 0px; pointer-events: none; position: absolute; right: 0; text-shadow: 0 1px 1px #000000; top: 1px; z-index: 1000; } .loginformarea fieldset select option { background: #FFF; font-size: 12px; float: left; } .loginformarea fieldset input[type="submit"] { color: #FFF; background: #ec331c; /*font-family: "Comfortaa";*/ text-transform: uppercase; font-size: 12px; width: auto; height: 28px; padding: 0 10px; line-height: 27px; float: right; text-align: right; padding: 0px; margin: 0; text-align: center; padding: 0px 30px; border: none; -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; cursor: pointer; } .PlaceOrder { float: right; } .PlaceOrder img { position: relative; top: 5px; } .PlaceOrder input[type="submit"] { cursor: pointer; width: auto; padding: 0 12px; height: 28px; line-height: 28px; text-align: center; color: #FFF; font-weight: bold; border: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #f57c20; background: -moz-linear-gradient(top, #f57c20 0%, #ed2224 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f57c20), color-stop(100%,#ed2224)); background: -webkit-linear-gradient(top, #f57c20 0%,#ed2224 100%); background: -o-linear-gradient(top, #f57c20 0%,#ed2224 100%); background: -ms-linear-gradient(top, #f57c20 0%,#ed2224 100%); background: linear-gradient(to bottom, #f57c20 0%,#ed2224 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57c20', endColorstr='#ed2224',GradientType=0 ); } h2.address { width: auto; /*font-family: "Comfortaa";*/ font-size: 14px; color: #555555; font-weight: normal; line-height: normal; float: left; width: 30%; padding: 1%; /* border-bottom-style: dotted; border-bottom-width: 1px;*/ min-height: 95px; /*border:#cccccc solid 1px;*/ margin-right: 1%; } .borderClear { border-bottom: #cccccc solid 1px; clear: both; height: 2px; } h2.address span { width: auto; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 12px; display: block; line-height: normal; color: #3b6bb4; padding-top: 5px; } h2.address span a { color: #f78d1e; text-decoration: none; } h2.address a { font-size: 12px; font-weight: bold; text-transform: capitalize; } h2.address a:hover { color: #000; text-decoration: underline; } .bluebutton { /*float: left;*/ cursor: pointer; vertical-align: top; /*font-family: "Comfortaa";*/ text-align: center; font-size: 11px; color: #FFF; /*background: #3b6bb4;*/ -webkit-border-radius: 4px; border-radius: 4px; margin-left: 10px; text-transform: uppercase; padding: 0px 25px; line-height: 30px; /*edit 27.8.2016 somak*/ height: 30px; /*edit 10.9.2016 somak*/ display: inline-block; border: none; text-transform: uppercase; margin-bottom: 3px; width: auto !important; background: #4e8de5; /* Old browsers */ background: -moz-linear-gradient(top, #4e8de5 0%, #3b6bb4 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e8de5), color-stop(100%,#3b6bb4)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #4e8de5 0%,#3b6bb4 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #4e8de5 0%,#3b6bb4 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #4e8de5 0%,#3b6bb4 100%); /* IE10 preview */ background: linear-gradient(to bottom, #4e8de5 0%,#3b6bb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8de5', endColorstr='#3b6bb4',GradientType=0 ); /* IE6-9 */ text-decoration: none !important; } .bluebutton:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b6bb4+0,4e8de5+100 */ background: #3b6bb4; /* Old browsers */ background: -moz-linear-gradient(top, #3b6bb4 0%, #4e8de5 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6bb4), color-stop(100%,#4e8de5)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #3b6bb4 0%,#4e8de5 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #3b6bb4 0%,#4e8de5 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #3b6bb4 0%,#4e8de5 100%); /* IE10 preview */ background: linear-gradient(to bottom, #3b6bb4 0%,#4e8de5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6bb4', endColorstr='#4e8de5',GradientType=0 ); /* IE6-9 */ text-decoration: none; color: #ffffff; } .bluebutton12 { /*float: left;*/ cursor: pointer; vertical-align: top; /*font-family: "Comfortaa";*/ text-align: center; font-size: 11px; color: #FFF; /*background: #3b6bb4;*/ -webkit-border-radius: 4px; border-radius: 4px; margin-right: 5px !important; text-transform: uppercase; padding: 4px 25px; line-height: 30px; /*edit 27.8.2016 somak*/ height: 30px; /*edit 10.9.2016 somak*/ display: inline-block; border: none; text-transform: uppercase; margin-bottom: 3px; width: auto !important; background: #4e8de5; /* Old browsers */ background: -moz-linear-gradient(top, #4e8de5 0%, #3b6bb4 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e8de5), color-stop(100%,#3b6bb4)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #4e8de5 0%,#3b6bb4 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #4e8de5 0%,#3b6bb4 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #4e8de5 0%,#3b6bb4 100%); /* IE10 preview */ background: linear-gradient(to bottom, #4e8de5 0%,#3b6bb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8de5', endColorstr='#3b6bb4',GradientType=0 ); /* IE6-9 */ text-decoration: none !important; } .bluebutton12:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b6bb4+0,4e8de5+100 */ background: #3b6bb4; /* Old browsers */ background: -moz-linear-gradient(top, #3b6bb4 0%, #4e8de5 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6bb4), color-stop(100%,#4e8de5)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #3b6bb4 0%,#4e8de5 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #3b6bb4 0%,#4e8de5 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #3b6bb4 0%,#4e8de5 100%); /* IE10 preview */ background: linear-gradient(to bottom, #3b6bb4 0%,#4e8de5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6bb4', endColorstr='#4e8de5',GradientType=0 ); /* IE6-9 */ text-decoration: none; } .orangeButt { float: right; background: url(../images/cart-small.png) no-repeat 1px 4px; cursor: pointer; vertical-align: top; text-align: center; font-size: 18px; color: #f78d1e; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 18px; padding: 0 0 0 25px; line-height: 30px; /*edit 27.8.2016 somak*/ height: 30px; /*edit 10.9.2016 somak*/ display: inline-block; border: none; margin-bottom: 3px; width: auto !important; text-decoration: none; display: none; } .orangeButt:hover { text-decoration: underline; opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .sBluebutton { /*float: left;*/ cursor: pointer; vertical-align: top; /*font-family: "Comfortaa";*/ font-size: 11px; color: #FFF; background: #3b6bb4; -webkit-border-radius: 4px; border-radius: 4px; margin-left: 10px; text-transform: uppercase; padding: 3px 15px 0px; line-height: 27px; /*edit 27.8.2016 somak*/ height: 30px; /*edit 10.9.2016 somak*/ display: inline-block; border: none; text-transform: uppercase; margin-bottom: 3px; } .sRedbutton { /*float: left;*/ cursor: pointer; vertical-align: top; /*font-family: "Comfortaa";*/ font-size: 11px; color: #FFF; background: #ec331c; -webkit-border-radius: 4px; border-radius: 4px; margin-left: 10px; text-transform: uppercase; padding: 3px 15px 0px; line-height: 27px; /*edit 27.8.2016 somak*/ height: 30px; /*edit 10.9.2016 somak*/ display: inline-block; border: none; text-transform: uppercase; margin-bottom: 3px; } .Basket a:hover { text-decoration: underline; color: #fff; } .accordianarea a:hover { text-decoration: underline; color: #fff; } .addressbtnarea a:hover { text-decoration: underline; color: #fff; } .managereceipentarea a:hover { text-decoration: underline; color: #fff; } .receipentarea a:hover { text-decoration: underline; color: #fff; } .receipentarea #divaddaddress { float: right; } .receipentarea #divaddaddress a:hover { text-decoration: underline; color: #000; } .carddetailsarea a:hover { text-decoration: underline; color: #fff; } .coupensubmissionara { min-height: 500px; } #popWrapper a:hover { text-decoration: none; color: #fff; } .colorgreen a { color: #3b6bb4 !important; } .Scroller { width: 100%; float: left; margin-bottom: 15px; position: relative; -webkit-box-shadow: inset 0 0 10px 8px #d1d1d1; box-shadow: inset 0 0 10px 8px #d1d1d1; -moz-box-shadow: inset 0 0 10px 8px #d1d1d1; } /*rating style*/ .StarCss { background: url(../images/rating_star.png) no-repeat; height: 20px; width: 20px; margin-right: 1px; } .FilledStarCss { background: url(../images/rating_star.png) no-repeat; height: 20px; width: 20px; } .EmptyStarCss { background: url(../images/star-empty.png) no-repeat; height: 20px; width: 20px; } .WaitingStarCss { background-image: url(../images/rating_star.png); height: 20px; width: 20px; } /*Modal Popup*/ .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } .modalPopup { background-color: White; border-width: 0px; border-style: solid; border-color: Gray; padding: 3px; width: 350px; text-align: center; } .modalPopupLogin { background-color: White; border: 0px solid gray; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; padding: 1%; width: 50%; text-align: center; height: 400px; overflow: auto; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } .modalPopup p { padding: 2px; } .AutoExtender { position: relative; /*font-family: Verdana, Helvetica, sans-serif;*/ font-size: .8em; font-weight: normal; border: solid 1px #006699; line-height: 20px; padding: 5px; background-color: White; margin-left: 0px; } .AutoExtenderList { border-bottom: dotted 1px #006699; cursor: pointer; color: Maroon; position: relative; margin: 0px; } .AutoExtenderHighlight { color: White; background-color: #006699; cursor: pointer; z-index: 10001 !important; position: relative; } #divState { position: relative; width: 316px !important; z-index: 10001 !important; } #divState div { position: relative; width: 316px !important; z-index: 10001 !important; } #divCity { position: relative; width: 316px !important; z-index: 10001 !important; } #divCity div { position: relative; width: 316px !important; z-index: 10001 !important; } .ajax__slider_h_rail { height: 8px; position: relative; width: 125px !important; top: auto !important; } .ajax__slider_h_handle { height: 21px !important; position: absolute; top: 0px !important; width: 16px !important; } .accordion td a:hover { text-decoration: underline; color: #fff; } .CouponRedeemarea { width: 98%; float: left; -webkit-box-shadow: inset 0 0 10px 2px #dadada; box-shadow: inset 0 0 10px 2px #dadada; -moz-box-shadow: inset 0 0 10px 2px #dadada; padding: .5%; margin-top: 1%; } .Couponarea { width: 80%; float: left; -webkit-box-shadow: inset 0 0 10px 2px #dadada; box-shadow: inset 0 0 10px 2px #dadada; -moz-box-shadow: inset 0 0 10px 2px #dadada; padding: 1%; margin-top: 1%; background: rgba(226,226,226,1); background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(100%, rgba(196,194,196,1))); background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c4c2c4', GradientType=1 ); border: 1px solid #c4c2c4; } .Couponarea span { font-size: 15px; color: #1F8C9A; font-weight: normal; padding: 5px 0 0 0px; margin: 0; text-transform: uppercase; line-height: normal; } .Couponarea3 { width: 30%; float: left; -webkit-box-shadow: inset 0 0 10px 2px #dadada; box-shadow: inset 0 0 10px 2px #dadada; -moz-box-shadow: inset 0 0 10px 2px #dadada; /*padding: 1%;*/ margin-top: 1%; background: rgba(226,226,226,1); background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(100%, rgba(196,194,196,1))); background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c4c2c4', GradientType=1 ); border: 1px solid #c4c2c4; position: absolute; left: 54.5%; } .Couponarea3 span { /*font-family: "Comfortaa";*/ font-size: 15px; color: #1F8C9A; font-weight: normal; padding: 5px 0 0 0px; margin: 0; text-transform: uppercase; line-height: normal; } .Couponarea5 { width: 250px; float: left; -webkit-box-shadow: inset 0 0 10px 2px #dadada; box-shadow: inset 0 0 10px 2px #dadada; -moz-box-shadow: inset 0 0 10px 2px #dadada; /*padding: 1%;*/ margin-top: 1%; background: rgba(226,226,226,1); background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(100%, rgba(196,194,196,1))); background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c4c2c4', GradientType=1 ); border: 1px solid #c4c2c4; position: absolute; top: 40px; right: 90px; z-index: 3000; } .Couponarea5 span { /*font-family: "Comfortaa";*/ font-size: 15px; color: #1F8C9A; font-weight: normal; padding: 5px 0 0 0px; margin: 0; text-transform: uppercase; line-height: normal; } .arrowdiv7 { position: relative; top: -16px; left: -2px; width: 15px; height: 10px; display: block; cursor: pointer; background: url(../images/arrow_top3.png) no-repeat left top; z-index: 1000; } .arrowdiv11 { position: relative; top: -11px; right: -2px; width: 15px; height: 10px; display: block; cursor: pointer; background: url(../images/arrow_top3.png) no-repeat left top; z-index: 1000; left: 90%; } /*couponinputarea5*/ .couponinputarea5 { padding: 0px 0px 0px 0px; width: 50%; max-width: 500px; /*padding-left: 4%;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */ background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10 preview */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ float: left; /*position:absolute; z-index:10000;*/ margin-bottom: 10px; } .couponinputarea5 label { float: left; font-family: "Comfortaa"; font-size: 13px; color: #2e2e2e; line-height: 25px; padding-right: 0; min-width: 20%; margin-left: 2%; } .couponinputarea5 input[type="text"] { border-radius: 0; box-shadow: 0 0 3px 2px #dadada inset; float: left; font-family: "Comfortaa"; font-size: 12px; color: #2e2e2e; width: 50%; height: 24px; line-height: 28px; padding: 0px 5px; border-radius: 0; } .couponinputarea5 .buttArea { float: left; width: auto; margin-left: 2%; } .arrowdiv9 { position: relative; top: -8px; left: 5px; width: 15px; height: 10px; display: block; cursor: pointer; background: url(../images/arrow_top5.png) no-repeat left top; z-index: 1000; } .giftcartpaymentarea span { /*font-family: "Comfortaa";*/ font-size: 15px; color: #1F8C9A; font-weight: normal; /* padding: 5px 0 0 4%;*/ padding: 5px 0 0 0px; margin: 0; text-transform: uppercase; line-height: normal; } .couponinputarea { padding: 1% 0px 0px 0px; width: 90%; /*padding-left: 4%;*/ } .couponinputarea3 { padding: 3% 0px 0px 0px; width: 95%; /*padding-left: 4%;*/ } .couponinputarea input[type="text"] { border-radius: 0; box-shadow: 0 0 3px 2px #dadada inset; float: left; /*font-family: "Comfortaa";*/ font-size: 12px; color: #2e2e2e; width: 55%; height: 24px; line-height: 28px; padding: 0px 5px; border-radius: 0; } .CouponRedeemarea input[type="button"] { background: #ec331c; color: #FFF; text-transform: uppercase; border: none; /*font-family: "Comfortaa";*/ /*line-height: 28px; Sanjib*/ height: 25px; font-size: 10px; text-align: center; padding: 2px 5px 0px; -webkit-border-radius: 4px; border-radius: 4px; float: left; cursor: pointer; margin: 0px 0px 1% 1%; } .CouponRedeemarea h2 { /*font-family: "Comfortaa";*/ font-size: 14px; color: #4774b9; font-weight: normal; padding: 15px 0 0 4%; margin: 0; text-transform: uppercase; line-height: normal; } .couponinputarea label { float: left; /*font-family: "Comfortaa";*/ font-size: 14px; color: #2e2e2e; line-height: 25px; padding-right: 0; min-width: 25%; } .CouponRedeemarea3 input[type="button"] { background: #f36021; color: #FFF; text-transform: uppercase; border: none; /*font-family: "Comfortaa";*/ /*line-height: 28px; Sanjib*/ height: 26px; font-size: 12px; text-align: center; padding: 2px 5px 0px; -webkit-border-radius: 2px; border-radius: 2px; float: left; cursor: pointer; margin: 5px 0px 5px 5%; width: 90%; } .left select { /*background: none repeat scroll 0 0 #c9c9c9; border: 0px solid #c9c9c9; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; color: #3D3D3D; display: block; font-size: 14px; height: 32px; line-height: 16px; -webkit-appearance: none; margin-top: 0px; width: auto; float: right; padding: 9px 3px 9px 3px; outline: none; cursor: pointer;*/ /*background: none repeat scroll 0 0 #c9c9c9;*/ background: #d7d7d7; /* border: 0px solid #c9c9c9; */ -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; /* color: #3D3D3D; */ /* display: block; */ /* font-size: 14px; */ height: 32px; line-height: 16px; /* -webkit-appearance: none; */ margin-top: 0px; width: auto; float: right; padding: 0px; outline: none; cursor: pointer; } .left select option { background: #FFF; font-size: 12px; float: left; cursor: pointer; } .left label { display: inline-block; position: relative; /*right:150px;*/ } .left label:after { /*background: #FFF; border-radius: 0; bottom: 0; color: #FFF; content: url(../images/storedrop-arrow2.jpg); line-height: 30px; height: 21px; padding: 0 0px; pointer-events: none; position: absolute; right: 0; text-shadow: 0 1px 1px #000; top: 0px; z-index: 1000;*/ } @media screen and (max-width:1460px) { .left label { /*right:55px;*/ padding-left: 2px; } } @media screen and (max-width:1300px) { .left label { right: 0px; } } #dotted { padding: 0; margin: 0 0 5px 11px; } #dotted li { list-style-type: disc; line-height: 8px; height: auto; margin-bottom: 15px; } #dotted3 { padding: 0; margin: 0 0 5px 11px; min-height: 106px; } #dotted3 li { list-style-type: disc; line-height: 8px; height: auto; margin-bottom: 15px; } .checkboxFour { width: 20px; margin-top: 10px; margin-right: 2%; margin-left: 1%; float: left; height: 20px; background: #ddd; border-radius: 100%; position: relative; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px rgba(0,0,0,0.5); } .checkboxFour label { display: block; width: 10px; height: 10px; border-radius: 100px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; cursor: pointer; position: absolute; top: 5px; left: 5px; z-index: 1; background: #EDEBEB; -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5); } .checkboxFour input[type=checkbox]:checked + label { background: #26ca28; } .checkboxFour input[type=checkbox] { visibility: hidden; } .specsDetails .color { width: 20px; height: 23px; border: 2px solid #FFF; margin: 8px 10px 10px 0px; background-color: transparent; float: left; display: inline; overflow: hidden; } .specsDetails .color a img { width: 20px; height: 23px; border: none; margin: 0; padding: 0; overflow: hidden; background-color: transparent; background-image: none; } .specsDetails .color:link { border-color: #FFF; } .specsDetails .color:visited { border-color: #FFF; } .specsDetails .color:hover { border-color: #000; } .specsDetails .color:active { border-color: #FFF; } .specsDetails .sizes { width: 40px; height: 0; border: 2px solid #FFF; margin: 0; padding-top: 20px; background-color: transparent; float: left; display: inline; overflow: hidden; } .specsDetails .sizes.s { background-image: url(../images/sizeS.jpg); } .specsDetails .sizes.m { background-image: url(../images/sizeM.jpg); } .specsDetails .sizes.l { background-image: url(../images/sizeL.jpg); } .specsDetails .sizes.xl { background-image: url(../images/sizeXL.jpg); } .specsDetails .sizes.xxl { background-image: url(../images/sizeXXL.jpg); } .specsDetails .sizes.xxxl { background-image: url(../images/sizeXXXL.jpg); } .specsDetails .sizes.s:hover { background-image: url(../images/sizeHS.jpg); } .specsDetails .sizes.m:hover { background-image: url(../images/sizeHM.jpg); } .specsDetails .sizes.l:hover { background-image: url(../images/sizeHL.jpg); } .specsDetails .sizes.xl:hover { background-image: url(../images/sizeHXL.jpg); } .specsDetails .sizes.xxl:hover { background-image: url(../images/sizeHXXL.jpg); } .specsDetails .sizes.xxxl:hover { background-image: url(../images/sizeHXXXL.jpg); } .specsDetails .size ul { /* width: 360px;*/ height: auto; border: none; margin: 0; padding: 0; background-color: transparent; } .specsDetails .size ul { list-style-type: none; display: block; } .specsDetails .size ul li { width: auto; /*height: 20px; border: 1px solid #666;*/ margin: 10px 10px 10px 0px; padding: 0; display: inline; float: left; /*line-height: 15px;*/ line-height: normal; } .specsDetails .size ul li a { width: auto; /* height: 16px; */ display: block; background-color: #ffffff; color: #494949; border: 1px solid #009688; /* margin: 0; */ padding: 5px; text-align: center; text-decoration: none; font-size: 12px; font-weight: 600; min-width: 35px; } .specsDetails .size ul li a:link { } .specsDetails .size ul li a:visited { } .specsDetails .size ul li a:hover { background-color: #099; color: #FFF; } .clearFloat { clear: both; } .specsDetails .title { /*border-bottom: 1px solid #CCC;*/ margin: 0 0 5px 0; padding: 5px 0 5px 0; background-color: transparent; /*font-weight: bold; font-size: 12px; color: #F60;*/ float: left; margin: 10px 10px 10px 0px; } .specsDetails .title span { color: #727272 !important; display: none; } .OfferZone { border-left: 1px solid #D3D3D3; flex-grow: 1; position: relative; padding-left: .5%; padding-right: .5%; background: #FFF; /*width: 18%;*/ width: 28%; float: right; /*min-height: 350px;*/ min-height: 300px; } .OfferZone ul { border: none; margin: 5% 10%; padding: 0; } .OfferZone ul li { /*list-style-type: circle;*/ text-align: left; line-height: 15px; list-style-type: none; background: url(../images/bulletArrowicon.png) no-repeat 1px 4px; display: block; padding-left: 15px; } .OfferZone ul li a { text-decoration: none; color: #000; display: block; padding: 1px; } .OfferZone ul li a:hover { /*background-color: #099; color: #FFF;*/ background-color: #ffffff; color: #dc6400; } .Offer_box { background: #FFF; border: 0px solid #c2e1f5; left: 0; } .Offer_box:after, .Offer_box:before { top: 26px; border: solid rgba(0, 0, 0, 0); content: " "; position: absolute; left: -1px; } .Offer_box:after { border-left-color: #FFF; border-width: 6px; margin-top: -6px; } .Offer_box:before { border-left-color: #D3D3D3; border-width: 7px; margin-top: -7px; } .offerDesctext { font-size: 12px; padding: 10px 0px 0px 10px; /**/ } .offertext { font-size: 12px; font-weight: bold; color: #6d6d6d; /*#3B6BB4;*/ padding: 10px 0px 0px 10px; /**/ /*color: #3B6BB4;*/ } .coTitlePlain2 { font-size: 11px; font-weight: bold; color: #6a6a6a; /**/ /* color: #000000; */ /*#3B6BB4;*/ padding-right: 1%; /*7%;*/ } .coTitlePlain2 table tr td { height: 20px; } .coTitlePlain3 { font-size: 11px; font-weight: bold; color: #6a6a6a; width: 60%; float: left; } .coTitlePlain3 table tr td { height: 20px; } .coTitlePlain5 { font-size: 11px; font-weight: bold; color: #6a6a6a; /*width:40%;*/ /*width:35%;*/ width: 34%; float: right; margin-right: 8px; } .coTitlePlain5 table tr td { height: 20px; } .productlistproductarea ul li { width: 15%; padding: 0px; margin: 0; float: left; margin-right: 2%; margin-bottom: 4%; min-height: 280px; background: white; border-radius: 2px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; /* height: 390px;*/ } .productlistExBigproductarea ul li { width: 22%; padding: 0; margin: 0; float: left; margin-right: 4%; margin-bottom: 3%; min-height: 400px; background: white; border-radius: 2px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .productlistBigproductarea ul li { width: 18%; padding: 0; margin: 0; float: left; margin-right: 2.5%; margin-bottom: 3%; min-height: 275px; background: white; border-radius: 2px; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-green { /*width:42px; height:48px;*/ width: 48px; height: 56px; overflow: hidden; position: absolute; top: -3px; right: 4px; } .ribbon-green { font: bold 8.3px; line-height: 16px; text-align: center; position: relative; padding: 5px 0px 6px; left: 0px; top: 7px; border-radius: 50%; color: #fff; background: rgb(234,53,59); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(234,53,59,1) 0%, rgba(237,28,36,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(234,53,59,1) 0%,rgba(237,28,36,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(234,53,59,1) 0%,rgba(237,28,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea353b', endColorstr='#ed1c24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .ribbon-wrapper-discount { width: 50px; overflow: hidden; position: relative; top: 2%; margin-top: -5px; } .ribbon-discount { width: 48px; font-size: 9px; letter-spacing: .5px; text-align: center; /*position: relative;*/ padding: 7px 0; left: 0px; border-radius: 60%; color: #fff; background: rgb(234,53,59); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(234,53,59,1) 0%, rgba(237,28,36,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(234,53,59,1) 0%,rgba(237,28,36,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(234,53,59,1) 0%,rgba(237,28,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea353b', endColorstr='#ed1c24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .twitch-chat { position: fixed; z-index: 100; /* top: 100px; */ right: 0px; bottom: 0px; z-index: 999999; border: 1px solid #777777; background: #f0f0f0; box-shadow: 0px 0px 10px #777777; } .iframe-placeholder { background: url('data:image/svg+xml;charset=utf-8,Loading..') 0px 0px no-repeat; } .chatRel { position: absolute; left: 0px; cursor: pointer; padding-left: 1%; } #AutomotivResults { background: rgb(215, 215, 215); position: absolute; top: 85px; /*88*/ /*edit code 29.9.2016 somak*/ z-index: 9999; margin-left: 0px; width: 388px; padding-left: 5px; } #AutomotivResults a:hover { text-decoration: underline; } #results { /*background: rgb(215, 215, 215); position: absolute; top: 85px; z-index: 9999; margin-left: 0px; width: 388px; padding-left: 5px;*/ /*background: rgb(215, 215, 215);*/ /*position: absolute;*/ padding-left: 5px; position: relative; /*top: 85px;*/ /*88*/ /*edit code 29.9.2016 somak*/ /*top:31px;*/ top: 2px; z-index: 9999; margin-left: 0px; /*width: 388px;*/ width: 100%; /*padding-left: 5px; padding-right:7px;*/ border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+1,dbdbdb+83,bcbcbc+100 */ background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 1%, rgba(219,219,219,1) 83%, rgba(188,188,188,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,242,242,1)), color-stop(83%,rgba(219,219,219,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 1%,rgba(219,219,219,1) 83%,rgba(188,188,188,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(242,242,242,1) 1%,rgba(219,219,219,1) 83%,rgba(188,188,188,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 1%,rgba(219,219,219,1) 83%,rgba(188,188,188,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(242,242,242,1) 1%,rgba(219,219,219,1) 83%,rgba(188,188,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */ border-right: #c3c3c3 solid 1px; border-left: #c3c3c3 solid 1px; } #results a:hover { text-decoration: underline; } .AutoList { color: black; /**/ font-size: 12px; } .AutoList span { color: #F06D0E; /*font-weight: bold;*/ } .cart_button { position: absolute; top: 0px; left: 0px; padding: 5px; opacity: 0; transform: scale(0); transition: all 0.1s ease-in-out 0s; text-decoration: none; } .cart_button a { line-height: 10px; text-decoration: none; font: bold 8px Comfortaa; color: #000; text-align: center; } .Class_button { position: absolute; /*margin-top: 5px;*/ padding: 5px; opacity: 0; transform: scale(0); transition: all 0.1s ease-in-out 0s; text-decoration: none; } .Class_button a { line-height: 10px; text-decoration: none; font: bold 8px Comfortaa; color: #000; text-align: center; } .Scroller_button { position: absolute; top: 0px; margin-left: -18px; opacity: 0; transform: scale(0); transition: all 0.1s ease-in-out 0s; text-decoration: none; } .Scroller_button a { line-height: 10px; text-decoration: none; font: bold 8px Comfortaa; color: #000; text-align: center; } .Store_button { position: absolute; /*top: 0px;*/ margin-left: 0px; opacity: 0; transform: scale(0); transition: all 0.1s ease-in-out 0s; text-decoration: none; z-index: 99999; display: inline; } .Store_button a { line-height: 10px; text-decoration: none; font: bold 8px Comfortaa; color: #000; text-align: center; } .remove_button { position: relative; background-color: #ED1C24; border-radius: 5%; color: #fff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8000000, endColorstr=#d8000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8000000, endColorstr=#d8000000)"; left: 20%; width: 50%; padding: 5px; margin-top: -20px; opacity: 0; transform: scale(0); transition: all 0.1s ease-in-out 0s; text-decoration: none; } .remove_button a { line-height: 10px; text-decoration: none; font: bold 9px Comfortaa; color: #fff; text-align: center; width: 100%; cursor: pointer; } .productlistproductarea ul li:hover { /*-webkit-box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); -moz-box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); box-shadow: 0px 0px 3px rgba(310, 33, 23, 4);*/ } .productlistproductarea ul li:hover .cart_button, .productlistproductarea ul li:hover .cart_button { opacity: 1; transform: scale(1); } .productlistBigproductarea ul li:hover { -webkit-box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); -moz-box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); } .productlistBigproductarea ul li:hover .cart_button, .productlistExBigproductarea ul li:hover .cart_button { opacity: 1; transform: scale(1); } .productlistExBigproductarea ul li:hover { -webkit-box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); -moz-box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); box-shadow: 0px 0px 3px rgba(310, 33, 23, 4); } .productlistExBigproductarea ul li:hover .cart_button, .productlistExBigproductarea ul li:hover .cart_button { opacity: 1; transform: scale(1); } .elastislide-carousel ul li .Border:hover { /*-webkit-box-shadow: 0px 0px 3px rgb(146, 145, 145); -moz-box-shadow: 0px 0px 3px rgb(146, 145, 145); box-shadow: 0px 0px 3px rgb(146, 145, 145);*/ /*padding-bottom: 108%;*/ padding-bottom: 80%; /*border:#d0d0d0 solid 1px;*/ display: block; /*border:#c2c2c2 solid 1px;*/ min-width: 115px; min-height: 116px; } .elastislide-carousel ul li .Border { min-width: 117px; min-height: 118px; max-width: 120px; text-align: center; /*add 12.9.2016 somak*/ } .elastislide-carousel ul li .Border a > img { margin: 0 auto !important; } .elastislide-carousel ul li:hover .Scroller_button, .elastislide-carousel ul li:hover .Scroller_button { opacity: 1; transform: scale(1); } .category_productholder ul li h2:hover .Class_button, .category_productholder ul li:hover .Class_button { opacity: 1; transform: scale(1); } .elastislide-carousel ul li .Scroller_button a img { border: none; } #FavoriteList ul li:hover .remove_button, .productlistproductarea ul li:hover .remove_button, #storeList ul li:hover .remove_button, #CateList ul li:hover .remove_button { opacity: 1; transform: scale(1); } .linkarea h2:hover .Store_button, .linkarea h2:hover .Store_button { opacity: 1; transform: scale(1); } .stname:hover .Store_button, .stname:hover .Store_button, .left .StoreName:hover .Store_button, .left .StoreName:hover .Store_button { opacity: 1; transform: scale(1); } #favScroll::-webkit-scrollbar-thumb { background-color: #00B2C8; border-radius: 10px; } #favScroll::-webkit-scrollbar-thumb:hover { background-color: #00B2C8; border: 1px solid #333333; } #favScroll::-webkit-scrollbar-thumb:active { background-color: #00B2C8; border: 1px solid #333333; } #favScroll::-webkit-scrollbar { width: 5px; /* for vertical scrollbars */ height: 5px; /* for horizontal scrollbars */ } #favScroll::-webkit-scrollbar-track { border: 1px gray solid; border-radius: 10px; -webkit-box-shadow: 0 0 6px gray inset; -webkit-box-shadow: 0 0 6px gray inset; -moz-box-shadow: 0px 0px 3px rgb(146, 145, 145); box-shadow: 0px 0px 3px rgb(146, 145, 145); } .tooltip { display: inline; position: relative; text-decoration: none; top: 0px; left: 0px; opacity: 1; } .tooltip:hover:after { background: #333; background: rgba(0,0,0,.8); border-radius: 5px; top: 20px; color: #fff; content: attr(alt); left: 0px; padding: 4px; position: absolute; z-index: 9999; width: 130px; font-size: 8px; text-transform: capitalize; } .tooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 0px 6px 6px 6px; bottom: 0px; content: ""; left: 5px; position: absolute; z-index: 1001; top: 15px; } /*#divFavContain { position: fixed; width: 100%; left: 0%; bottom: 0px; z-index: 1000; border: 1px solid #777777; background: #f0f0f0; box-shadow: 0px 0px 10px #777777; height: 150px; } .favRel { position: fixed; left: 0%; cursor: pointer; padding-left: 1%; }*/ #shortListDiv .shortListButton { position: absolute; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"; left: -85px; top: 45%; background: #00B2C8; border: 1px solid #00B2C8; -webkit-box-shadow: -1px 1px 0 0 rgba(158,158,158,0.5); -moz-box-shadow: -1px 1px 0 0 rgba(158,158,158,0.5); box-shadow: -1px 1px 0 0 rgba(158,158,158,0.5); color: #fff; text-decoration: none; height: 28px; line-height: 28px; width: 140px; text-transform: none; padding: 0; text-align: center; border: 0; font-size: 14px; border-radius: 2px; } .btn { padding: 6px 12px 4px; font-size: 11px; } .btn { background-color: #ccc; border: 1px solid #ccc; display: inline-block; zoom: 1; line-height: 1.3; color: #f9f9f9; text-transform: uppercase; cursor: pointer; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #shortListDiv .shortListButton .counter { height: 14px; width: 14px; padding: 1px; font-weight: bold; vertical-align: middle; line-height: 12px; font-size: 11px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"; text-align: center; color: #ff5700; background: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.27) inset; -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.27) inset; box-shadow: 0 0 1px 0 rgba(0,0,0,0.27) inset; float: left; margin: 5px 0 0 5px; } #shortListDiv .shortListButton .text { color: #f9f9f9; letter-spacing: .1em; float: left; margin-left: 5px; text-shadow: 0 0 1px rgba(0,0,0,0.35); } #shortListDiv .shortListButton .heart-icon { width: 17px; float: left; margin: 7px 0 0 7px; font-weight: bold; vertical-align: middle; line-height: 14px; font-size: 11px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"; text-align: center; color: #ff5700; border-radius: 50%; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.27) inset; -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.27) inset; box-shadow: 0 0 1px 0 rgba(0,0,0,0.27) inset; /*float: left; margin: 5px 0 0 5px;*/ } #shortListDiv { position: fixed; top: 0; right: -123px; z-index: 999999; -webkit-transition: right 150ms linear 0ms; -moz-transition: right 150ms linear 0ms; -ms-transition: right 150ms linear 0ms; transition: right 150ms linear 0ms; height: 100%; background: url('data:image/svg+xml;charset=utf-8,Loading..') 0px 0px no-repeat; } #shortListDiv .shortListButton .close { width: 14px; height: 14px; float: left; margin: 7px 0 0 6px; display: none; } #shortListDiv .mainContainer { -webkit-box-shadow: 3px 3px 17px -1px #7b7b7b; -moz-box-shadow: 3px 3px 17px -1px #7b7b7b; box-shadow: 3px 3px 17px -1px #7b7b7b; overflow-y: auto; overflow-x: hidden; text-align: center; height: 100%; width: 120px; background-color: #fff; } /*restaurant*/ .row { padding-left: 20%; margin: auto; } /*#countrybox { margin-left: 0; overflow: auto; padding-top: 0; width: 100%; } #countrieslisting { display: table; margin: auto; }*/ h2.centered-text { text-align: center; /* padding-top: 60px; */ color: #222222; /* font-weight: 900; */ font-size: 40px; padding: 0px; margin: 0px; } h3.centered-text { text-align: center; /* padding-top: 60px; */ color: #222222; /* font-weight: 900; */ font-size: 20px; padding: 0px; margin: 0px; } .order-steps .title { font-size: 18px; font-weight: 700; margin: 0 0 10px; } .order-steps .step.one::before { background-image: url("../images/steps_sprite.png"); background-position: 0 -134px; height: 83px; width: 55px; } .order-steps .step.two::before { background-image: url("../images/steps_sprite.png"); background-position: 0 -267px; height: 83px; width: 81px; } .order-steps li::before { content: ""; display: block; margin: 0 auto 10px; } .order-steps .step.four::before { background-image: url("../images/steps_sprite.png"); background-position: 0 -533px; height: 83px; width: 61px; } .order-steps .step.three::before { background-image: url("../images/steps_sprite.png"); background-position: 0 -400px; height: 83px; width: 65px; } .order-steps li { color: #222; margin: 20px 0; min-height: 83px; padding-left: 3%; padding-right: 10px; position: relative; text-align: center; word-break: break-all; } .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .order-steps ul { list-style: outside none none; margin: 20px 0; padding: 0; position: relative; } .Reskeywordsearch { /** width: 395px;**/ float: left; /*background: #d7d7d7;*/ height: 36px; /* padding-left: 10px; last change*/ margin-left: 2%; margin-top: 14px; } .Rescountrysearch { /** width: 240px;*/ height: 22px; float: left; /*margin-right: 12px;*/ margin-top: 15px; } .Rescountrysearch label { display: block; position: relative; height: 22px; /*font-family: "Comfortaa";*/ /*width:250px;*/ } .Rescountrysearch select { background: #c9c9c9; border: none; border-radius: 0px; -webkit-appearance: none; color: #666666; display: block; font-size: 12px; margin: 0; line-height: 18px; height: 30px; padding: 2px 0 2px 2px; outline: none; width: 250px; } .Rescountrysearch label:after { background: #FFF; border-radius: 0; bottom: 0; color: #FFFFFF; content: url(../images/countrydrop-arrow.jpg); padding: 0 0px; pointer-events: none; position: absolute; right: 0; text-shadow: 0 1px 1px #000000; top: 0px; z-index: 1000; } .Rescountrysearch select option { background: #FFF; font-size: 12px; float: left; outline: none; } .Resstoresearch { /* width:240px;*/ float: left; margin-top: 15px; margin-left: 2%; } .Resstoresearch select { -webkit-appearance: none; background: #E2E2E4; border: none; border-radius: 0px; color: #666666; display: inline-block; font-size: 12px; margin: 0; height: 30px; /*height: 22px; line-height: 18px;*/ padding: 2px 0 2px 2px; outline: none; width: 250px; } .Resstoresearch label { display: block; position: relative; height: 22px; /*font-family: "Comfortaa";*/ /*width:250px;*/ } .Resstoresearch label:after { background: #FFF; border-radius: 0; bottom: 0; color: #FFFFFF; content: url(../images/storedrop-arrow.jpg); line-height: 30px; height: 21px; padding: 0 0px; pointer-events: none; position: absolute; right: 0; text-shadow: 0 1px 1px #000000; top: 0px; z-index: 1000; } .Resstoresearch select option { background: #FFF; font-size: 12px; float: left; outline: none; border: none; } input.goRes[type=button] { outline: none; cursor: pointer; width: 33px; height: 31px; border: none; margin-top: 14px; float: right; background: url(../images/go.jpg) no-repeat; } .Reskeywordsearch select { width: 250px; background: #E2E2E4; /*-webkit-appearance: none;*/ background: #E2E2E4; border: none; border-radius: 0px; color: #666666; display: inline-block; font-size: 12px; margin: 0; height: 30px; padding: 2px 0 2px 2px; outline: none; } .updateHeader { margin-top: 1%; margin-right: 21%; float: right; width: 58%; margin-left: 21%; border: 0; background: #ffdf94; padding: 0px 10px 7px 15px; border-radius: 4px; color: #444; max-width: 100%; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); } .opt { display: block; } .margin40 { margin-top: -40px; } .description { line-height: 20px; } .page { margin-top: 7px; } .text a, .page a, .page span { border-radius: 3px; box-shadow: 0 1px 0 rgba(255,255,255,.6) inset; background: #eff0f3; background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec); background: linear-gradient(to bottom,#f7f8fa,#e7e9ec); border: 1px solid #6c6e73; border-color: #adb1b8 #a2a6ac #8d9096; padding: 4px 5px 4px 7px; } .text a b, .page span { color: #F68D1E; } .text a:hover { text-decoration: underline; } .text a:hover b { text-decoration: none; } .page a, .page span { margin-left: 0.5%; margin-right: 2px; } .children li a { min-height: 30px; } .RescountrysearchMainDiv { /*width: 55%; margin: 0px auto; background: #ff6000 none repeat scroll 0% 0%; height: auto ; padding: 0px 15px; min-height: 56px;*/ width: 55%; margin: 0px auto; background: #ef3f23 none repeat scroll 0% 0%; height: auto; min-height: 68px; border-radius: 4px; padding: 20px 15px 13px 15px; } .ResCountryNew { -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); } #ctl00_ContentPlaceHolder1_lblPaymentDetails { width: 70%; float: left; padding-left: 1%; } #cr { float: left; width: 60%; text-align: left; } #crv { float: left; } #ctl00_ContentPlaceHolder1_divMsg { text-align: justify; float: left; width: 97%; /*add css 29.8.2016 somak*/ -webkit-box-shadow: inset 0 0 10px 2px #dadada; box-shadow: inset 0 0 10px 2px #dadada; -moz-box-shadow: inset 0 0 10px 2px #dadada; padding: 10px 1.5% 10px 1.5% !important; margin-top: 1%; /*edit css 29.8.2016 somak*/ margin-bottom: 2%; background: rgba(226,226,226,1); background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(100%, rgba(196,194,196,1))); background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 51%, rgba(196,194,196,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#c4c2c4', GradientType=1 ); border: 0px solid #c4c2c4; font-size: 15px !important; font-weight: normal !important; text-decoration: none !important; color: #395A75 !important; } #ctl00_ContentPlaceHolder1_divMsg .couponinputarea { padding-left: 0PX; } #ctl00_ContentPlaceHolder1_divMsg input[type="text"] { height: 35px; width: 35%; padding-left: 10px; } #ctl00_ContentPlaceHolder1_divMsg input[type="submit"] { background: #ec331c; color: #FFF; text-transform: uppercase; border: none; /*font-family: "Comfortaa";*/ height: 35px !important; font-size: 11px; text-align: center; padding: 0px 10px; -webkit-border-radius: 4px; border-radius: 4px; float: left; cursor: pointer; margin: 0px 0px 1% 1.5%; /*edit the line 25.8.2016 somak*/ min-width: 60px; } .dropdown-menu > li > a span { min-width: 100%; } .shopbydepartment li.active { /*line-height:30px;*/ /*edit 30.8.2016 somak*/ padding-top: 8px; } /*add 16.8.2016 somak*/ .Store { color: #ff0000; font-weight: bold; } /*Style="line-height: 20px;"*/ .ActionBtn { width: 35%; text-align: center; margin-top: -23px; padding: 0; display: inline; } .accordion td.del_link { color: #6a6a6a; } .accordion td.del_link a { /*font-weight:bold;*/ } .accordion td.del_link a:hover { text-decoration: underline; color: #33c1d3; } /*---new login section---*/ .login3 { } .login3 .log h4 { text-transform: capitalize; font-weight: bold; text-decoration: underline; color: #1b96a6; } .log_bor { border-right: 1px solid #cccccc !important; } .login3.reg { border-right: none !important; } .orbuttlink { float: left; width: 100%; font-size: 15px; line-height: 12px !important; font-weight: normal; padding: 3px 5px !important; margin: 5px 0px; text-decoration: none; text-transform: uppercase; text-align: center; color: #ffffff; -moz-box-shadow: inset 0px 1px 3px 0px #ffbc57 !important; -webkit-box-shadow: inset 0px 1px 3px 0px #ffbc57 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8400), color-stop(1, #cc6900)) !important; background: -moz-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: -webkit-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: -o-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: -ms-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: linear-gradient(to bottom, #ff8400 5%, #cc6900 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#cc6900',GradientType=0) !important; background-color: #ff8400 !important; border: 1px solid #cf700b !important; cursor: pointer !important; } .orbuttlink3 { float: left; width: 100%; font-size: 14px; line-height: 16px !important; font-weight: normal; padding: 3px 5px !important; margin: 0px 0px 0px 10px; text-decoration: none; text-transform: capitalize; text-align: center; color: #ffffff; -moz-box-shadow: inset 0px 1px 3px 0px #ffbc57 !important; -webkit-box-shadow: inset 0px 1px 3px 0px #ffbc57 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8400), color-stop(1, #cc6900)) !important; background: -moz-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: -webkit-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: -o-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: -ms-linear-gradient(top, #ff8400 5%, #cc6900 100%) !important; background: linear-gradient(to bottom, #ff8400 5%, #cc6900 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#cc6900',GradientType=0) !important; background-color: #ff8400 !important; border: 1px solid #cf700b !important; cursor: pointer !important; } .orbuttlink3:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .nextPrevArea { } /*--new login section--*/ @media only screen and (min-width:1401px) and (max-width:1600px) { .specialofferarea h2 div { font-size: 18px; line-height: 20px; padding-top: 25px; } .specialofferarea h2 p { font-size: 18px; } } @media only screen and (min-width:1201px) and (max-width:1400px) { .specialofferarea h2 div { font-size: 16px; } .specialofferarea h2 p { font-size: 16px; } .specialofferContainer { width: 18.5%; } .searchFilterSec { width: 18.5%; } } @media only screen and (min-width:1025px) and (max-width:1200px) { .specialofferContainer { width: 22.5% !important; } .searchFilterSec { width: 22.5% !important; } .category_holder { /*width:68.5%!important;*/ width: 74.5% !important; } .specialofferarea h2 div { font-size: 16px; } .specialofferarea h2 p { font-size: 16px; } .productlistproductarea ul li { width: 23%; margin-right: 2%; } } @media screen and (max-width:1600px) { .couponinputarea label { width: 25%; margin-left: 2px; } .couponinputarea input[type="text"] { width: 45%; height: 24px; padding: 0px 3px; } } @media screen and (max-width:1420px) { .arrowdiv7 { top: -14px; } } @media screen and (max-width:1250px) { .arrowdiv7 { top: -12px; } } @media screen and (max-width:1366px) { .CouponRedeemarea input[type="button"] { font-size: 11px; padding: 0px 5px; margin: 0px 0px 1% 3px; } .Couponarea3 { width: 40%; } #dotted3 { min-height: 84px; } } @media screen and (max-width:1200px) { .couponinputarea label { width: 40%; margin-left: 2px; font-size: 12px; line-height: 14px; padding-top: 3px; } .couponinputarea input[type="text"] { width: 55%; } .coTitlePlain5 { margin-right: 2px; } } /*.specialofferContainer { float: left; height: auto; margin-left: 0.3%; min-height: 100px; width:27.5%; }*/ .page { /*margin-top:1.5%;*/ margin-top: 10px; } @media screen and (max-width:1180px) { .CouponRedeemarea input[type="button"] { margin-left: 3px; } } @media screen and (max-width:1024px) { .specialofferContainer { width: 24.5%; margin-left: .5%; } .searchFilterSec { width: 24.5%; margin-left: .5%; } .productlistproductarea ul li { width: 30%; /*width:48%;*/ } .login fieldset input[type="text"] { width: 50%; } .login fieldset input[type="password"] { width: 50%; } .specialofferarea h2 div { font-size: 16px; } .specialofferarea h2 p { font-size: 16px !important; } .coTitlePlain5 { font-size: 11px; width: 50%; } } @media screen and (max-width:900px) { .coTitlePlain2 { width: 50%; } .coTitlePlain3 { width: 50%; } .Couponarea { width: 98%; } /*.coTitlePlain5{ width:48%; }*/ .moreSellers:after, .moreSellers:before { left: 38%; } } @media screen and (max-width:767px) { .shopbydepartment li.active { /*font-size: 12px;*/ /*line-height: 18px;*/ } .login fieldset input[type="text"] { width: 70%; } .login fieldset input[type="password"] { width: 70%; } .specialofferarea .Menu ul { padding: 0 0 0px 12px; } .log.reg { padding-left: 0px; } .couponinputarea label { min-width: 35%; } .Couponarea span { font-size: 13px; } .couponinputarea label { font-size: 13px; } .couponinputarea5 { width: 90%; } .couponinputarea5 label { display: none !important; } .couponinputarea5 input[type="text"] { width: 65% !important; } .log_bor { border-right: none !important; } .orbuttlink { float: right !important; padding: 3px 20px !important; } .Couponarea5 { width: 200px; position: absolute; top: 40px; left: 3px; z-index: 3000; } .arrowdiv11 { left: 8px; } .searchFilterSec { width: 98%; margin-left: .5%; } .bottomLinecolorbar { top: 2px; margin-top: 1px; } } @media only screen and (min-width:600px) and (max-width:767px) { } @media screen and (max-width:600px) { .shopbydepartment li.active { /*line-height:20px;*/ } .login fieldset input[type="text"] { width: 60%; } .login fieldset input[type="password"] { width: 60%; } #dotted li { line-height: 12px; } .OfferZone ul { border: medium none; margin: 2%; padding: 0; } .couponinputarea label { min-width: 38%; } .arrowdiv7 { display: none; } .Couponarea3 { width: 96%; float: left; position: inherit; } .couponinputarea input[type="text"] { width: 58%; height: 24px; padding: 0px 3px; } .CouponRedeemarea input[type="button"] { font-size: 10px; padding: 0px 3px; margin: 0px 6px 3% 3px; } .widthAdj { padding: 1% 0px 0px 0px; width: 99%; /*padding-left: 4%;*/ } .coTitlePlain5 { font-size: 11px; width: 60%; } } @media screen and (max-width:480px) { .login fieldset input[type="text"] { width: 50%; } .login fieldset input[type="password"] { width: 50%; } .coTitlePlain2 { font-size: 10px; } .coTitlePlain3 { font-size: 10px; width: 100%; float: left; margin-top: 130px; } .coTitlePlain5 { font-size: 10px; width: 70%; float: right; /*margin-top:-270px;*/ } .login { padding: 10px; } .strikeoutprice { font-size: 15px; } .saleprice { font-size: 15px; } } @media screen and (max-width:400px) { .orangeButt { float: left; margin-top: 2px; margin-bottom: 10px; } .couponinputarea5 { width: 98%; } .couponinputarea5 input[type="text"] { width: 55% !important; } .orbuttlink3 { margin-left: 3px; margin-top: 4px; } } @media screen and (max-width:360px) { .CouponRedeemarea input[type="button"] { font-size: 10px; padding: 0px 3px; margin: 0px 1px 1% 3px; float: left; } } .featuredtitletextDiv { font-size: 20px; color: #f78d1e; margin-bottom: 14px; } .featuredtitletextDiv2 { color: #3b6bb4; } /*----Stylish Check Box Radio Box Section----*/ .secBoxCheck { display: block; position: relative; padding-left: 25px; line-height: 20px !important; margin-bottom: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 98%; text-align: left !important; } /* Hide the browser's default checkbox */ .secBoxCheck input { position: absolute; opacity: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 2px; left: 1px; height: 16px; width: 16px; background-color: #eeeeee; border: #878787 solid 1px; } /* On mouse-over, add a grey background color */ .secBoxCheck:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .secBoxCheck input:checked ~ .checkmark { background-color: #2196F3; border: #5bb3f8 solid 1px; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .secBoxCheck input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .secBoxCheck .checkmark:after { left: 5px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*----Stylish Check Box Radio Box Section End----*/