﻿/*NEW/CURRENT CSS*/

.gllrylnk, a.gllrylnk:hover { color: #000 !important; font-size: 14px; clear: both; display: inline-block; width: 100%; text-decoration: none; }
.gllrylnk .grn { font-size: 14px; font-style: italic; }
.gllrylnk .mdl + div { margin-top: 10px; }
.gllrylnk h3 { font-size: 14px !important; }

.tbl { display: table; }
.price { display: table-row; }
.price > span { display: table-cell; }
.price > span:nth-child(2) { padding: 0 4px; }

div.ratingbar + span { padding: 0; }

.catgrp { font-size: 14px; }
.ctgyimg { position: relative; text-align: center; min-height: 130px; background-color: #FFF !important; padding-top: 20px; }
.ctgyimg .ico { width: 40px; height: 40px; position: absolute; bottom: 0; left: 10px; cursor: help; }
.ctgydets { padding: 10px; }

.pageNumbers, .pageNumbers a { font-size: 14px !important; }
.pageNumbers { padding-bottom: 10px; }
.category { display: flex; flex-wrap: wrap; align-items: stretch; }
.category > div:nth-child(4n+5) { clear: left; }
.category > div:nth-child(n+5) { border-top: solid 1px #a2afb3 !important; }
.category > div { cursor: pointer; }
.category > div:hover { background-color: #e8f9ff }
.catgrp select { padding: 2px 5px; }
.catgrp h1 { padding: 20px 0 15px 0; text-align: center; float: left; clear: both; width: 100%; color: #2a3133; text-align: left; border-bottom: 1px solid #a2afb3; }
.categories { border-right: 1px solid #a2afb3; }
.categories [data-type=bid] .overflow { border-top: 1px dashed #a2afb3 }
.cat { padding-right: 10px; float: left; user-select: none; }
.cat .title { display: block; vertical-align: middle; font-size: 18px; line-height: 40px; border-top: 1px solid #a2afb3; color: #2a3133; cursor: pointer; background: url('//cdn0.globalgolf.com/images/icons/plus.png') no-repeat right 0 center; }
.cat a { display: block; overflow: hidden; text-overflow: ellipsis; line-height: 25px; color: #1c5899; }
.cat a:hover { text-decoration: none; color: #177be5 }
.links > a:first-child { margin-top: 0 !important; }
.categories > .cat:first-child .title { margin-top: 0; border-top: 0; }
.categories .links { padding-left: 10px; padding-bottom: 10px; }
.links > .more { color: #177be5; line-height: 25px; display: block; cursor: pointer; }
.cat.active .title { background: url('//cdn0.globalgolf.com/images/icons/x-white.png') #2a3133 no-repeat right 5px center; font-size: 14px; padding: 0 20px 0 5px; border-top: 1px solid #FFF; color: #FFF; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cat .title.open, .cat .title.fixed { background: url('//cdn0.globalgolf.com/images/icons/minus.png') no-repeat right 0 center; }
.active .title + .links, .title.collapse + .links { display: none; }
.cat .title.fixed + .links { display: block; }
.categories > .b { display: block; line-height: 25px; }
.crumbs { font-size: 12px; position: absolute; bottom: 0; right: 0; }
.crumbs a:hover { text-decoration: none !important; }
.fixed + .cat:not(.active), .cat.active + .cat:not(.active) { margin-top: 10px; }
.filters { padding-right: 10px; position: relative; }
.sort { height: 25px; background-color: #FFF !important; border: 1px solid #a2afb3; max-width: 170px; }
.categories > .fixed { padding-right: 10px; }
.categories > .fixed select { background-color: #2a3133; border: 0; cursor: pointer; font-size: 14px; color: #FFF; padding: 0 20px 0 5px; height: 25px; line-height: 25px; border-top: 1px solid #FFF; width: 100%; -webkit-appearance: none; -moz-appearance: none; background: url('//cdn0.globalgolf.com/images/icons/x-white.png') #2a3133 no-repeat right 5px center; }
#ddlPlayerDexterity, #ddlPlayer { background: url('//cdn0.globalgolf.com/images/gh/controls/dropdownlist/white-arrow.png') #2a3133 no-repeat right 5px center; background-size: 12px; }
.categories > .fixed select::-ms-expand { display: none; }
.categories > .fixed select:focus { outline: none; }
.dynbtn img { width: 100% !important; padding-bottom: 10px; }

.textureList { position:absolute; display: flex; width: 100%; padding: 0 10px; box-sizing: border-box; bottom:0; left: 0; right: 0; margin: 0 auto; justify-content:left; align-self: center; }
.textureList > div { float: left; width: 20px; height: 20px; overflow: hidden; position: relative; border-top:1px solid #FFF; }
.textureList > div + div { border-left: 1px solid #FFF; }
.textureList > div:last-child { border-right: 1px solid #FFF; }
.textureList > div:first-child { margin-left: 0; }
.textureList img { vertical-align: top; position: absolute; top: -2px; left: -2px; width: 25px; height: 25px; max-width: none !important; }
.textureList div.more { background-color: #a2afb3; border-top:1px solid #FFF; color: #FFF; text-align: center; border-right: 1px solid #FFF; }
.textureList div.more > span { line-height: 18px; }
.textureList + .ico { bottom: 20px; }

.glryImg.trans { position: absolute; left: 0; right: 0; margin: auto; }
.mfrclose, .galOpenbox { color: #a2afb3; font-size: 12px; margin-top: 10px; }
.mfrclose + .grn, .galOpenbox + .grn { margin-top: 0; }
.galOpenbox { color: #a2afb3; font-size: 12px; }

#mobileFilter { height: 35px; text-align: center; padding: 0 20px; width: 50%; max-width: 170px; line-height: 35px; box-sizing: border-box; display: none; }
#TopProducts .bdrBtm { padding-bottom: 5px; }
.topsales .grey { padding-bottom: 5px; }
.topsales img { padding-right: 5px; }

.filters .done { display: none; }

.lohiPrice { display: inline-flex; justify-content: center; flex-flow: row wrap; }
.lohiPrice .priceLoHiApply, .lohiPrice .priceTo { margin: auto; }
.lohiPrice .form-data { width: calc((100% - 77px)/2); }
.lohiPrice .priceLoHiApply { width: 55px; }
.lohiPrice .priceLoHiApply.pos-abs { position: static; }
.lohiPrice .priceTo { width: 22px; text-align: center; }
#priceFilter button { color: #1c5899; }
.lohiPriceClose { color: #1c5899; font-size: 14px; line-height: 18px; cursor: pointer; width: 100%; text-align: left; }
.priceLoHiApply { color: #1c5899; float: right; }
.lohiError { border: 2px solid #eb1e29; padding: 2px 5px; background-color: #f2f2da; margin-top: 2px; }
.break-row { flex-basis: 100%; height: 0px; }
.break-col { flex-basis: 100%; width: 0px; }

.toggle { padding-right: 10px; float: left; display: block; width: 100%; box-sizing: border-box; margin-top: 10px; }
.toggle > label { border-top: 1px solid #a2afb3; display: block; width: 100%; padding: 10px 0; box-sizing: border-box; cursor: pointer; }
.toggle input[type=checkbox] { margin: 0; padding: 0; vertical-align: middle; margin-top: -2px; }
.toggle a:hover { text-decoration: none; }

.toggle + .toggle > label { border: none; margin-top: -25px; }

[data-lock] { position: fixed; width: 266px; }
[data-lock=top] { top: 0; }
[data-lock=bottom] { bottom: 0; }
[data-lock=boundary], [data-lock=freeze] { position: static; width: 100%; }

/* TODO: DEPRICATE - MIGRATE ALL SPECIALTY PAGES TO NEW CATEGORYDISPLAY AND REMOVE THIS AND CORRESPONDING CSS */

.prodGrid > .catprod { width: 25%; }
.prodGrid > .catprod:nth-child(4n+5) { clear: left; }
.prodGrid > .catprod:nth-child(n+5) { border-top: 1px solid #a2afb3; }

/* END TODO */

@media all and (max-width: 1400px),(max-device-width:1400px) and (orientation: portrait) {
	.mb [data-lock=top], .mb [data-lock=bottom] { width: calc(20% - 14px); }
}

@media all and (min-width: 700px) and (max-width: 1100px), (max-width: 400px), (max-device-width:400px) and (orientation: portrait), (min-device-width: 700px) and (max-device-width: 1100px) and (orientation: portrait) {
	.mb .lohiPrice { display: inline-block; }
	.mb .form-group.lohiPrice > div { width: 100% }
	.mb .lohiPrice .priceLoHiApply { right: 0; bottom: 1px; width: auto !important; padding: 0; }
	.mb .lohiPriceClose { float: left; margin-top: 10px; }
	.mb .lohiPrice .priceLoHiApply.pos-abs { position: absolute; }
}

@media all and (max-width: 1100px),(max-device-width:1100px) and (orientation: portrait) {
	.mb .category > div { width: 33.33333%; }
	.mb .category > div:nth-child(n+4) { border-top: 1px solid #a2afb3 }
}

@media all and (max-width: 900px),(max-device-width:900px) and (orientation: portrait) {
	.mb .catgrp .filters { width: 25%; }
	.mb .catgrp .products { width: 75%; }
	.mb #TopProducts > .s-1-2 { width: 100%; }
	.mb #TopProducts .data a { font-size: 14px !important; }
	.mb #TopProducts .data > div { font-size: 14px !important; float: left; width: 100%; padding: 5px 0 }
	.mb #TopProducts .data > div:first-child { display: none; }
	.mb [data-lock=top], .mb [data-lock=bottom] { width: calc(25% - 15px); }
	.mb .category > div { width: 50%; }
	.mb .category > div:nth-child(n+3) { border-top: 1px solid #a2afb3 }
}

@media all and (max-width: 700px),(max-device-width:700px) and (orientation: portrait) {
	.mb .cat, .mb .filters .fixed { padding-right: 0; }
	.mb .categories { border-right: 0; }
	.mb .catgrp .filters { display: none; position: fixed; top: 0; right: 0; background-color: #FFF; padding: 20px 20px 260px 20px; z-index: 9999; height: calc(100%+200px); overflow: auto; border-bottom: 20px solid #FFF; left: 100%; }
	.mb .catgrp .filters.active { display: block; left: 0; }
	.mb .catgrp .products, .mb .catgrp .filters { width: 100%; }
	.mb .catgrp .products .txtrt { text-align: left; float: left; display: block; margin-top: 5px; width: 100%; }
	.mb .catgrp .products .sort { line-height: 35px; height: 35px; }
	.mb .cat.active .title { height: 40px; font-size: 16px; line-height: 40px; }
	.mb .filters .fixed select { height: 40px; font-size: 16px; }
	.mb .links .more { padding: 0; margin: 0; line-height: 40px; }
	.mb .cat .links a { font-size: 16px; margin-top: 0; line-height: 40px; }
	.mb .done.full { position: fixed; bottom: 0; border-bottom: 20px solid #FFF; left: 20px; display: block; width: calc(100% - 40px); margin-top: 20px; line-height: 40px; float: left; text-align: center; box-sizing: border-box; background-color: #2a3133; color: #FFF }
	.mb .cat .title.fixed + .links { display: none; }
	.mb .cat .title.fixed { background: url('//cdn0.globalgolf.com/images/icons/plus.png') no-repeat right 0 center; }
	.mb .menuactive { overflow: hidden; }
	.mb .category span, .mb .category div, .mb .category p { font-size: 16px; }
	.mb .category .fs12 { font-size: 14px; }
	.mb .toggle { padding-right: 0; }
	.mb .toggle label { padding: 0; line-height: 40px; }
	.mb [data-lock=top], .mb [data-lock=bottom], .mb [data-lock] { width: 100%; position: static; }
	.mb #mobileFilter { display: inline-block; }
	.mb .textureList { justify-content: center; }

	/* TODO: DEPRICATE */

	.mb .prodGrid > .catprod { width: 33.33333%; }
	.mb .prodGrid > .catprod:nth-child(4n+5) { clear: none; }
	.mb .prodGrid > .catprod:nth-child(3n+4) { clear: left; }
	.mb .prodGrid > .catprod:nth-child(n+4) { border-top: 1px solid #a2afb3; }

	/* END TODO */
}

@media all and (max-width: 500px), (max-device-width:500px) and (orientation: portrait) {
	.mb .category > div { width: 100%; }
	.mb .category > div:nth-child(n+2) { border-top: 1px solid #a2afb3 }
	.mb .category .ctgydets { max-width: 240px; margin: 0 auto; }

	/* TODO: DEPRICATE */

	.mb .prodGrid > .catprod { width: 50%; }
	.mb .prodGrid > .catprod:nth-child(3n+4) { clear: none; }
	.mb .prodGrid > .catprod:nth-child(2n+3) { clear: left; }
	.mb .prodGrid > .catprod:nth-child(n+3) { border-top: 1px solid #a2afb3; }

	/* END TODO */
}

@media all and (max-width: 400px), (max-device-width:400px) and (orientation: portrait) {
	.mb #mobileFilter, .mb .sort { width: calc(50% - 5px); }

	/* TODO: DEPRICATE */
	.mb .prodGrid > .catprod { width: 100%; }
	.mb .prodGrid > .catprod { clear: left; }
	.mb .prodGrid > .catprod:nth-child(n+2) { border-top: 1px solid #a2afb3; }
	/* END TODO */
}