/* -- mycoolingstore.com (yhst-136372476553304) - Responsive Plus -- */ @font-face{font-family:'Fjalla One';font-style:normal;font-weight:400;src:local('Fjalla One'),local('FjallaOne-Regular'),url(https://fonts.gstatic.com/s/fjallaone/v7/Yq6R-LCAWCX3-6Ky7FAFrO96kigt.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Fjalla One';font-style:normal;font-weight:400;src:local('Fjalla One'),local('FjallaOne-Regular'),url(https://fonts.gstatic.com/s/fjallaone/v7/Yq6R-LCAWCX3-6Ky7FAFrOF6kg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @charset "utf-8"; /* -- BEGIN: Skeleton Styles -- */ .container,.page-body-columns{ position:relative; width:100%; max-width: 1880px; margin:0 auto; padding:0; overflow:hidden;} .container .cycheader.columns { width: 100%; max-width: 1880px; float: none; margin: 0; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .container .column,.container .columns{float:left;margin-left:10px;margin-right:10px} .container .columns{float:left;margin-left:10px;margin-right:10px} .row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:43px}.container .two.columns{width:106px}.container .three.columns{width:169px} .container .cycheadship .columns{width:520px;} .container .cycheadsearch{width:100%; max-width: 358px;} .container .cycheadlogo{width:100%; max-width: 358px;} .container .five.columns{width:295px}.container .six.columns{width:358px}.container .seven.columns{width:421px}.container .eight.columns{width:484px}.container .nine.columns{width:547px}.container .ten.columns{width:610px}.container .eleven.columns{width:673px}.container .twelve.columns{width:736px}.container .thirteen.columns{width:799px}.container .fourteen.columns{width:862px}.container .fifteen.columns{width:925px} .container .sixteen.columns{ width:988px } .container .cycfootercont.columns{ float:none; } .container .one-third.column{width:316px}.container .two-thirds.column{width:652px}.container .offset-by-one{padding-left:63px}.container .offset-by-two{padding-left:126px}.container .offset-by-three{padding-left:189px}.container .offset-by-four{padding-left:252px}.container .offset-by-five{padding-left:315px}.container .offset-by-six{padding-left:378px}.container .offset-by-seven{padding-left:441px}.container .offset-by-eight{padding-left:504px}.container .offset-by-nine{padding-left:567px}.container .offset-by-ten{padding-left:630px}.container .offset-by-eleven{padding-left:693px}.container .offset-by-twelve{padding-left:756px}.container .offset-by-thirteen{padding-left:819px}.container .offset-by-fourteen{padding-left:882px}.container .offset-by-fifteen{padding-left:945px} @media only screen and (min-width: 768px) and (max-width: 1320px){ .container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}} @media only screen and (max-width: 767px){.container .columns,.container .column{margin:0}.container .sixteen.columns{width:300px;padding:0 10px}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{ width: 100%; box-sizing: border-box;}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}} @media only screen and (min-width: 480px) and (max-width: 767px){ .container .columns,.container .column{margin:0}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:100%;}} .container:after{content:" "; display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:' ';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* -- END: Skeleton Styles -- */ /* -- BEGIN: Base Styles -- */ body { margin: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } #bodyWrap { background-color: #FFFFFF; /* background: #fff url('https://files.mycoolingstore.com/sitescripts/bodyWrap-bkgd.png') 0 179px no-repeat; */ } #homebanner { min-width: 1184px; width: 100%; background-repeat: no-repeat; background-position: center; max-width: 1880px; margin-left: auto; margin-right: auto; } #bodyarea { margin-bottom: 15px; } a { color: #6fb297; text-decoration: underline; outline: none; } a:hover { text-decoration: none; } img { max-width: 100%; height: auto; outline: none; border: none; } .add-bottom { margin-bottom: 20px !important; } .half-bottom { margin-bottom: 10px !important; } .remove-bottom { margin-bottom: 0 !important; } .textright { text-align: right; } .textcenter { text-align: center; } .mobilehide { display: block; } .mobileshow { display: none; } /* -- END: Base Styles -- */ /* -- BEGIN: Header -- */ /* -- -- Header Top */ .phone{ line-height:24px; } #cartarea .cyccarttext { height: 26px; padding-left: 6px; padding-right: 6px; float: left; font-family: Arial; color: #FFFFFF; font-size: 12px; line-height: 25px; margin-top: 4px; } #searchsubmit{ width: 65px; height: 32px; background-color: #49BBA0; border: none; color: #FFFFFF; background-image: linear-gradient(to bottom, #87d2c0, #76cbb7, #65c4ad, #52bda4, #3cb69a); } #searcharea #query{ width: calc(100% - 116px) !important; } .cyctopheader{ padding-right:0px !important; } #cartarea .cyccarticon { float: left; margin-top: 6px; } #cartarea .cyccarticon .fa-shopping-cart { color: #FFFFFF; font-size: 16px; } #cartarea .circle:before { content: "\f111"; font-family: "Font Awesome 6 Pro"; color: #FFFFFF; font-size: 22px; } #cycflcartcontainer { float: left; margin-left: 8px; } #cycflcartcontainer .circle { position: relative; margin-top: 3px; text-align: center; float: left; } .cycflcount { position: absolute; top: 3px; font-family: Arial; color: #FFFFFF; font-size: 14px; width: 22px; } .cycflamount { margin-left: 8px; float: left; font-family: Arial; color: #FFFFFF; font-size: 14px; margin-top: 7px; padding-right: 6px; } #headertopWrap { height: 32px; background: #39b598; -webkit-box-shadow: inset 0 -2px 0 0 #39b598, inset 0 -3px 0 0 #52e5c1; -moz-box-shadow: inset 0 -2px 0 0 #39b598, inset 0 -3px 0 0 #52e5c1; box-shadow: inset 0 -2px 0 0 #39b598, inset 0 -3px 0 0 #52e5c1; } /* -- -- Login */ #loginarea { padding-top: 9px; font: bold 14px/15px Arial, Helvetica, sans-serif; color: #fff; } #loginarea #ys_cpers div { display: inline-block; } #loginarea #yscp_welcome_msg { display: none; } #loginarea a { color: #fff; text-decoration: none; } #loginarea a:hover { text-decoration: underline; } #loginarea #yscp_signin_link a:first-child, #loginarea #yscp_myaccount_link a { padding-right: 5px; border-right: 2px solid #fff; } #loginarea #yscp_signin_link a:last-child { margin-left: -15px; } #loginarea #yscp_signout_link a { padding-left: 5px; } /* -- -- Header Links */ ul.headerlinks { float: none; margin: 0; padding: 9px 0 0 0; list-style: none; } ul.headerlinks li { /*float: left;*/ display:inline-block; padding: 0 9px; font: normal 14px/15px Arial, Helvetica, sans-serif; color: #fff; border-left: 1px solid #fff; } ul.headerlinks li:first-child { border: none; } ul.headerlinks a { color: #fff; text-decoration: none; } ul.headerlinks a:hover { text-decoration: underline; } /* -- -- Cart Area */ #cartarea { height: 32px; /* background: url('https://files.mycoolingstore.com/sitescripts/cartarea-bkgd.png') 0 0 no-repeat; */ background: none repeat scroll 0 0 #088BC4; background: -moz-linear-gradient(top, #088BC4 0%, #264B60 100%); background: -webkit-linear-gradient(top, #088BC4 0%,#264B60 100%); background: linear-gradient(to bottom, #088BC4 0%,#264B60 100%); padding-left:20px; padding-right:20px; float:right; cursor:pointer; } #cartarea .shopbtn { float: right; padding: 5px 34px 0 15px; } /** CYC FLOATING CART **/ .cyc-hide { display: none; } #ysw-cart-pop-up { display: none !important; } .cyc-cart-container { position: fixed; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0; box-sizing:border-box; overflow: hidden; } .cyc-cart-overlay { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) rgba(0, 0, 0, 0.4) top left repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing:border-box; overflow: hidden; } .cyc-cart { position: relative; top: 13%; left: 50%; margin-left: -347px; width: 650px; padding: 15px; background: rgba(0, 0, 0, 0.2); } .cyc-cart-container .cyc-ysw-cart-pop-up { background: #fff; padding: 30px 15px 30px 50px; } .cyc-cart-close { position: absolute; top: 0; right: 0; } .cyc-ysw-cart-header { width: 93%; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; } .cyc-ysw-logo { width: 50%; display: inline-block; border-right: 1px solid #c7c7c7; vertical-align: middle; padding-right: 5%; box-sizing: border-box; } .cyc-ysw-logo img { width: 200px; } .cyc-ysw-cart-title { width: 50%; display: inline-block; text-align: center; font-family: 'Open Sans',sans-serif; font-weight: bold; font-size: 18px; text-transform: capitalize; vertical-align: middle; color: #545454; padding-left: 8%; box-sizing: border-box; } .cyc-ysw-cart-items-header { width: 93%; font-size: 13px; } .cyc-ysw-cart-items-header div { display: inline-block; font-family: 'Open Sans',sans-serif; font-weight: bold; color: #5e5e5e; } .cyc-ysw-cart-items-header .cyc-ysw-cart-image-title { width: 15%; } .cyc-ysw-cart-items-header .name-title { width: 60%; } .cyc-ysw-cart-items-header .cyc-ysw-cart-qty-title { width: 10%; padding-left: 2px; box-sizing: border-box; } .cyc-ysw-cart-items-header .cyc-ysw-cart-price-title { width: 15%; text-align: center; padding: 0; padding-left: 25px; box-sizing: border-box; } .cyc-ysw-cart-items-wrapper { max-height: 330px; overflow-x: hidden; background: #fff; width: 100%; color: #353841; } .cyc-ysw-cart-items { width: 93%; display: inline-block; border-bottom: 1px solid #e0e0e0; padding: 20px 0; font-size: 12px; font-weight: 600; color: #373741; font-size: 16px; } .cyc-ysw-cart-items div { float: left; padding-top: 4px; font-family: 'Open Sans',sans-serif; font-weight: normal; font-size: 13px; line-height: 18px; } .cyc-ysw-cart-items:last-child { border-bottom: none; } .cyc-ysw-cart-items .cyc-ysw-cart-image { width: 15%; height: 15%; padding-top: 0; } .cyc-ysw-cart-image img { /*padding: 0 10px;*/ width: auto; height: 100%; } .cyc-ysw-cart-items .name { width: 55%; max-height: 55px; overflow: hidden; } .cyc-yswoptions { width: 100%; } .cyc-ysw-cart-items .cyc-ysw-cart-qty { width: 15%; text-align: center; } .cyc-ysw-cart-items .cyc-ysw-cart-price { width: 14%; text-align: right; } .cyc-ysw-cart-items-wrapper-overflow { overflow-y: scroll; scrollbar-color: #a6a6a6 #e0e0e0; scrollbar-width: thin; } .cyc-ysw-cart-items-wrapper-overflow::-webkit-scrollbar-track { background-color: #e0e0e0; } .cyc-ysw-cart-items-wrapper-overflow::-webkit-scrollbar { width: 2px; background-color: #e0e0e0; } .cyc-ysw-cart-items-wrapper-overflow::-webkit-scrollbar-thumb { width: 4px; background-color: #a6a6a6; border-radius: 5px; -webkit-border-radius: 5px; } .cyc-ysw-cart-subtotal { width: 93%; text-align: right; font-family: 'Open Sans',sans-serif; font-weight: bold; font-size: 22px; text-transform: capitalize; vertical-align: middle; color: #5c5c5c; margin: 30px 0; } .cyc-ysw-checkout2 { margin-top: 15px; margin-right: 30px; } .cyc-view-cart { display: inline-block; width: 45%; text-align: center; float: right; } .cyc-view-cart a, .cyc-view-cart a:hover, .cyc-view-cart a:visited, .cyc-view-cart a:focus { border: 1px solid #a00014; background: none repeat scroll 0 0 #a00014; background: -moz-linear-gradient(top,#df606a 0,#a00014 100%); background: -webkit-linear-gradient(top,#df606a 0,#a00014 100%); background: linear-gradient(to bottom,#df606a 0,#a00014 100%); text-transform: uppercase; padding: 20px 0; width: 100%; display: block; border-radius: 3px; font-size: 18px; font-weight: normal; color: #fff; font-family: 'Open Sans',sans-serif; text-decoration: none; line-height: 24px; } .cyc-continue-shopping { float: left; display: inline-block; width: 45%; text-align: center; } .cyc-continue-shopping a, .cyc-continue-shopping a:hover, .cyc-continue-shopping a:visited, .cyc-continue-shopping a:focus { background: #ffffff; border: 1px solid #d9d9d9; text-transform: capitalize; padding: 20px 0; width: 100%; display: block; border-radius: 3px; font-size: 14px; font-weight: bold; color: #616161; font-family: 'Open Sans',sans-serif; text-decoration: none; line-height: 24px; } /**** END CYC FLOATING CART ****/ /* -- -- Yahoo Floating/Mini Cart Overrides */ #yfc_minicart { margin-top: 5px; width: 160px; color: #fff; background: none; } #yfc_mini_icon, #yfc_show_mini { display: none; } #yfc_mini_align { width: 0; } #yfc_total_items_mini { margin-left: 0; font-weight: bold; line-height: 21px; } #yfc_sub_total_mini { line-height: 21px; } #yfc_fc-panel_c { top: 6px !important; left: 118px !important; } .smb-fc #yfc_close_btn { top: 6px !important; left: 443px !important; padding: 4px !important; } .smb-fc .close_btn_hover { border: none !important; } /* -- -- Header Middle */ #headermiddleWrap {} /* -- -- Logo */ #headermiddle .logo { padding: 11px 0 8px 0; } #headermiddle .logo img { display: block; } /* -- -- Responsive Icons */ #responsive-icons { padding: 10px 0; } #responsive-icons img { margin: 0 10px; } /* -- -- Responsive Navigation */ .responsive-nav {padding-bottom:8px;border-bottom:ridge 2px #006484; text-align:left; padding:5px; background-color:#CBCBCB; border-radius:3px;} .nav, .responsive-nav ul, .responsive-nav li {list-style: none;} .responsive-nav ul {padding: 0;margin: 0 0 0 18px;} .responsive-nav {padding: 0px;margin: 0px;} .responsive-nav li {margin-bottom:0;border-top: dotted 1px #006484;padding:2px 0;padding-top:3px;} .responsive-nav li:first-child {border-top:none;} .responsive-nav > li {margin: 2px 0;} .responsive-nav > li li {margin: 2px 0;} .responsive-nav a {color: #333;display: block;outline: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-decoration: none;} .responsive-nav a .caret, .togglenav .caret {float: right;width: 0;height: 0;display: inline-block;vertical-align: top;border-top: 4px solid #000;border-right: 4px solid transparent; border-left: 4px solid transparent;content: "";margin-top: 8px;margin-left: 2px;} .responsive-nav a:hover .caret {border-top-color: #fff;} .responsive-nav li.open > a > .caret {border-top: none;border-bottom: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;} .responsive-nav li.open > a:hover > .caret, .responsive-nav li.open > a > .caret, .togglenav.active caret {border-bottom-color: #fff;} .caret2 {border-bottom-color: #fff;float: right;width: 0;height: 0;display: inline-block;vertical-align: top;border-bottom: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;content: "";margin-top: 8px;margin-left: 2px;} .responsive-nav a:hover, .responsive-nav li.active > a, .responsive-nav li.open > a {background-color: #006484;color: #fff;} .responsive-nav ul a:hover {background-color:#f2f2f2;color:#000;} .responsive-nav > li.active > a {background-color: #4D90FE;} .responsive-nav li a {font-size: 12px;line-height: 18px;padding: 4px 5px;} .responsive-nav > li > a {font-size: 12px;line-height: 20px;padding: 4px 10px;} /* -- -- Header HTML */ #headermiddle #htmlarea { padding-top: 7px; } /* -- -- Header Phone */ #phone { display: inline-block; padding-top: 32px; vertical-align: top; font: normal 13px/18px Arial, Helvetica, sans-serif; color: #314a87; } #phone span { padding: 0 10px 0 5px; font-weight: bold; font-size: 18px; } #phone span a { color: #314a87; text-decoration: none; } /* -- -- Header Social Icons */ #smicons { display: inline-block; padding-top: 30px; vertical-align: top; } #smicons img { margin-left: 1px; vertical-align: middle; } #smicons a:last-child img { margin: 0; } /* -- -- Search Form */ #searcharea { padding: 24px 0 1px 0; } #searcharea .searcharea { background: #fff url('https://files.mycoolingstore.com/sitescripts/searcharea-bkgd.png') 6px 8px no-repeat; border: 1px solid #d6deb9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 0px 8px 0px rgba(240, 240, 240, 1); -moz-box-shadow: inset 0px 0px 8px 0px rgba(240, 240, 240, 1); box-shadow: inset 0px 0px 8px 0px rgba(240, 240, 240, 1);} #searcharea input { vertical-align: middle; } #searcharea #query { margin: 0 10px 0 40px; padding: 10px 0; width: 238px; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #000; background: none; border: none; } /* -- END: Header -- */ /* -- BEGIN: Top Mega Navingation -- */ #navcontainer { position: relative; z-index: 999; margin-top: 5px; /** background: #39b598; background: #39b598 -moz-linear-gradient(top, #4dcbae 0%, #39b598 100%); background: #39b598 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dcbae), color-stop(100%,#39b598)); background: #39b598 -webkit-linear-gradient(top, #4dcbae 0%,#39b598 100%); background: #39b598 -o-linear-gradient(top, #4dcbae 0%,#39b598 100%); background: #39b598 -ms-linear-gradient(top, #4dcbae 0%,#39b598 100%); background: #39b598 linear-gradient(to bottom, #4dcbae 0%,#39b598 100%); **/ height: 46px; box-sizing: border-box; } .headercatscontainer{ height: 48px; width: 100%; max-width:1880px; margin-left: auto; margin-right: auto; position: relative; text-align: left; } .headercats { /*float: left;*/ margin: 0; padding: 0; list-style: none; } .headercats .mainli { /*float: left;*/ display: inline-block; padding-right: 2px; /* background: url('https://files.mycoolingstore.com/sitescripts/mainli-bkgd.gif') right bottom no-repeat; */ } .headercats .mainli:last-child { padding: 0; background: none; } .headercats a.mainlink { display: block; padding: 16px 12px 0 12px; height: 28px; font: bold 15px/15px Arial, Helvetica, sans-serif; color: #000000; text-align: center; text-decoration: none; text-transform: uppercase; } .headercats a.mainlink:hover, .headercats a.showbga { color: #39b598; background: #fff; } .navbox { display: none; position: absolute; top: 44px; left: 0px; z-index: 9999; margin: 0; width: 100%; background: #fff; border-top: 2px solid #fff; } .navboxinner{ padding: 19px 14px 19px 13px; border: 1px solid #bfbfbf; } .navbox ul.subnav { /* float: left; */ display:flex; margin: 0; padding: 0; list-style: none; } .navbox ul.subnav li { /* float: left;*/ font-size: 12px; padding: 0 18px 12px 18px; text-align: left; min-width: 150px; max-width: 270px; } .navbox ul.subnav li .navimg { margin-bottom: 20px; text-align: center; } .navbox ul.subnav li a { display: block; padding: 0 10px; font: bold 14px/16px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; } .navbox ul.subnav li a:hover { text-decoration: underline; } .navbox ul.subsubnav { margin: 0; padding: 0; list-style: none; } .navbox ul.subsubnav li { float: none; padding: 0; width: auto; } .navbox ul.subsubnav li a { padding: 5px 10px; font-weight: normal; text-transform: none; } .navbox ul.subsubnav li a:hover { text-decoration: underline; } .navbox .viewall { clear: both; text-align: right; } .navbox .viewall a { display: inline-block; margin-right: 15px; padding: 12px; font: bold 14px/14px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; background: #39b598; /* Old browsers */ background: #39b598 -moz-linear-gradient(top, #4dcbae 0%, #39b598 100%); /* FF3.6+ */ background: #39b598 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dcbae), color-stop(100%,#39b598)); /* Chrome,Safari4+ */ background: #39b598 -webkit-linear-gradient(top, #4dcbae 0%,#39b598 100%); /* Chrome10+,Safari5.1+ */ background: #39b598 -o-linear-gradient(top, #4dcbae 0%,#39b598 100%); /* Opera 11.10+ */ background: #39b598 -ms-linear-gradient(top, #4dcbae 0%,#39b598 100%); /* IE10+ */ background: #39b598 linear-gradient(to bottom, #4dcbae 0%,#39b598 100%); /* W3C */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .navbox .viewall a:hover { text-decoration: underline; } .navbox .bb { border-bottom: 1px solid #B2B2B2; } .navbox ul.subnav li.brands { float: none; padding: 0; width: auto; } .navbox ul.subnav li.brands ul { float: left; padding: 0 18px; width: 148px; } .navbox .navfb, .navbox .navha { float: left; padding: 16px 0 16px 18px; text-align: left; width: 441px; } .navbox .navha { float: right; } .last .navbox .navha { float: left; } .last .navbox .navha ul { padding: 0 !important; width: 600px !important; } .last .navbox .navha ul li { padding-left: 16px !important; } .navbox .navfb .title, .navbox .navha .title, .mntitle { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding-bottom: 4px; text-transform: uppercase; } .navbox .navfb ul, .navbox .navha ul { margin: 0; padding: 0; } .navbox .navfb ul li, .navbox .navha ul li { float: none; list-style: none outside none; } /* .navbox .navha ul li { background: url("https://files.mycoolingstore.com/sitescripts/articleicon.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0); padding: 0 0 0 16px; } */ .headercats li.mainli .navbox .navfb ul li a, .headercats li.mainli .navbox .navha ul li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #525252; font-size: 12px; font-weight: normal; height: auto; padding: 4px 0; text-transform: none; } .headercats li.mainli .navbox .navfb ul li a:hover, .headercats li.mainli .navbox .navha ul li a:hover { color: #ae030c; text-decoration: underline; } .mnhtml { clear: both; padding: 12px; text-align: center; border: solid 2px #f72ca2; } .mncontents { padding: 16px 18px; border-top: solid 1px #b2b2b2; } .headercats li.mainli .mncontents a { height: auto; color: #000; } .headercats li.mainli .name a { padding-top: 20px; } /* -- END: Top Mega Navigation -- */ .cyc-bottom-bar { height: 30px; background: #156884; background: #156884 -moz-linear-gradient(top, #134155 0%, #156884 100%); background: #156884 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#134155), color-stop(100%,#156884)); background: #156884 -webkit-linear-gradient(top, #134155 0%,#156884 100%); background: #156884 -o-linear-gradient(top, #134155 0%,#156884 100%); background: #156884 -ms-linear-gradient(top, #134155 0%,#156884 100%); background: #156884 linear-gradient(to bottom, #134155 0%,#156884 100%); } .cyc-bottom-bar-container { width: 1130px; margin-left: auto; margin-right: auto; } .cycbtbar-item { float: left; margin-top: 5px; } .cycbtbar-line { float: left; width: 86px; color: #ffffff; font-family: Arial; font-size: 20px; text-align: center; margin-top: 1px; } .cycbtbar-item SPAN { color: #ffffff; font-family: 'Open Sans',sans-serif; font-size: 16px; font-weight: 300; padding-left: 8px; cursor: default; } .fa-users { color: #fff; font-size: 18px; } .fa-sync { color: #fff; font-size: 18px; } .fa-truck { color: #fff; font-size: 18px; } .fa-tag { color: #fff; font-size: 18px; } /* -- BEGIN: Top Info Links -- */ #infolinks { position: relative; z-index: 888; /*margin-top: -15px;*/ background: #156884; /* Old browsers */ background: #156884 -moz-linear-gradient(top, #134155 0%, #156884 100%); /* FF3.6+ */ background: #156884 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#134155), color-stop(100%,#156884)); /* Chrome,Safari4+ */ background: #156884 -webkit-linear-gradient(top, #134155 0%,#156884 100%); /* Chrome10+,Safari5.1+ */ background: #156884 -o-linear-gradient(top, #134155 0%,#156884 100%); /* Opera 11.10+ */ background: #156884 -ms-linear-gradient(top, #134155 0%,#156884 100%); /* IE10+ */ background: #156884 linear-gradient(to bottom, #134155 0%,#156884 100%); /* W3C */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); text-align: center; } #infolinks ul { /*float: left;*/ margin: 0; padding: 0; list-style: none; } #infolinks ul li { /*float: left;*/ display: inline-block; padding-right: 2px; background: url('https://files.mycoolingstore.com/sitescripts/mainli-2-bkgd.gif') right bottom no-repeat; } #infolinks ul li:last-child { /*padding: 0;*/ background: none; } #infolinks ul li a { display: block; padding: 16px 18px 0 18px; height: 28px; font: normal 15px/15px Arial, Helvetica, sans-serif; color: #52e4c0; text-decoration: none; text-transform: uppercase; } #infolinks ul li:last-child a { padding-right: 0; } #infolinks ul li a:hover { color: #fff; } .inlineinfocontent { width: 800px; max-height: 500px; } /* -- END: Top Info Links -- */ /* -- BEGIN: Home Page -- */ #homepageLayout { position: relative; top: -20px; } /* -- -- Banner Area */ #bannerarea { padding-top: 4px; height: 472px; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); } /* -- -- Featured Categories */ #feat-cats .feat-cat { float: left; margin-left: 4px; } #feat-cats .feat-cat:first-child { margin: 0; } #feat-cats .feat-cat img { display: block; -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); } /* -- -- Home Bottom */ #homebottomWrap { display: none; height: 350px; background: url('https://files.mycoolingstore.com/sitescripts/homebottomWrap-bkgd.png') center bottom no-repeat; } #homebottomWrap #welcomeText { font: normal 17px/22px Arial, Helvetica, sans-serif; color: #134155; } #homebottomWrap #welcomeText h1.pagebanner { margin: 40px 0 5px 0; padding-bottom: 5px; text-align: left; margin-bottom: 10px; /* background: url('https://files.mycoolingstore.com/sitescripts/welcome-pagebanner-bkgd.png') 0 bottom no-repeat;; */ } #homebottomWrap #welcomeText h1.pagebanner img { margin: 0; } #homebottomWrap #welcomeText h2 { margin: 0; padding: 0; font: bold 18px/24px Arial, Helvetica, sans-serif; } #homebottomWrap #welcomeImg img { display: block; } /* -- END: Home Page -- */ /* -- BEGIN: Responsive Sequence Banner -- */ /* -- -- FlexSlider Core (Don't Change) */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0} .slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider{margin:0;padding:0} .flexslider .slides>li{display:none;-webkit-backface-visibility:hidden} .flexslider .slides img{width:100%;display:block} .flex-pauseplay span{text-transform:capitalize} .slides:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .slides{display:block} * html .slides{height:1%} .no-js .slides>li:first-child{display:block} /* -- -- FlexSlider Theme Styles */ .flexslider { position: relative; zoom: 1; margin: 0; } .flex-viewport{max-height:2000px;} .loading .flex-viewport{max-height:468px;} .flexslider .slides{zoom:1;} .carousel li{margin-right:5px;} .flex-control-nav { position: absolute; bottom: 5px; z-index: 150; width: 100%; text-align: center; } .flex-control-nav li{zoom:1; display:inline-block; *display:inline; margin:0 11px 0 0;} .flex-control-nav li:last-child { margin-right: 28px; } .flex-control-paging li a { display:block; width: 7px; height: 7px; font-size: 0px; cursor: pointer; background: #cacaca; border: 2px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .flex-control-paging li a:hover { background: #757275; } .flex-control-paging li a.flex-active { cursor: default; background: #757275; } /* -- -- Custom slide HTML */ .flexslider .slides li.slide{position:relative;} .flexslider .slides li.slide .foreground{position:absolute; z-index:125; padding:0; width:100%; color:#fff; text-align:center;} .flexslider .slides li.slide .foreground a{color:#fff;} .flexslider a.linkall{display:block; width:100%; height:468px;} /* -- END: Responsive Sequence Banner -- */ /* -- BEGIN: Contents Area -- */ #contents-table .contents-row:after { content: " "; display: block; clear: both; visibility: hidden; height: 0; } #contents-table div { text-align: center; } #contents-table .imgCell { height: 232px; } #contents-table .imgCell img { display: block; margin: 0 auto; height:100%; width: auto; } #contents-table .infoCell { font: normal 14px/16px Arial, Helvetica, sans-serif; text-align: center; } #contents-table .infoCell .name { padding-left: 10px; padding-right: 10px; min-height: 62px; border-bottom: 1px solid #b4b4b4; } #contents-table .infoCell .name a { font-weight: bold; font-size: 15px; line-height: 21px; color: #6fb297; text-decoration: none; } #contents-table .infoCell a:hover { text-decoration: underline; } #contents-table .infoCell .prices { padding: 15px 0; border-bottom: 1px dotted #b4b4b4; } #contents-table .infoCell .price-bold { font-weight: bold; color: #000; } #contents-table .infoCell .price { display: inline-block; padding-right: 10px; color: #000; } #contents-table .infoCell .price span { text-decoration: line-through; } #contents-table .infoCell .sale-price-bold { display: inline-block; padding-left: 10px; color: #ba1f26; } #contents-table .contents-line-spacer { padding-top: 20px; } /* -- END: Contents Area -- */ /* -- BEGIN: Page Elements -- */ h1.pagebanner, h2.pagebanner { margin: 25px 0; padding: 0; font: bold 25px/25px Arial, Helvetica, sans-serif; color: #6fb297; text-align: center; text-transform: uppercase; /* background: url('https://files.mycoolingstore.com/sitescripts/pagebanner-bkgd.png') center 0 no-repeat;; */ } h1.pagebanner img, h2.pagebanner img { display: block; margin: 0 auto; } #breadcrumbs { margin-top: 10px; padding: 0 10px; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #000; } .scBreadcrumbs a { color: #000; text-decoration: underline; } .scBreadcrumbs a:hover { text-decoration: none; } /* -- END: Page Elements -- */ /* -- BEGIN: Section Page -- */ #sectionpageLayout { margin: -5px 0 10px 0; padding: 10px 0; background: #fff; /* -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); */ } #sectionpageLayout h1.pagebanner { margin: 0 10px 25px 10px; } #sectionpageLayout h1.pagebanner span { padding: 0 10px; background: #fff; } .sectimg { float: left; margin: 0 10px 10px 0; } .sectinfo .desktopcaption { padding: 0 10px; } .sectinfo .mobilecaption { display: none; padding: 0 10px; } .sectinfo .readmore { display: none; padding-bottom: 15px; font-size: 12px; text-align: center; } .sectinfo .readmore a { padding-right: 10px; text-decoration: none; text-transform: uppercase; background: url("https://files.mycoolingstore.com/sitescripts/readmore-arrows.png") right -11px no-repeat; } #filterBtn { display: none; } #filterBtn img { display: block; cursor: pointer; margin: 0 auto; } /* -- END: Section Page -- */ /* -- BEGIN: Dynamic Paging -- */ #scPaging { clear: both; } .scpControls { padding: 10px 0; font: normal 12px Arial, Helvetica, sans-serif; color: #000; background: #ccc; } .scpControls .row { margin: 0; } .scpControls a { padding: 0 5px; color: #000; } .scpControls a.asc {background:transparent url(scparrows.png) no-repeat right 3px; padding-right:10px;} .scpControls a.desc {background:transparent url(scparrows.png) no-repeat right bottom; padding-right:10px;} .scpPages { padding: 3px 0 0 10px; } .scpPages .prefix { font-weight: bold; color: #000; } .scpPages a { padding: 0 5px; text-decoration: none; } .scpPages a:hover { text-decoration: underline; } .scpPages a.showall { text-decoration: underline; } .scpPages a.showall:hover { text-decoration: none; } .scpPages a.selected { font-weight: bold; } .scpArrows a { padding: 0; } .scpArrows img { vertical-align: middle; } #scpContents { clear: both; padding: 15px 0; } .scpSort { padding: 0 0 3px 10px; } .scpSort span, .scpSort a.selected { font-weight: bold; color: #000; text-decoration: none; } .scpagingSort {float:left; padding:30px 10px;} .scpagingViews {float:right; width:200px; padding:10px 10px; text-align:center;} .scpagingViews a {margin:0 2px 5px 0; color:#5CBFDF;} .scpaginglist {padding:8px 13px 9px 30px; float:left; display:block; background:url(pagingbtns.png) no-repeat -18px -12px;} .scpaginggrid {padding:8px 9px 9px 30px; float:left; display:block; background:url(pagingbtns.png) no-repeat -194px -12px;} .scpagingPages {float:left; width:475px; text-align:center; padding:25px 0;} .scpagingPages a {color:#000;} .scpagingNumbers {padding:5px 0;} .scpNumbers { padding: 3px 10px 0 0; color: #000; } .scpNumbers .prefix {padding-right:3px;} .scpItemsPerPage {padding: 0 10px 3px 0;} scpItemsPerPage .prefix { font-weight: bold; color: #000; } .scpItemsPerPage a:last-child {padding-right: 0;} .scpItemsPerPage a.selected {font-weight:bold; color:#000; text-decoration:none;} .scpDataMode a {padding:0 2px;} .scpDataMode a.selected {font-weight:bold; color:#000;} .scpagingNumbers strong {font-weight:normal;} #scPaging .productReviews { clear: both; float: left; margin-top: 15px; width: 80px; background-repeat: no-repeat; } .scpHorizontalGridSpacerRow { display: none; } .scpquantity {width:25px;text-align:center;} .scpNavigateToPage {width:75px;} #scpFilter { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #2a7b68; text-transform: uppercase; } .scpFilter { margin-bottom: 10px; padding-bottom: 20px; background: #e9f3ec; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .scpFilter .prefix { display: block; } .scpFilter .prefix .heading { margin-bottom: 15px; padding-bottom: 1px; font: normal 15px/15px Arial, Helvetica, sans-serif; color: #000; text-transform: none; background: url('https://files.mycoolingstore.com/sitescripts/scpFilter-heading-bkgd.gif') center bottom no-repeat; } .scpFilter .prefix .heading .inner { padding: 10px 14px 5px 14px; background: #e9f3ec; /* Old browsers */ background: #e9f3ec -moz-linear-gradient(top, #39b598 0%, #e9f3ec 100%); /* FF3.6+ */ background: #e9f3ec -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39b598), color-stop(100%,#e9f3ec)); /* Chrome,Safari4+ */ background: #e9f3ec -webkit-linear-gradient(top, #39b598 0%,#e9f3ec 100%); /* Chrome10+,Safari5.1+ */ background: #e9f3ec -o-linear-gradient(top, #39b598 0%,#e9f3ec 100%); /* Opera 11.10+ */ background: #e9f3ec -ms-linear-gradient(top, #39b598 0%,#e9f3ec 100%); /* IE10+ */ background: #e9f3ec linear-gradient(to bottom, #39b598 0%,#e9f3ec 100%); /* W3C */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .scpFilter .prefix .heading span { display: block; font-size: 24px; line-height: 26px; text-transform: uppercase; } .scpFilter .prefix .label { padding: 0 25px 5px 25px; } .scpFilter ul { margin: 0 15px 0 35px; padding: 0; list-style: none; } .scpFilter li.scpFilterLine { padding: 3px 5px; } .scpFilter li.scpFilterLine input { margin: 0 10px 2px 0; vertical-align: middle; } /* #scpFilter { float: left; margin-top: -1px; padding: 10px; width: 714px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; background: #f1f1f1; border: 1px solid #c2c2c2; border-top: none; } #scpFilter h1.prefix { margin: 0 !important; padding: 0 0 10px 0; font: bold 12px Arial, Helvetica, sans-serif; color: #cc0000; } .scpFilter { padding-bottom: 5px; } .scpFilter .prefix { display: block; margin: 0 !important; padding: 0 0 5px; font-weight: bold; color: #0a3051; } .scpFilter ul li { float: left; padding-right: 25px; list-style: none; } .scpFilter ul li:first-child, .scpFilter ul li:last-child { padding: 0px; } .scpFilter ul li input { margin: 0 10px 0 3px; vertical-align: middle; } .scpMoreFilterLine { display: none; padding-left: 26px; } */ /* -- END: Dynamic Paging -- */ /* -- BEGIN: Item Page -- */ #itempageLayout { margin-top: -5px; } /* -- -- Item Page Top */ #itemTop { padding-top: 10px; background: #fff; /* -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); */ } /* -- -- Product Banner */ #item-banner { padding: 0 63px 15px 63px; } #item-banner img { display: block; } /* -- -- Click To Enlarge v5.0 */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { margin: 0; padding: 0; outline: none; vertical-align: top; border: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; color: #444; text-shadow: none; background: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { margin: 0; padding: 15px; font: 14px/20px Arial, Helvetica, sans-serif; color: #444; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://files.mycoolingstore.com/sitescripts/fancybox-sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; z-index: 8060; opacity: 0.8; margin-top: -22px; margin-left: -22px; cursor: pointer; background-position: 0 -108px; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://files.mycoolingstore.com/sitescripts/fancybox-loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; z-index: 8040; width: 36px; height: 36px; cursor: pointer; } .fancybox-nav { position: absolute; top: 0; z-index: 8040; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://files.mycoolingstore.com/sitescripts/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; z-index: 8040; visibility: hidden; margin-top: -18px; width: 36px; height: 34px; cursor: pointer; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { width: auto; overflow: hidden !important; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; z-index: 8010; display: none; overflow: hidden; background: url('https://files.mycoolingstore.com/sitescripts/fancybox-overlay.png'); } .fancybox-overlay-fixed { position: fixed; right: 0; bottom: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { position: relative; z-index: 8050; visibility: hidden; font: normal 13px/20px Arial, Helvetica, sans-serif; text-shadow: none; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; right: 50%; bottom: 0; z-index: 8050; margin-bottom: -35px; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; font-weight: bold; line-height: 24px; color: #fff; text-shadow: 0 1px 2px #222; white-space: nowrap; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; padding: 10px; color: #fff; background: #000; background: rgba(0, 0, 0, .8); } .sczoommain {} .sczoominsets { padding-top: 15px; } .sczoominsets img { margin: 5px; } #zoomicon { display: block; text-align: center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('https://files.mycoolingstore.com/sitescripts/fancybox-sprite2x.png'); background-size: 44px 152px;} #fancybox-loading div {background-image: url('/https://files.mycoolingstore.com/sitescripts/fancybox-loading2x.gif'); background-size: 24px 24px;} } /* -- -- Product Info Table */ #product-info-table { border: 1px solid #040404; } #product-info-table h1.pagebanner { margin: 0; padding: 10px; font: bold 23px/25px Arial, Helvetica, sans-serif; color: #010101; text-transform: none; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, #fff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, #fff 0%,#ccc 100%); /* Opera 11.10+ */ background: #ccc -ms-linear-gradient(top, #fff 0%,#ccc 100%); /* IE10+ */ background: #ccc linear-gradient(to bottom, #fff 0%,#ccc 100%); /* W3C */ border-bottom: 1px solid #040404; } #product-info-table .row { margin: 0; padding: 5px 0; color: #000; } #product-info-table .pitlabel { font: bold 16px/22px Arial, Helvetica, sans-serif; } #product-info-table .pitlabel.alpha { margin-right: 9px !important; } #product-info-table .pitinfo { font: normal 20px/22px Arial, Helvetica, sans-serif; } #product-info-table .pitinfo.omega { margin-left: 9px !important; } #product-info-table .price {} #product-info-table .price #pitPriceBx { text-decoration: line-through; } #product-info-table .price-bold .pitlabel, #product-info-table .sale-price .pitlabel { line-height: 28px; } #product-info-table .price-bold .pitinfo, #product-info-table .sale-price .pitinfo { font-size: 26px; line-height: 28px; color: #fa5e09; } #product-info-table .sale-price #pitYouSaveBx { display: none; font-size: 14px; line-height: 14px; color: #5e5e5e; } #product-info-table .options .pitlabel .mobilepad { padding-top: 2px; } #product-info-table .options .pitinfo .mobilepad { padding-right: 15px; } #product-info-table .options select { width: 100%; font: normal 15px Arial, Helvetica, sans-serif; border: 1px solid #000; } #product-info-table .qty input { font: normal 15px Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #000; } #product-info-table #atcrow .order-button { display: block; margin: 0 auto; } /* -- -- Size Chart Popup */ #sizechartinfo { width: 100%; max-height: 700px; } /* -- -- Quantity Pricing */ #qty-pricing { margin-top: 15px; border: 1px solid #000; border-bottom: none; max-width: 400px; } #qty-pricing table { border-width: 1px; border-collapse: collapse; border-color: #c1c1c1; background-color: #fff; } #qty-pricing td { padding: 3px 5px; font: normal 18px/20px Arial, Helvetica, sans-serif; color: #000; text-align: center; border-bottom: 1px solid #000; } #qty-pricing tr td:first-child { border-right: 1px solid #000; } #qty-pricing .qtypricelabel { padding: 5px; font: bold 17px/19px Arial, Helvetica, sans-serif; background: #eee; color: #000; font-weight: 700; } /* -- -- Item Page Middle */ #itemMiddle { background: #fff; } /* -- BEGIN: Tabbed Details -- */ ul.resp-tabs-list { float: left; margin: 0; padding: 0; list-style: none; } .resp-tabs-list li { float: left; margin: 0px 9px 0 0; padding: 13px 0 14px 0; border-radius: 8px 8px 0px 0px; width: 191px; cursor: pointer; font: normal 16px/16px Arial, Helvetica, sans-serif; color: #000; text-align: center; background: #a8a8a8; /* Old browsers */ background: #a8a8a8 -moz-linear-gradient(top, #cbcbcb 0%, #a8a8a8 100%); /* FF3.6+ */ background: #a8a8a8 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */ background: #a8a8a8 -webkit-linear-gradient(top, #cbcbcb 0%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */ background: #a8a8a8 -o-linear-gradient(top, #cbcbcb 0%,#a8a8a8 100%); /* Opera 11.10+ */ background: #a8a8a8 -ms-linear-gradient(top, #cbcbcb 0%,#a8a8a8 100%); /* IE10+ */ background: #a8a8a8 linear-gradient(to bottom, #cbcbcb 0%,#a8a8a8 100%); /* W3C */ } .resp-tabs-list .resp-tab-active { margin-top: 0; padding: 13px 0 14px 0; border-radius: 8px 8px 0px 0px; font-weight: bold; color: #fff; background: #2d9079; /* Old browsers */ background: #2d9079 -moz-linear-gradient(top, #52e3bf 0%, #2d9079 100%); /* FF3.6+ */ background: #2d9079 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52e3bf), color-stop(100%,#2d9079)); /* Chrome,Safari4+ */ background: #2d9079 -webkit-linear-gradient(top, #52e3bf 0%,#2d9079 100%); /* Chrome10+,Safari5.1+ */ background: #2d9079 -o-linear-gradient(top, #52e3bf 0%,#2d9079 100%); /* Opera 11.10+ */ background: #2d9079 -ms-linear-gradient(top, #52e3bf 0%,#2d9079 100%); /* IE10+ */ background: #2d9079 linear-gradient(to bottom, #52e3bf 0%,#2d9079 100%); /* W3C */ } .resp-tabs-container { clear: left; padding: 0px; background-color: #fff; /* -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); */ border: 1px solid #e1e1e1; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 35px 20px; color: #000; } .resp-content-active, .resp-accordion-active { display: block; } h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; } h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; } /*-----------Accordion styles-----------*/ h2.resp-tab-active { background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 53%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; } .cycheadermain{ float:none !important; display: flex; } .cycheader2{ flex-grow:2; float:none !important; text-align:center; } .cycheader3{ float:none !important; } .cycheadertop{ float:none !important; display: flex; } .cycheadertop1{ float:none !important; } .cycheadertop2{ float:none !important; flex-grow:2; text-align:center; } .cycheadertop3{ float:none !important; } .cycsectioncont{ display:flex; } .cycleftcolumn{ width: 260px; min-width: 260px; } .cycrightcolumn{ margin-left: 25px; } #contents-table .contents-row{ display:flex; } #contents-table .contents-row .contents-product{ flex-basis: 100%; } .pagebanner { margin: 0; padding: 0; padding: 0 15px 5px 0; color: #3f3f3f; font: bold 28px "Open Sans",Helvetica,sans-serif; margin: 10px 0 15px 0; clear: both; border-bottom: 1px solid #3f3f3f; text-align: center; } .iteminfocont { width: 100%; margin-top: 10px; display:flex; } .itemimg { width: 48%; text-align: center; padding-bottom: 20px; } #scPage-insets { margin-top: 10px; } #scPage-insets img { border: 1px solid #c1c1c1; margin-right: 5px; } .iteminfo { width: 51%; padding-right: 5px; } .pit-name { margin: 5px 0 5px 0; padding: 0; color: #000; font: bold 25px Arial; text-align: left; } .cycitemfreeshipping { padding-bottom: 10px; } .cyc-product-info-container { display: block; margin-bottom: 12px; } .cyc-product-info-label { float: left; width: 76px; font: bold 14px Arial; } .cyc-product-info-data { float: left; font: 15px Arial; width: calc(100% - 76px); } .cyc-product-info-data input { width: 49px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; border: 1px solid #CCCCCC; text-align: center; height: 37px; -webkit-appearance: none; line-height: 31px; margin-left: 2px; } .cyc-product-info-data select { min-width: 183px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; border: 1px solid #CCCCCC; padding-left: 3px; height: 37px; -webkit-appearance: menulist-button; line-height: 31px; } .cycitemsaleprice { font-weight: 700; color: #e35500; font-size: 18px; } .cyc-product-option-label { float: left; width: 76px; font: bold 15px Arial; margin-top: 9px; } #maindrop-optc { float: left; } .cycoptionsizechart { float: left; margin-left: 15px; margin-top: 10px; } .cycoptionsizechart A { font: 13px Arial; text-decoration: underline; color: #A00014; } .cycinvcontainer { margin-left: 10px; margin-top: 10px; } .cyc-inv-container { float: left; } .cychidefordsktop{ display:none; } .inv-txt-lowqty-new { font-size: 15px; color: #F5BE31; font-weight: bold; cursor: pointer; } .inv-txt-instock-new { color: #006d32; font-weight: bold; cursor: pointer; font-size: 15px; } .inv-txt-notavailable-new { font-size: 13px; color: #9c9898; font-weight: bold; cursor: pointer; } .inv-txt-available{ color:#FA7D21; font-weight:bold; cursor:pointer; font-size: 15px; } .cycOrderButton input { transition: all 0.5s ease; -webkit-appearance: none; border: 1px solid #A00014; background: none repeat scroll 0 0 #A00014; background: -moz-linear-gradient(top, #DF606A 0%, #A00014 100%); background: -webkit-linear-gradient(top, #DF606A 0%,#A00014 100%); background: linear-gradient(to bottom, #DF606A 0%,#A00014 100%); color: #FFFFFF; cursor: pointer; font: 700 22px Arial; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 18px; padding-right: 18px; padding-left: 18px; padding-left: 44px; padding-right: 44px; line-height: auto; height: auto; display: inline-block; text-shadow: 1px 1px rgba(255,255,255,.4); text-decoration: none; width: 100%; max-width: 400px; } .cycfooterbody{ display: flex; justify-content: space-between; } .cycfooter1{ float: none !important; width: 220px; } .cycfooter2{ float: none !important; padding-left: 0px !important; } .cycfooter3{ float: none !important; padding-left: 0px !important; } .cycfootersecure{ max-width: 1040px; margin-left: auto !important; margin-right: auto !important; } @media only screen and (min-width: 768px) { .ss__theme .ss__results .ss__result .ss__result__image .ss__result__image__link .ss__result__image__wrapper { padding-bottom: 214px !important; } } @media only screen and (max-width: 1880px) { .iteminfocont { width: calc(100% - 20px); margin-left:10px; margin-right:10px; } .itemMiddle{ padding-left: 10px; padding-right: 10px; box-sizing: border-box; } } /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 1300px) { .container,.page-body-columns { width: 100%; } .container .cycheader.columns { width: 100%; margin-left:0px; margin-right:0px; float:none; box-sizing: border-box; } #loginarea {font-size:12px; line-height:13px; padding-left:10px;} #loginarea #yscp_signin_link a:first-child, #loginarea #yscp_myaccount_link a {border-right:1px solid #fff;} #loginarea #yscp_signin_link a:last-child {margin-left:-10px;} .logo{ margin-left:10px; } #searcharea #query { width: calc(100% - 116px); } .container .cycheadsearch { margin-left: 10px; width: 258px; margin-right:10px; } .container .cycheadlogo { width: 258px; } .cycfootersecure{ max-width: 760px; margin-left: auto !important; margin-right: auto !important; } } @media only screen and (max-width: 990px) { .headercatscontainer { width: 100%; } #loginarea{ width: auto; } } @media only screen and (max-width: 768px) { ul.resp-tabs-list {display: none;} h2.resp-accordion {display: block;} .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none;} .resp-accordion-closed {display:none !important;} .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} #homebanner { height: 331px; background-size: 1500px; } .cycheadermain{ display:block; } .container .cycheadlogo{width:100%; max-width: none;} .cycheader3{ float:none !important; } .container .cycheadsearch{ width: calc(100% - 20px); } #searcharea #query{ width: calc(100% - 116px) !important; } .cycheadertop{ display: block; } .cycheadertop1{ float:left !important; } .cycheadertop2{ float:left; } .cycheadertop3{ float:right !important; } .cyc-cart-container { position: fixed; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0; box-sizing:border-box; overflow: hidden; } .cyc-cart-overlay { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=) rgba(0, 0, 0, 0.4) top left repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing:border-box; overflow: hidden; } .cyc-cart { position: relative; top: 13%; left: 50%; margin-left: -347px; width: 650px; padding: 15px; background: rgba(0, 0, 0, 0.2); } .cyc-cart-container .cyc-ysw-cart-pop-up { background: #fff; padding: 30px 15px 30px 50px; } .cyc-cart-close { position: absolute; top: 0; right: 0; } .cyc-ysw-cart-header { width: 93%; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; } .cyc-ysw-logo { width: 50%; display: inline-block; border-right: 1px solid #c7c7c7; vertical-align: middle; padding-right: 5%; box-sizing: border-box; } .cyc-ysw-logo img { width: 200px; } .cyc-ysw-cart-title { width: 50%; display: inline-block; text-align: center; font-family: 'Open Sans',sans-serif; font-weight: bold; font-size: 18px; text-transform: capitalize; vertical-align: middle; color: #545454; padding-left: 8%; box-sizing: border-box; } .cyc-ysw-cart-items-header { width: 93%; font-size: 13px; } .cyc-ysw-cart-items-header div { display: inline-block; font-family: 'Open Sans',sans-serif; font-weight: bold; color: #5e5e5e; } .cyc-ysw-cart-items-header .cyc-ysw-cart-image-title { width: 15%; } .cyc-ysw-cart-items-header .name-title { width: 60%; } .cyc-ysw-cart-items-header .cyc-ysw-cart-qty-title { width: 10%; padding-left: 2px; box-sizing: border-box; } .cyc-ysw-cart-items-header .cyc-ysw-cart-price-title { width: 15%; text-align: center; padding: 0; padding-left: 25px; box-sizing: border-box; } .cyc-ysw-cart-items-wrapper { max-height: 330px; overflow-x: hidden; background: #fff; width: 100%; color: #353841; } .cyc-ysw-cart-items { width: 93%; display: inline-block; border-bottom: 1px solid #e0e0e0; padding: 20px 0; font-size: 12px; font-weight: 600; color: #373741; font-size: 16px; } .cyc-ysw-cart-items div { float: left; padding-top: 4px; font-family: 'Open Sans',sans-serif; font-weight: normal; font-size: 13px; line-height: 18px; } .cyc-ysw-cart-items:last-child { border-bottom: none; } .cyc-ysw-cart-items .cyc-ysw-cart-image { width: 15%; height: 15%; padding-top: 0; } .cyc-ysw-cart-image img { /*padding: 0 10px;*/ width: auto; height: 100%; } .cyc-ysw-cart-items .name { width: 55%; max-height: 55px; overflow: hidden; } .cyc-yswoptions { width: 100%; } .cyc-ysw-cart-items .cyc-ysw-cart-qty { width: 15%; text-align: center; } .cyc-ysw-cart-items .cyc-ysw-cart-price { width: 14%; text-align: right; } .cyc-ysw-cart-items-wrapper-overflow { overflow-y: scroll; scrollbar-color: #a6a6a6 #e0e0e0; scrollbar-width: thin; } .cyc-ysw-cart-items-wrapper-overflow::-webkit-scrollbar-track { background-color: #e0e0e0; } .cyc-ysw-cart-items-wrapper-overflow::-webkit-scrollbar { width: 2px; background-color: #e0e0e0; } .cyc-ysw-cart-items-wrapper-overflow::-webkit-scrollbar-thumb { width: 4px; background-color: #a6a6a6; border-radius: 5px; -webkit-border-radius: 5px; } .cyc-ysw-cart-subtotal { width: 93%; text-align: right; font-family: 'Open Sans',sans-serif; font-weight: bold; font-size: 22px; text-transform: capitalize; vertical-align: middle; color: #5c5c5c; margin: 30px 0; } .cyc-ysw-checkout2 { margin-top: 15px; margin-right: 30px; } .cyc-view-cart { display: inline-block; width: 45%; text-align: center; float: right; } .cyc-view-cart a, .cyc-view-cart a:hover, .cyc-view-cart a:visited, .cyc-view-cart a:focus { border: 1px solid #a00014; background: none repeat scroll 0 0 #a00014; background: -moz-linear-gradient(top,#df606a 0,#a00014 100%); background: -webkit-linear-gradient(top,#df606a 0,#a00014 100%); background: linear-gradient(to bottom,#df606a 0,#a00014 100%); text-transform: uppercase; padding: 20px 0; width: 100%; display: block; border-radius: 3px; font-size: 18px; font-weight: normal; color: #fff; font-family: 'Open Sans',sans-serif; text-decoration: none; line-height: 24px; } .cyc-continue-shopping { float: left; display: inline-block; width: 45%; text-align: center; } .cyc-continue-shopping a, .cyc-continue-shopping a:hover, .cyc-continue-shopping a:visited, .cyc-continue-shopping a:focus { background: #ffffff; border: 1px solid #d9d9d9; text-transform: capitalize; padding: 20px 0; width: 100%; display: block; border-radius: 3px; font-size: 14px; font-weight: bold; color: #616161; font-family: 'Open Sans',sans-serif; text-decoration: none; line-height: 24px; } .cyc-cart-container .cyc-ysw-cart-pop-up { background: #fff; padding: 20px 14px 30px 14px; } .cyc-ysw-cart-items .cyc-ysw-cart-image { width: 25%; height: 15%; padding-top: 0; } .cyc-ysw-logo img { width: 200px; margin-left: auto; margin-right: auto; } .cyc-ysw-logo { width: 100%; display: block; border-right: none; vertical-align: middle; padding-right: 0; box-sizing: border-box; text-align: center; } .cyc-ysw-cart-title { width: 100%; display: block; text-align: center; font-family: 'Open Sans',sans-serif;; font-weight: bold; font-size: 18px; text-transform: capitalize; vertical-align: middle; color: #545454; padding-left: 0px; box-sizing: border-box; } .cyc-cart { position: relative; top: 5%; left:0%; width: calc(100% - 20px); padding: 15px; background: rgba(0, 0, 0, 0.2); box-sizing:border-box; margin-left: auto; margin-right: auto; } .cyc-ysw-cart-items-wrapper { max-height: 200px; } .cyc-cart { position: relative; top: 5%; padding: 0%; width: calc(100% - 10px); } .cyc-cart-container .cyc-ysw-cart-pop-up { background: #fff; padding: 20px 5px 30px 5px; } .cyc-ysw-cart-header { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; box-sizing: border-box; } .cyc-ysw-cart-items { width: calc(100% - 10px); box-sizing: border-box; } .cyc-ysw-cart-items .cyc-ysw-cart-image { width: 80px; padding-right: 0px; box-sizing: border-box; } .cyc-ysw-cart-items .name { width: 45%; } .cyc-ysw-cart-items-header .cyc-ysw-cart-image-title { width: 20%; } .cyc-ysw-cart-items-header .name-title { width: 55%; } .cyc-ysw-checkout2 { margin-top: 15px; margin-right: 0px; } .cyc-view-cart { display: block; width: 100%; text-align: center; float: none; } .cyc-continue-shopping { float: none; display: block; width: 100%; text-align: center; margin-top: 20px; } .cycsectioncont { display: block; } .cycrightcolumn { margin-left: 10px; margin-right:10px; } #contents-table .contents-row { display: block; } .scpFilter .prefix .heading{ font: normal 13px/15px Arial, Helvetica, sans-serif; } .scpFilter .prefix .heading span{ font-size: 19px; line-height: 23px; cursor:pointer; } .iteminfocont { width: calc(100% - 20px); margin-top: 10px; margin-left:10px; margin-right:10px; display: block; text-align:center; } .itemimg { width: 100%; text-align: center; } #scPage-insets{ text-align:center !important; } .cychidefordsktop{ display:block; } .cychideforMobile{ display:none; } .iteminfo{ width:100%; padding:0px; } .pit-name { text-align: center; font-size:22px; } .cyc-product-info-label { float: none; display: inline-block; font: bold 15px Arial; width:auto; } .cyc-product-info-data { float: none; font: 15px Arial; display: inline-block; margin-left: 10px; text-align:left; } .cycitemsaleprice { font-weight: 700; color: #e35500; font-size: 24px; } .cycpricecontainer { display:block; margin:0; } #pitPriceBx{ text-decoration: line-through; } .cyc-product-option-label{ font: bold 15px Arial; margin-top: 9px; width: auto; padding-bottom: 5px; display:block; float:none; text-align:left; } #subdrop-label{ margin-top: 35px; } .cycoptioncontainer{ float:none; display:block; margin:0; width:100%; } #maindrop-optc { float: none; } .cyc-product-info-data{ width: calc(100% - 85px); } .cyc-product-info-data select{ min-width: 183px; max-width: 400px; width:100%; text-align-last: center; font-size: 1.1em; height: 42px } .cycqtycontainer{ margin:0; width:100%; } .cyc-product-info-data input{ margin:0; font-size: 1.3em; } .cycOrderButton input{ width: 100%; } .cycfooterbody { display: block; } .cycfooter1 { float:left !important; width: 100%; } .cycfooter2 { float:left !important; } .cycfooter3 { margin-left: auto !important; margin-right: auto !important; } .container .cycfootercont.columns { width: calc(100% - 20px); margin-left:10px; margin-right:10px; } #footertop .pagebanner{ text-align:left; border:none; } #newsletter #newsletter-email {width: calc(100% - 63px) !important;} .cycoptionsizechart { float: none; margin-left: 15px; margin-top: 10px; } .cyc-inv-container { float: none; margin-top: 22px; } } /* -- END: Item Page -- */ /* -- BEGIN: Info Page -- */ #infopageLayout h1.pagebanner span { padding: 0 10px; background: #fff; } #info-div { margin: -5px 0 10px 0; padding: 10px; min-height: 600px; background: #fff; -webkit-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); -moz-box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); box-shadow: 0px 0px 8px 2px rgba(150,150,150,1); } /* -- END: Info Page -- */ /* -- BEGIN: Footer -- */ #footer { border-top: 7px solid #6fb297; } /* -- -- Footer Top */ #footertopWrap { background: #134154; /* Old browsers */ background: #134154 -moz-linear-gradient(top, #134154 0%, #165e78 100%); /* FF3.6+ */ background: #134154 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#134154), color-stop(100%,#165e78)); /* Chrome,Safari4+ */ background: #134154 -webkit-linear-gradient(top, #134154 0%,#165e78 100%); /* Chrome10+,Safari5.1+ */ background: #134154 -o-linear-gradient(top, #134154 0%,#165e78 100%); /* Opera 11.10+ */ background: #134154 -ms-linear-gradient(top, #134154 0%,#165e78 100%); /* IE10+ */ background: #134154 linear-gradient(to bottom, #134154 0%,#165e78 100%); /* W3C */ } #footertop .pagebanner { margin: 30px 0 10px 0; padding: 0 0 9px 0; font: bold 30px/30px Arial, Helvetica, sans-serif; color: #6fb297; text-transform: uppercase; background: url('https://files.mycoolingstore.com/sitescripts/footer-h2-bkgd.png') 0 bottom no-repeat; } /* -- -- Footer Links */ .footerlinks { float: left; margin: 0; padding: 0; width: 100%; } .footerlinks li { float:left; margin: 0; padding: 11px 0 0 0; width: 50%; height: 26px; list-style: none; border-bottom: 1px solid #27856f; } .footerlinks li.last { border: none; } .footerlinks li a { display: block; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .footerlinks li a:hover { text-decoration: underline; } /* -- -- Social Media Links */ #ftsmicons a { display: block; padding: 15px 0; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } #ftsmicons a:first-of-type { padding-top: 10px; } #ftsmicons a:hover { text-decoration: underline; } #ftsmicons a img { margin: 0 15px 1px 0; vertical-align: middle; } /* -- -- Newsletter Signup */ #newsletter { padding-bottom: 10px; } #newsletter .newstext { padding: 7px 0 15px 0; font: normal 14px/23px Arial, Helvetica, sans-serif; color: #fff; } #newsletter .mailinglist { padding-bottom: 15px; } #newsletter .newswrap { background: #fff; border: 1px solid #949494; } #newsletter input { vertical-align: middle; } #newsletter #newsletter-email { margin: 0; padding: 10px; width: 230px; font: normal 14px/14px Arial, Helvetica, sans-serif; color: #000; background: none; border: none; } #newsletter a.privacy { font: normal 14px/14px Arial, Helvetica, sans-serif; color: #6fb297; text-decoration: none; } #newsletter a.privacy:hover { text-decoration: underline; } /* -- -- Footer Middle */ #footermiddleWrap { background: #6fb297; } /* -- -- Footer Badges Left */ #ftbadges-left { padding: 25px 0 15px 0; } #ftbadges-left img { margin: 5px 0; vertical-align: middle; } /* -- -- Copyright */ #copyright { padding: 35px 0 25px 0; font: normal 12px/14px Arial, Helvetica, sans-serif; color: #fff; } #copyright a { color: #fff; text-decoration: none; } #copyright a:hover { text-decoration: underline; } /* -- -- Footer Badges Right */ #ftbadges-right { padding: 15px 0 5px 0; } #ftbadges-right img { margin: 5px 0; vertical-align: middle; } /* -- -- Footer Bottom */ #footerbottomWrap { height: 70px; background: #1f7ea0; /* Old browsers */ background: #1f7ea0 -moz-linear-gradient(top, #1f7ea0 0%, #1da4d1 100%); /* FF3.6+ */ background: #1f7ea0 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f7ea0), color-stop(100%,#1da4d1)); /* Chrome,Safari4+ */ background: #1f7ea0 -webkit-linear-gradient(top, #1f7ea0 0%,#1da4d1 100%); /* Chrome10+,Safari5.1+ */ background: #1f7ea0 -o-linear-gradient(top, #1f7ea0 0%,#1da4d1 100%); /* Opera 11.10+ */ background: #1f7ea0 -ms-linear-gradient(top, #1f7ea0 0%,#1da4d1 100%); /* IE10+ */ background: #1f7ea0 linear-gradient(to bottom, #1f7ea0 0%,#1da4d1 100%); /* W3C */ } /* -- END: Footer -- */ /* -- BEGIN: Go to Top Button -- */ .go-top { display: none; position: fixed; right: 0; bottom: 0; padding: 1em; font-size: 12px; color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.3); } .go-top:hover { background-color: rgba(0, 0, 0, 0.6); } /* -- END: Go to Top Button -- */ /* -- -- Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1320px) { .mobilehide{display:block;} .mobileshow{display:none;} ul.headerlinks li {padding:0 5px; font-size:11px; line-height:13px;} #cartarea {} #cartarea .shopbtn {padding:5px 6px 0 6px;} #yfc_minicart {width:115px;} #yfc_total_items_mini, #yfc_sub_total_mini {font-size:12px;} #cartarea .shopbtn {padding-top:6px;} #cartarea .shopbtn img {width:92px;} #yfc_fc-panel_c {top:5px !important; left:105px !important;} .smb-fc #yfc_close_btn {top:5px !important; left:430px !important;} #phone {display:block; padding-top:15px;} #phone span {padding-right:0;} #smicons {padding-top:5px;} .headercats a.mainlink {padding:16px 6px 0 6px; font-size:14px; line-height:12px;} .navbox ul.subnav li {padding: 0 10px 15px 10px; width:123px; font-size:12px;} .navbox ul.subnav li a {padding:0 0 10px 0; font-size:12px; line-height:14px;} .navbox ul.subsubnav li {padding:0;} #infolinks ul li a {padding:16px 8px 0 8px; height:23px; font-size:12px; line-height:12px;} .inlineinfocontent {width:500px;} #feat-cats {text-align:center;} #feat-cats .feat-cat {float:none; display:inline-block; margin: 2px;} #feat-cats .feat-cat:first-child {margin:2px;} #bannerarea {padding:3px 0; height:auto; -webkit-border-radius:17px; -moz-border-radius:17px; -o-border-radius:17px; border-radius:17px;} #homebottomWrap {height:300px; background-position:center 15px;} #homebottomWrap #welcomeText {font-size:15px; line-height:18px;} #homebottomWrap #welcomeText h1.pagebanner {margin-top:25px; padding-bottom:10px;} #homebottomWrap #welcomeText h2 {font-size:16px; line-height:20px;} #homebottomWrap #welcomeImg img {margin-top:37px;} #contents-table .imgCell {height:172px;} #contents-table .infoCell .name {padding:10px 0;} #contents-table .infoCell .name a {font-size:14px;} .footerlinks li a {font-size:12px;} #ftsmicons a {padding:8px 0; font-size:12px;} #newsletter .newstext {padding:10px 0; font-size:12px; line-height:20px;} #newsletter .mailinglist {padding-bottom:10px;} #newsletter #newsletter-email {width:155px; font-size:12px; line-height:12px;} #newsletter a.privacy {font-size:12px; line-height:12px;} #copyright {padding-top:25px;} } /* -- -- All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .yui-skin-sam{display:none;} #searcharea.mobilehide, .mobilehide, #smicons.mobilehide, #headerhtml.mobilehide, #cartarea.mobilehide, .mobilehide, #navcontainer.mobilehide{display:none;} .mobileshow{display:block;} #bannerarea {padding:2px 0; height:auto; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;} #feat-cats .feat-cat {float:none; margin:0; text-align:center;} #feat-cats .feat-cat img {margin:5px auto;} #bodyWrap {background-position:0 225px;} #homepageLayout {top:10px;} #headermiddle .logo {text-align:center;} #headermiddle .logo img {margin:0 auto; width:100%; max-width: 230px;height: auto;} #homebottomWrap #welcomeText {font-size:14px; line-height:18px;} #homebottomWrap #welcomeText h1.pagebanner {margin-top:35px;} #homebottomWrap #welcomeText h2 {font-size:16px; line-height:20px;} #welcomeImg {display:none;} #sectionpageLayout h1.pagebanner {font-size:16px; line-height:18px; background:none;} #scpFilter {display:none;} .sectinfo {margin-bottom:0;} .sectinfo img {display:none;} .sectinfo p {margin:10px 0;} .sectinfo .desktopcaption {display:none;} .sectinfo .mobilecaption {display:block;} .sectinfo .readmore {display:block;} #filterBtn {display:block; margin-bottom:15px;} .scpFilterList {display:none;} /* Dynamic Paging Mobile Customization */ .scpFilter {margin-bottom:0; padding-bottom:5px;} .scpPages, .scpSort, .scpNumbers {padding:5px 10px; text-align:center !important;} #contents-table .contents-product {border-top:solid 1px #999; padding:15px 0; clear:both; float:left; width:100%;} #contents-table .imgCell {float:left; width:45%; height:auto;} #contents-table .infoCell {float:right; width:53%;} #contents-table .contents-line-spacer {display:none;} #product-info-table .pitlabel.alpha {text-align:left;} #product-info-table .pitlabel.alpha .mobilepad {padding-left:9px;} #ftsmicons a {padding:10px 0;} #ftbadges-left {padding:15px 0 5px 0; text-align:center;} #copyright {padding:10px 0;} #ftbadges-right {padding-top:5px; text-align:center;} } /* -- -- Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #contents-table .imgCell {height:135px;} #contents-table .infoCell .prices {border:none;} #contents-table .contents-line-spacer {display:none;} } /* -- END: Main Media Queries -- */ .cycoptoutofstock{ position: absolute; content: ""; left: -19px; top: 48%; right: 0; border-top: 1px solid #ccc; transform: rotate(46deg); width: 145%; } .cycoptoverlayofs{ width: 100%; height: 100%; position: absolute; background-color: #666666; top: 0; opacity: 0.1; } .cycoptoutofstock{ position: absolute; content: ""; left: -19px; top: 48%; right: 0; border-top: 1px solid #ccc; transform: rotate(46deg); width: 145%; } .cycbtnopt-select{ font-family: Archivo,sans-serif; font-size: 1.1rem; font-weight: 400; letter-spacing: .5px; line-height: 2.4rem; background-color: #f9f9f9; border: 1px solid #a0a0a0; box-sizing: border-box; color: #191f1c; line-height: 2.1rem; min-height: 42px; max-height: 48px; margin: 0 12px 12px 0; min-width: 97px; padding: 5px 2rem; cursor:pointer; } .cycbtnopt-disable{ background: repeating-linear-gradient( 152deg ,#e3e4e4,#e3e4e4 1px,#f9f9f9 0,#f9f9f9 10px); border: 1px solid #e3e4e4; color: #5e6260; cursor:default; } .cycbtnop-selected-opt-off{ border: 1px solid #5e6260; background: linear-gradient(0deg,#bb5811,#bb5811 4px,#fff 0,#fff); font-weight: 700; -webkit-animation: background-glow .35s ease-out; animation: background-glow .35s ease-out; transition: background-color .25s; } .cycbtnop-selected-opt{ border: 1px solid #5e6260; background: linear-gradient(0deg,#666666,#666666 4px,#fff 0,#fff); font-weight: 700; -webkit-animation: background-glow .35s ease-out; animation: background-glow .35s ease-out; transition: background-color .25s; box-shadow: rgb(255 255 255) 0px 0px 0px 0.1375rem, rgb(0 37 84) 0px 0px 0px 0.275rem; border:none; } .subdropdown{ flex-wrap: wrap; }