.rn_HeaderAnnouncementMessage{}
.announcementMessage{display: block;width: 100%;color: black;padding: 3px 5px;text-align: center;font-size: 1em;list-style-type: none;padding-left: 0px;}
.announcementMessage p{font-size: 1em;}
.announcementMessage ul{list-style-type: none;padding-left: 0px;}
.announcementMessage a{font-weight: bold;text-decoration: underline;color: black;}
.chatAnnouncementMessage{display: flex;padding: 10px 5px;margin: 10px 0px;}
.hideAnnouncementMessage{display: none;}
.redAnnouncementMessage{background-color: #d32029;border: 1px solid #d32029;color: white;}
.yellowAnnouncementMessage{background-color: #fff8d2;border: 1px solid #ffcc00;}
.amberAnnouncementMessage{background-color: #ffb50f;border: 1px solid #ffb50f;}
.blueAnnouncementMessage{background-color: #0060a9;border: 1px solid #0060a9;color: white;}
.greenAnnouncementMessage{background-color: #0b6e22;border: 1px solid #0b6e22;color: white;}
.orangeAnnouncementMessage{background-color: #ef820d;}
.lightgreyAnnouncementMessage{background-color: #eaeaea;border: 1px solid #909090;}
.darkgreyAnnouncementMessage{background-color: #707070;border: 1px solid #5f5f5f;color: white;}
.blackAnnouncementMessage{background-color: #333333;border: 1px solid #333333;color: white;}
.whiteAnnouncementMessage{background-color: #ffffff;border: 1px solid #cccccc;}
.lightredAnnouncementMessage{background-color: #fdd6d6;border: 1px solid #d32029;}
.lightblueAnnouncementMessage{background-color: #eff7fb;border: 1px solid #0060a9;}
.lightgreenAnnouncementMessage{background-color: #dff0d8;border: 1px solid #85c66a;}
.redAnnouncementMessage a, .redAnnouncementMessage a:hover, .redAnnouncementMessage a:focus, .blueAnnouncementMessage a, .blueAnnouncementMessage a:hover, .blueAnnouncementMessage a:focus, .greenAnnouncementMessage a, .greenAnnouncementMessage a:hover, .greenAnnouncementMessage a:focus, .darkgreyAnnouncementMessage a, .darkgreyAnnouncementMessage a:hover, .darkgreyAnnouncementMessage a:focus, .blackAnnouncementMessage a, .blackAnnouncementMessage a:hover, .blackAnnouncementMessage a:focus{color: white;}
.rn_HeaderAnnouncementMessage{}
.rn_CWHeader{width: 100%;background-color: #eeeeee;}
#headerLogoLink, #headerLogo{z-index: 99;}
#headerHero{background-color: #eeeeee;background-position: center;background-size: 100%;}
#headerWelcome{margin-top: 20px;font-size: 30px;}
#headerContent{margin: 0 auto;height: auto;text-align: center;}
#headerLogo{padding-left: 20px;margin-top: 20px !important;width: 240px;height: auto;}
.searchWidgets{width: 100%;}
.headerSearchInput{width: 100%;max-width: 400px;display: inline-block;padding-top: 2px;}
.rn_SearchInput{}
.rn_SourceSearchButton{}
ul.yui3-aclist-list{text-align: left;background: white;padding: 10px 30px;}
@media only screen and (max-width: 500px){h1#headerWelcome{display: none;}
#headerLogo{padding-left: 0px;margin: auto;position: absolute;left: 0;right: 0;width: 200px;height: auto;}
#headerHero{background-image: none;background-color: #eeeeee;border-bottom: 1px solid #cccccc;background-position: center;background-size: 100%;}
#headerHero .row{margin: 0px;}
#headerContent{padding-left: 15px;padding-right: 15px;padding-bottom: 20px;padding-top: 40px;}
}
[id^="rn_SourceSearchButton_"] .rn_ButtonText:after{font-family: "costco-icons" !important;content: "\E900" !important;font-size: x-large;box-sizing: border-box;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;display: inline-block;text-decoration: inherit;}
[id^="rn_SourceSearchButton_"] input{width: 100%;display: inline-block;padding-top: 2px;height: 38px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #2a6293;border-right: 0px solid white;border-radius: 0px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;font-family: inherit;}
[id^="rn_SourceSearchField_"] input{width: 100%;display: inline-block;padding-top: 2px;height: 38px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #2a6293!important;border-right: 0px solid white!important;border-radius: 0px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;font-family: inherit;}
[id^="rn_SourceSearchButton_"] input:focus{outline: none;box-shadow: 0 0 8px rgba(102, 175, 233, .6);}
[id^="rn_SourceSearchButton_"] button{margin-top: 5px;color: #3071a9 !important;background-color: #ffffff !important;border: 1px solid #3071A9 !important;border-left: 0px solid white !important;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 0px;user-select: none;height: 38px;width: auto;}
[id^="rn_SourceSearchButton_"] button:focus{outline: 2px solid;}
.icon-search{font-size: x-large;}
.searchContainer{width: 100%;margin: 0 auto;}
.searchWidgets{margin: 0 auto;width: 100%;display: flex;}
.rn_SourceSearchField{margin-top: 5px;width: 100%;flex: 90%;}
@media only screen and (max-width: 991px){.searchContainer{width: 100%;margin: 0 auto;}
.searchWidgets{margin: 0 auto;width: 80%;display: flex;}
.rn_SourceSearchField{margin-top: 5px;width: 100%;flex: 90%;}
}
@media only screen and (max-width:500px){.searchContainer{margin: 0 auto;padding-top: 25px;width: 95%;}
.searchWidgets{width: 100%;display: flex;}
.rn_SourceSearchField{margin-top: 5px;width: 100%;flex: 90%;}
.rn_SourceSearchButton{height: 35px;width: 100%;flex: 10%;}
}
.rn_CWHeader{}
.rn_CWMainNav{}
#mobileMainNav{display: none;}
#desktopMainNav{display: block;}
.nav-costco{background-color: #3071a9 !important;border-radius: 0px !important;margin-bottom: 0px !important;min-height: 0px !important;}
.navbar-nav a{color: white;white-space: nowrap;}
.navbar-nav a:hover, .navbar-nav a:focus{color: white;text-decoration: underline;}
.nav-item a:hover, .nav-item a:focus, .nav-link:hover, .nav-link:focus{background-color: #3071a9 !important;text-decoration: underline !important;color: white !important;cursor: pointer;}
.navbar-toggler:hover, .navbar-toggler:focus{background-color: transparent;}
.navbar-toggler-icon:before{font-family: 'Costco-RWD' !important;content: "\68";padding-right: 5px;}
.dropdown-item{color: #0060a9 !important;background-color: white;position: relative;display: block;padding: 10px;}
.navbar-nav > li > a{}
@media only screen and (max-width: 991px){.navbar-toggler:focus{outline: 2px solid orange !important;outline-offset: -2px;}
#mobileMainNav{display: block;}
#desktopMainNav{display: none;}
.navbar-toggler{background-color: transparent;display: block;width: 100%;}
#navbarNavDropdown{padding-left: 50px;}
.dropdown-menu{position: relative;z-index: 99;}
.dropdown-item:hover, .dropdown-item:focus{color: white;}
.leftNavSubLi:focus{outline: 2px solid;}
.btn-leftNav{width: 100%;}
.leftNavSubLi{color: white;text-align: center;list-style: none;padding-top: 10px;padding-bottom: 10px;width: 100%;}
.leftNavLinkOnly{color: white !important;}
.leftNavLinkOnly:focus{outline: 2px solid orange !important;}
.leftNavSubLink{color: white !important;text-align: center;list-style: none;padding-top: 10px;padding-bottom: 10px;width: 100%;display: list-item;}
.mb-0{margin-bottom: 0px;}
.leftNavSubLink:focus{outline: 2px solid orange;}
.leftNavMenu .card-body{background-color: #3071a9;margin-right: 10px;margin-left: 10px;border: 1px solid darkgrey;border-top: 2px solid darkgrey;}
}
.rn_CWMainNav{}
.rn_CWLeftNav{display: block;}
.leftNav{background-color: #eeeeee;float: left;width: 23%;padding: 10px 15px;padding-bottom: 40px;}
#leftNavWrapper{text-align: center;}
.leftNavItem{height: 120px;width: 100px;margin: 5px;background-origin: content-box;background-position: top;background-size: 70%;background-repeat: no-repeat;display: inline-flex;position: relative;}
.leftNavLink:hover{text-decoration: none !important;}
.leftNavLink:focus{outline: 0px !important;}
.leftNavLink:focus .leftNavItem{outline: 2px solid !important;}
.leftNavText{position: absolute;text-align: center;margin-left: 0px;top: 80px;font-size: 14px;}
.leftNavLink{text-decoration: none;color: black;}
.leftNavLink:hover, .leftNavLink:hover .leftNavText, .leftNavLink:focus, .leftNavLink:focus .leftNavText{text-decoration: underline;filter: saturate(300%);}
@media only screen and (max-width: 991px){.rn_CWLeftNav, .leftNav{width: 100%;}
}
@media only screen and (max-width:500px){.rn_CWLeftNav{display: none;}
}
.rn_CWLeftNav{}
.rn_CWSlickCarousel{margin-top: 10px;margin-bottom: 10px;}
.rn_CWSlickCarousel .card{margin: auto;}
.CarouselLink{text-decoration: none;color: black;}
.CarouselLink:hover, .CarouselLink:focus{filter: grayscale(0%);}
.CarouselItem{height: 125px;width: 100px;margin: 5px;background-origin: content-box;background-position: top;background-size: 70%;background-repeat: no-repeat;display: inline-flex;position: relative;}
.CarouselText{position: absolute;bottom: 0;font-size: 14px;}
.CarouselLink:focus .card{outline: 2px solid !important;outline-offset: 10px;}
@media only screen and (max-width:500px){.CarouselItem{height: 110px;width: 85px;margin: 5px;background-origin: content-box;background-position: 17px 5px;background-size: 70%;background-repeat: no-repeat;display: inline-flex;position: relative;}
.CarouselText{text-align: center;}
}
@media only screen and (max-width:500px){.CarouselItem{height: 100px;width: 75px;margin: 5px;background-origin: content-box;background-position: 17px 5px;background-size: 60%;background-repeat: no-repeat;display: inline-flex;position: relative;}
}
.slick-track{margin: 0 auto;margin-top: 3px;margin-bottom: 15px;}
.slider{margin: 100px auto;}
.slick-slide img{width: 100%;}
.slick-prev:before, .slick-next:before{color: black;}
.slick-slide{margin: 0px 20px;transition: all ease-in-out .3s;opacity: 1;}
.slick-active, .slick-current{opacity: 1;}
.sliderItem{margin-top: 10px;margin-bottom: 10px;height: 120px !important;width: 80px !important;}
.sliderImage{height: 60px !important;width: 60px !important;}
.sliderText{margin-bottom: 0px;text-align: center;}
.slick-list{margin: 0 auto;}
.slick-dots{top: 150px;}
.slick-dots li button:before{font-size: 20px;margin-top: -10px;}
.slick-dots li.slick-active button:before{}
.slick-dots li button:before:focus + .slick-dots li button{outline: 2px solid !important;}
.slick-current:focus{outline: 2px solid;}
.rn_CWSlickCarousel{}
.rn_OkcsApiTimingOnRefPage .rn_KAPerformanceContainer{display: table;border-collapse: collapse;}
.rn_OkcsApiTimingOnRefPage .rn_KAPerformanceTableRow{display: table-row;}
.rn_OkcsApiTimingOnRefPage .rn_KAPerformanceTableCell{padding: 0.2em;word-wrap: break-word;display: table-cell;border: 1px solid;}
.rn_OkcsApiTimingOnRefPage .rn_KAPerformanceTableCol1{width: 70%;}
.rn_OkcsApiTimingOnRefPage .rn_KAPerformanceTableCol2{width: 10%;}
.rn_CWFooter hr{display: none;}
.desktopContactUsDropDown{display: block;}
.mobileContactUsDropDown{display: none;}
@media only screen and (max-width: 991px){.rn_CWFooter hr{display: block;}
.desktopContactUsDropDown{display: none;}
.mobileContactUsDropDown{padding-top: 20px;display: block;}
}
#footer-widget a, #footer-widget button{font-size: 16px;}
.footer-column-title, .footer-column-title li a, .footer-column-title h2{font-size: 16px;}
footer#footer-widget{background: #eee}
footer#footer-widget .flag{vertical-align: inherit}
footer#footer-widget .country-text{vertical-align: text-bottom}
footer#footer-widget .footer-flags{margin-top: 0px;line-height: 20px;font-size: 20px;margin-left: 40px;}
footer#footer-widget .footer-flags .country-select-instruction{display: none}
footer#footer-widget .footer-flags a{color: #333;display: inline-block;width: 100%;vertical-align: middle}
footer#footer-widget .footer-flags a .country-text{vertical-align: middle}
footer#footer-widget .footer-flags a:hover .country-text{text-decoration: underline !important}
footer#footer-widget .footer-input-boxes{margin: 20px 0 30px;margin: 1.25rem 0 1.875rem}
footer#footer-widget .footer-input-boxes label{font-size: 16px;}
footer#footer-widget .footer-input-boxes .get-help{display: inline-block;line-height: 40px;line-height: 2.5rem}
footer#footer-widget .footer-input-boxes .get-help a{color: #5f5f5f}
footer#footer-widget .footer-input-boxes .get-help a:before{content: "?";background-color: #0060a9;border-radius: 50%;padding: 5px 10px;padding: .3125rem .625rem;margin-right: 10px;margin-right: .625rem;color: #fff;font-weight: 700}
footer#footer-widget .footer-input-boxes .get-help a:hover span{text-decoration: underline !important}
footer#footer-widget #footer-bottom{margin-bottom: 16px;margin-bottom: 1.25rem;margin-top: 5px;margin-top: .3125rem;color: #5f5f5f padding-left: -30px !important;}
footer#footer-widget #footer-bottom ul{margin-bottom: 20px;margin-bottom: 1.25rem;line-height: 34px;line-height: 2.125rem}
footer#footer-widget #footer-bottom ul li{display: inline;padding: 0 10px;padding: 0 .625rem;white-space: nowrap}
footer#footer-widget #footer-bottom ul li a{color: inherit;font-size: 14px;}
footer#footer-widget #footer-bottom .copyright{font-size: 12px;font-size: .75rem}
footer#footer-widget #footer-bottom .copyright span.rights{white-space: nowrap}
footer#footer-widget #footer-bottom .links{font-size: 14px;font-size: .875rem}
ul.links, ul.social-icons{padding-left: 0px !important;}
footer#footer-widget #footer-find-warehouse-block i{font-size: x-large;padding-top: 0;padding-right: 0;pointer-events: all;cursor: pointer;cursor: hand}
footer#footer-widget #footer-find-warehouse-block input{border-right-style: none}
footer#footer-widget #footer-find-warehouse-block button{color: #0060a9;background-color: #fff;border: 1px solid #9c9c9c;border-left-style: none;left: -2px;padding-top: 5px;height: 40px}
footer#footer-widget #footer-list{border-bottom: 1px solid #ccc}
footer#footer-widget #footer-list .footer-items .membership{padding-bottom: 40px;padding-bottom: 2.5rem}
footer#footer-widget #footer-list .footer-items .footer-list{padding-bottom: 30px;padding-bottom: 1.875rem}
footer#footer-widget #footer-list .footer-items .footer-list .footer-column-title{display: block;font-size: 16px;margin-bottom: 10px;margin-bottom: .625rem;color: #333}
footer#footer-widget #footer-list .footer-items .footer-list .footer-column-title a{color: #333}
footer#footer-widget ul.footer-list{margin-bottom: 0}
footer#footer-widget ul.footer-list .footer-column-title{display: none}
footer#footer-widget ul.footer-list li{line-height: 24px;font-size: 16px;font-size: 1rem;color: #5f5f5f;list-style-type: none;}
footer#footer-widget ul.footer-list a{color: #5f5f5f}
footer#footer-widget .social-icons{max-height: 40px;max-height: 2.5rem;min-width: 152px;margin-top: 5px padding: 0px !important;}
footer#footer-widget .social-icons li{padding: 0;display: inline}
footer#footer-widget .social-icons li:not(:first-child){padding-left: 5px;padding-left: .3125rem}
footer#footer-widget .social-icons li:not(:last-child){padding-right: 5px;padding-right: .3125rem}
footer#footer-widget .social-icons li img{height: 29px;cursor: pointer}
.accordion.panel-group .panel{border: 0;margin-top: 0;border-radius: 0;box-shadow: none;background-color: inherit;}
.accordion.panel-group .panel:last-child .panel-heading.collapsed{border-bottom: 1px solid #ccc}
.accordion.panel-group .panel .panel-heading{cursor: pointer;position: relative;border-top: 1px solid #ccc;border-radius: 0;background-color: transparent;padding: 15px 15px 15px 0;padding: .9375rem .9375rem .9375rem 0}
.accordion.panel-group .panel .panel-heading a{text-decoration: none}
.accordion.panel-group .panel .panel-heading button:after{font-family: 'costco-icons';content: "\E905";float: right;color: #0060a9}
.accordion.panel-group .panel .panel-heading.collapsed button:after{font-family: 'costco-icons';content: "\E904";}
.accordion.panel-group .panel .panel-heading .panel-title{font-size: 20px;color: #333}
.accordion.panel-group .panel .panel-heading .panel-title button{color: #333 !important;background-color: #eeeeee;width: 100%;height: 80%;text-align: left;}
.accordion.panel-group .panel .panel-heading .panel-title button:focus{outline: 2px solid;outline-offset: 10px;}
.accordion.panel-group .panel .panel-body{position: relative;border: 0;padding: 10px 0}
.accordion.panel-group .panel .panel-body .gas-title{margin-bottom: 10px;padding: 0}
.accordion.panel-group .panel .panel-body .gas-type{font-size: 12px;color: #333}
.accordion.panel-group .panel .panel-body .gas-price-section{padding: 15px 0}
.accordion.panel-group .panel .panel-body sup{font-size: 14px;color: #333}
.accordion.panel-group .panel .panel-body .working-hours-section{padding: 0}
.accordion.panel-group .panel .panel-body .padding-left-0{padding-left: 0}
.accordion.panel-group .panel .panel-body .diclaimer-section{padding-left: 0;padding-right: 0;padding-bottom: 20px}
.accordion.panel-group .panel .panel-body .disclaimer-text-font{font-size: 12px;color: #333;line-height: 16px}
.rn_CWFooter{}
.rn_SourceSearchField label{height: 1px;left: -10000px;overflow: hidden;position: absolute;top: auto;width: 1px;}
.rn_OkcsSuggestions.rn_SearchInput .rn_KASuggestTitle{font-weight: bold;}
.rn_OkcsSuggestions.rn_SearchInput ul.rn_Answer .yui3-aclist-item::before{font-family: 'FontAwesome';content: "\f15c";}
.rn_OkcsSuggestions.rn_SearchInput .rn_SuggestionItem{display: inline;}
.rn_OkcsSuggestions.rn_SearchInput .yui3-aclist-item:hover{background: none;}
.rn_OkcsSuggestions.rn_SearchInput .yui3-aclist-item:hover.yui3-aclist-item-active{background: #ebeff5 none repeat scroll 0 0;outline: 0;}
.rn_SourceSearchButton{display: inline;bottom: 0;}
.rn_SourceSearchButton input{border: 0;vertical-align: top;}
.rn_CWContactUsDropDownMenu{}
.rn_CostcoConditionalChatLink a{color: #3071a9 !important;display: flex;padding: 10px;}
button[id$="DropdownMenuButton"]{width: 100%;height: 45px;vertical-align: middle;border-radius: 3px;background-color: #3071a9;outline: 0px;border: 0px;}
button[id$="DropdownMenuButton"]:hover{background-color: #2a6293 !important;}
button[id$="DropdownMenuButton"]:focus{background-color: #2a6293 !important;outline: 2px solid orange;}
.contactus-menu{width: 160px;background-color: #FFF;}
.contactus-item{color: #3071a9;}
.contactus-item:hover, .contactus-item:focus{background-color: #0060a9;color: white;}
span[id$="UnavailableHoursMessage"]{margin-left: 10px;margin-top: -10px;display: block;}
@media only screen and (max-width: 991px){.rn_CWContactUsDropDownMenu{width: 50%;margin: 0 auto;order: 5;}
.contactus-menu{width: 220px;}
}
#desktopDropdownMenuButton{font-size: 18px;margin-top: 10px;width: 100%;line-height: 22px;}
#mobileDropdownMenuButton{font-size: 18px;width: 100%;line-height: 20px;}
.rn_CWContactUsDropDownMenu{}
.rn_CostcoConditionalChatLink a{color: #3071a9 !important;display: flex;padding: 10px;}
.rn_CostcoConditionalChatLink a:hover, .rn_CostcoConditionalChatLink a:focus{color: white !important;background-color: #0060a9;text-decoration: none;}
.unavailableMessage{width: 90%;padding-left: 10px;}
@media only screen and (max-width: 991px){.rn_CostcoConditionalChatLink a{color: #3071a9 !important;padding: 10px;margin-bottom: 5px;line-height: 24px;}
.rn_CostcoConditionalChatLink a:hover, .rn_CostcoConditionalChatLink a:focus{color: white !important;background-color: #0060a9;text-decoration: none;}
}
.rn_CostcoConditionalChatLink.rn_ConditionalChatLink{}