﻿.tabs-nav:after { display: block; clear: both; content: " "; }
.tabs-nav { margin: 0; padding: 0; border-bottom: solid 1px #2A3133; list-style: none; display: block; display: inline-block !important; height: 28px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tabs-nav li { float: left; margin: 0; width: 22.97297297%; margin-left: 2.69360269%; height: 100%; list-style: none; background-color: #2A3133; border-bottom: 1px solid #2A3133; }
.tabs-nav.tab5 li { width: 19.000000%; margin-left: 1.0%; }
.tabs-nav li:first-child { margin-left: 0; }
.tabs-nav a { display: block; position: relative; top: 0; z-index: 2; padding-top: 8px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; height: 20px; width: 100%; border: none; }
.tabs-nav .tabs-selected { background-color: #fff; border-bottom: none; width: 22.97297297%; }
.tabs-nav .tabs-selected a { width: 100%; cursor: pointer; color: #000; background-color: #fff; border: 1px solid #2A3133; border-bottom: none; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 1px; }
.tabs-nav .tabs-disabled a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { color: #000; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer; }
.tabs-loading { padding: 0 0 0 40px; background: url(//cdn0.globalgolf.com/images/nav/processing.gif) no-repeat 0 50%; }
.tabs-hide { display: none; }

textarea { resize: none; }

/* Add Review */
.note { font-size: 11px; color: #4c4c4c; }
div.rating-cancel, div.star-rating { float: left; width: 17px; height: 16px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
div.rating-cancel, div.rating-cancel a { background: url(//cdn0.globalgolf.com/images/delete.gif) no-repeat 0 -16px; }
div.star-rating, div.star-rating a { background: url(https://cdn0.globalgolf.com/images/stars2.png) no-repeat 0 -16px; }
div.rating-cancel a, div.star-rating a { display: block; width: 16px; height: 100%; background-position: 0 -16px; border: 0; }
div.star-rating-on a { background-position: 0 0 !important; }
div.star-rating-hover a { background-position: 0 -32px; }
div.star-rating-readonly a { cursor: default !important; }
div.star-rating { background: transparent !important; overflow: hidden !important; }

/* Detail Display */
table.dtldsply { width: 100%; border-collapse: collapse; }
table.dtldsply tr th { background-color: #DFE4E6; padding: 4px; }
table.dtldsply tr td { border-bottom: 1px solid #DFE4E6; padding: 3px 5px; }
table.dtldsply tr td:first-child { color: #546266; font-size: 12px; }
.title-hr { border-bottom: 4px solid #DFE4E6; margin: 27px auto; width: 300px; }

.helpful, .nothelpful, #SubmitReview, #PreviewReview, .report, .showAll { cursor: pointer; color: #1C5899; }
#ReviewPreview, #ReviewConfirm { display: none; }
#EditReview { float: left; padding-right: 18px; }
#EditReview img { padding-top: 1.5px; }
.showAll { font-weight: bold; }
.review { border: 1px solid #EBEBEB; padding: 2%; width: 95.5%; }
.review table { width: 100%; border-collapse: collapse; }
.review table td { border-bottom: solid 1px black; }
.review div.ratingbar { float: left; }
.review .title { padding-left: 1%; font-weight: bold; font-size: larger; line-height: 16px; }
.review .author { color: #546266; text-align: right; }
.review .author em { color: #000; }
.review p { padding: 10px 0; clear: both; }
.alert { color: red; font-style: italic; padding-left: 10px; visibility: hidden; }
.rvwsmmrycnt { height: 16px; }
.rvwFltrTxtOn { text-decoration: none; color: #1C5899; cursor: pointer; }
.rvwFltrTxtOn:hover { text-decoration: underline; color: #177BE5; }
#ReviewForm br { height: 2.5%; }
#ReviewForm { margin-top: 2.5%; }
#ReviewForm input, #ReviewForm select, #ReviewForm textarea { padding:5px 0; border:1px solid #a2afb3 }

/* Prompt Styles */
.jqifade { position: absolute; background-color: #000000; }
div.jqi { width: 400px; position: absolute; background-color: #ffffff; text-align: left; border: solid 1px #A9A9A9; padding: 7px; overflow-y: auto; overflow-x: hidden; }
div.jqi .jqiclose { position: absolute; top: 12px; right: 16px; width: 18px; color: #9A2A1C; font-weight: bold; cursor: pointer; font-size: 14px; }
div.jqi .jqimessage { padding: 10px; line-height: 20px; }
div.jqi .jqibuttons { text-align: right; padding: 5px 0 5px 0; }
div.jqi button { vertical-align: middle; text-align: center; text-transform: uppercase; padding: 2px 18px; font-size: 10px; font-weight: bold; color: #FFF; border-style: none; background: #1C5899 url(//cdn0.globalgolf.com/images/buttons/btn18bluebg.gif) repeat-x bottom left; }
div.jqi button:hover { color: #FFF; background: #177be5 url(//cdn0.globalgolf.com/images/buttons/btn18bluebg_hover.gif) repeat-x bottom left; }

/* apparel styles */
.buttonList { margin-top: 0; }
.buttonList div { color: #1C5899; border: solid 1px #1C5899; cursor: pointer; text-align: center; display: inline-block; margin: 10px 4px 0 0; }
#SizeSelect div { min-width: 50px; white-space: nowrap; width: 22%; padding: 10px 0; }
#SizeSelect div.selected { border: solid 1px #177be5; font-weight: bold; background-color: #e8f9ff; }
#ColorSelect div { height: 30px; width: 30px; float: left; margin-right: 5px; }
#ColorSelect div.disabled { display: none; }
#ColorSelect div div { border: none; overflow: hidden; position: relative; margin: 0; padding: 0; }
#ColorSelect div.texture div img { position: relative; width: 30px; height: 30px; }
.buttonList div:hover { border-color: #000; color: #000; }
.buttonList div.disabled, .buttonList div.disabled div, .buttonList div.disabled:hover { border-color: #A9A9A9; color: #A9A9A9; cursor: default; }
.buttonList div.disabled img { filter: alpha(opacity=50); opacity: 0.5; }
#ColorSelect div.selected { border: solid 1px #177be5; }
#ColorPU { position: absolute; border: solid 1px #000; z-index: 10; background-color: #FFFFFF; padding: 2px; text-align: center; max-width: 120px; }
#ColorPU span { font-weight: bold; }
#ColorPU div { width: 50px; height: 50px; overflow: hidden; position: relative; margin: 0 auto; }
#ColorPU img { position: relative; top: -150px; left: -150px; }
#ColorPU img.texture { position: relative; top: 0; left: 0; }
.imgThumbs img { border: solid 1px #A1B0B3 !important; margin: 4px 3px 0 0; cursor: pointer; }
#PImgs .imgThumbs a, #PImgs .imgThumbs div { float: left; }
img.selClr { border: 1px solid #177be5 !important; opacity: .5; }
.prodAltImg360 { border: solid 1px #A1B0B3 !important; margin: 4px 3px 0 0; }
.prodMainImg { display: block; margin-left: auto; margin-right: auto; }

.video { width: 774px; height: 400px; text-align: center; margin-top: 10px; }
.video h3 { padding-top: 100px; font-size: 18px; }
.video span { display: block; font-size: 14px; padding: 5px; color: #333; }
.video img { padding-top: 15px; }

/* zoom and 360 additions */
#Loading360 { width: 50px; position: absolute; top: 150px; left: 160px; text-align: center; display: none; }
img.jquery-reel, .cloud-zoom-big { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.loading-360 { background-image: url('//cdn0.globalgolf.com/images/zoom360/loading.gif'); z-index: 1000; background-position: left center; background-repeat: no-repeat; width: 50px; height: 50px; }
.cloud-zoom-lens, .cloud-zoom-loading { display: none !important; }
.cloud-zoom-title { position: absolute !important; background-color: #000; color: #fff; padding: 3px; width: 100%; line-height: 24px; text-align: center; font-weight: bold; font-size: 12px; top: 0; }
#mainZoomLink { display: inline-block !important; width: 350px; height: 350px; max-width: 100%; }
.cloud-zoom-wrap { text-align: center; }
.mousetrap { top: 0; width: 100%; height: 100%; }
.cloud-zoom-big { width: 100%; left: 0; top: 0; height: 100%; }

/*Q&A*/
.qaContainer { width: 40px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 10px; }
.blockTop, .pgaBlock { display: inline-block; vertical-align: top; }
.pgaBlock { text-align: center; }
.greyLine { border-top: 1px solid #ebebeb; margin: 5px 0 5px 0; }
.qaIcon { font-size: 2em; font-weight: bold; margin: 0 10px; vertical-align: top; line-height: normal; }
.upVote, .downVote { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 18px solid #1C5899; margin: 10px 5px; }
.downVote { border-top: 18px solid #1C5899; border-bottom: 0; }
.voteCount { font-weight: bold; font-size: 14px; }
.topAnswer { margin-top: 10px; }
.otherAnswers { border-top: 1px solid #ebebeb; margin-left: 10px; padding-top: 10px; }
.otherAnswers:first-child { border-top: 0 solid white; }

.segment { margin-bottom: 10px; }
.textContainer { display: inline-block; vertical-align: middle; width: 630px; }
.question { font-weight: bold; font-size: 14px; }

.author { color: #546266; font-size: 12px; }
.lh { line-height: 20px; }
.bup { margin-top: -5px; }

.toggleContainer { color: #1C5899; cursor: pointer; padding: 10px 0; border-top: 1px solid #a1b0b3; border-bottom: 1px solid #a1b0b3; }
.pgaLogo { display: inline-block; vertical-align: middle; width: 30px !important; margin-right: 3px; }
.pgaLogo + div { vertical-align: middle; }

/*Videos*/
.wishlist:hover { text-decoration: none; }
.wishlist { text-decoration: none; float: right; margin-top: 10px; }
.mrghalf .wishlist { float: left; margin-top: 0; }

.ctgyimg a img { width: 110px; height: 110px; }
#ProdImgDisplay { position: relative; overflow: hidden; }
.prodFltr li.on { margin-top: -3px !important; }
.prodFltr > li ul li a, .srchFltr > li { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; }
.prodFltr > li { margin-top: 3px; }
.prodFltr > li:first-child { margin-top: 0; }
.prodFltr > li > ul > li:first-child { margin-top: -2px; }
.prodFltr > li > ul { overflow: hidden; }
.prodGrid .itemtbl { display: inline; }

.pdDtlLbl { font-size: 12px; color: #546266; }
.pdDtlVal { font-size: 12px; font-weight: bold; }

/* Review Display */
#twtproductModel { font-size: 0; }
#twtproductBrand { font-size: 0; }

.rateBar { width: 100%; font-style: italic; border-collapse: collapse; }
.rateBar td { padding-bottom: 5px; vertical-align: middle; }

#ProdFilters { max-width: 80%; margin: 0 auto; }
#ProdFilters select { padding: 5px; font-size: 14px; }
#ProdFilters .mrgfull { margin-top: 15px; }
#ProdFilters .mrgquart { margin-top: 5px; }
.pdFltrLbl { font-size: 14px; }

#btnAddToCart, #btnUTry { padding: 10px 40px; }
.thumb { width: 50px !important; height: 50px !important; display: inline-block !important; border: solid 1px #a1b0b3 !important; cursor: pointer; vertical-align: bottom; overflow: hidden; }
.thumb .evt { margin: 0 !important; margin-left: -18px !important; width: auto !important; height: 50px !important; position: absolute; clip: rect(0,68px,50px,18px); max-width: none !important; }
.imgThumbs > img, .imgThumbs > .thumb { float: left; margin: 4px 3px 0 0; }
.imgThumbs a.relative { height: 100%; display: inline-block; }
.videoplayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
.custom { border: 1px dashed #A2AFB3; text-align: center; padding: 5px; display: block; background-color: #ffffe8; margin-bottom: 10px; }
.custom:hover { text-decoration: none; }
#ReviewDisplay h2, #Questions h2, #Details h2, #Technology > h2:first-child { background-color: #546266; line-height: 40px; color: #fff; padding-left: 2%; margin-bottom: 15px; position: absolute; top: 0; left: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#dReviews, .PGAQA, #Technology, #Details { border: 1px solid #2a3133; position: relative; padding: 50px 1% 15px 1%; padding-bottom: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#RewardContainer #dReviews, #RewardContainer #Technology, #RewardContainer #Details, #RewardContainer #Media, #RewardContainer #Survey { margin-top: -4px; }
#dReviews, #Technology { padding: 60px 2% 20px 2%; }
.pclr { width: 30px; height: 30px; display: inline-block; cursor: pointer; position: relative; }
.pclr > span, .cmrk { font-size: 20px; color: #FFF; display: inline-block; text-align: center; float: left; width: 100%; }
.cmrk { z-index: 500; margin: auto; position: absolute; left: 0; right: 0; font-family: 'Zapf Dingbats'; line-height: 30px; }
#PersText { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; }
#PersImgPanel .wrap { height: 100%; float: left; position: relative; width: 50%; text-align: center; }
#MonText { border: 1px dashed #A2AFB3; float: left; width: 100%; padding: 10px; border-top: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; }
.mlen { position: absolute; right: 0; top: 0; margin: 9px 5px 0 0; color: #A2AFB3; }
.persm { position: relative; }
.persm input { padding-left: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cmrk.blk { color: #000 !important; }
.cmrk.blu { color: #177be5 !important; }

/* Rewards Display */
#rewards { display: inline-block; margin: 0 auto; padding: 5px 0; font-size: 12px; line-height: 30px; min-height: 45px; box-sizing: border-box; }
#rewards .points { font-size: 20px; color: #65b020; vertical-align: middle; }
#rewards img { padding-right: 5px; border-right: 1px solid #546266; padding: 5px 10px 5px 0; }
#rewards img + span { margin-left: 8px; }

#icons { position: absolute; bottom: 0; left: 0; z-index: 997; }
#icons img { display: inline; }

#btnUTry { width: 120px; text-align: center; }
#btnUTry.selected, #AddToUtry.selected { font-weight: bold; color: #1C5899; text-transform: uppercase; border: 1px solid #1c5899; padding: 9px 39px; background-color: #FFF; }
#AddToUtry { display: block; float: right; clear: both; }
#AddToUtry.selected:hover { background-color: #FFF !important; text-shadow: none !important; }

.savetable td { font-size: 16px; }
.savetable tr td:first-child { text-align: right; font-size: 12px; padding-right: 5px; min-width: 80px; }

.custClubAffirm { margin-top: 0px; margin-bottom: 10px !important; }

.truefit-size { display: inline-block; float: right; }
.truefit-size-container .tfc-fitrec-result { position: absolute; font-size: 14px !important; right: 10px; top: 10px; }

.filt { display: inline-block; box-sizing: border-box; width: 100%; position: relative; background: #fff url('//cdn0.globalgolf.com/images/fs/icon-arrow-down.png') no-repeat right 10px top 12px; border: 1px solid #a2afb3; padding: 8px 35px 8px 10px; font-size: 14px; text-align: left; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.filt .display { display: block; white-space: nowrap; overflow: hidden; max-width: 100%; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.filt .display > span { color:#477a16; float:right; }
.filt.locked .display > span, .filt.open .display > span { color:#FFF; }
.filt .option { position: absolute; top: 34px; left: 0; }
.filt [data-default] { display: block; cursor: pointer; white-space: nowrap; overflow-x: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.filt { display: block; margin-top: 10px; position: relative; }
.filt.open { background-color: #5497c4; color: #FFF; background-image: url('//cdn0.globalgolf.com/images/fs/icon_arrow_down_white.gif'); box-shadow: -3px 0px 5px rgba(16,19,20,.2), 3px 3px 7px rgba(16,19,20,.2); }
.filt.single { background-color: rgba(223,228,230,.5) !important; border: 1px solid #A2AFB3; cursor: default; color: #2a3133; background: none; }
.filt.change { background-color: #2a3133; border: dashed 1px #FFF; color: #FFF; text-decoration: line-through; background-image: url('//cdn0.globalgolf.com/images/fs/icon_arrow_down_white.gif'); }

[data-filter] { display: none; width: 90%; border: 1px solid #a2afb3; max-height: 250px; overflow: hidden; overflow-y: auto; z-index: 998; position: absolute; right: -1px; top: 32px; background-color: #FFF; text-align: left; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-shadow: -3px 3px 5px rgba(16,19,20,.2), 3px 3px 7px rgba(16,19,20,.2) }
a[data-id] { color: #2a3133 }
[data-id]:hover { color: #2a3133; }
[data-id].open:hover { color: #FFF; }
[data-filter] > button { display: inline-block; border: none; padding: 0; cursor: pointer; width: 100%; float: left; background-color: #FFF; box-sizing: border-box; color: #000; min-height: 35px; cursor: pointer; overflow-x: hidden; border-top: 1px solid #dfe4e6; text-align: left; }
[data-filter] > button > p { display: inline-block; float: left; max-width: 100%; box-sizing: border-box; padding: 9px 0 9px 10px; margin: 0; overflow: hidden; text-overflow: ellipsis; }
[data-filter] > button:hover { color: #5497c4 !important; }
[data-filter] > button:first-child { border-top: none; }
[data-filter] .noavail { color: #a2afb3; }
[data-filter] .header { line-height: normal !important; padding: 5px; text-align: center; background-color: #F1F1F1; }
[data-filter] .header:hover { background-color: #5497c4; }
[data-filter] > span.truefit-size-container { background-color: rgb(253, 227, 235); }
[data-filter] > [data-changes] > p, [data-filter] > [data-changes] .cpo { color: #546266; }
[data-filter] > [data-changes] { background-color: rgba(223,228,230,.5) !important; }
[data-filter] > [data-changes]:hover > p { color: #2a3133 !important; }
[data-filter="Color"] > button > p { max-width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; }
[data-filter="Color"] > button > p + span { font-size: 10px; color: #FFF; background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; padding: 5px; right: 0; }
[data-filter="Condition"] > button { padding-left: 50px; background: url('//cdn0.globalgolf.com/images/icons/bars.png') no-repeat; background-size: 40px 345px; }

[data-filter="Condition"] > [data-val="7"] { background-position: top -278px left 10px; }
[data-filter="Condition"] > [data-val="6"],
[data-filter="Condition"] > [data-val="14"],
[data-filter="Condition"] > [data-val="15"] { background-position: top -208px left 10px; }
[data-filter="Condition"] > [data-val="5"] { background-position: top -138px left 10px; }
[data-filter="Condition"] > [data-val="3"] { background-position: top -68px left 10px; }
[data-filter="Condition"] > [data-val="1"] { background-position: top 2px left 10px; }

[data-filter="Condition"] > [data-val="7"]:hover { background-position: top -313px left 10px; }
[data-filter="Condition"] > [data-val="6"]:hover,
[data-filter="Condition"] > [data-val="14"]:hover,
[data-filter="Condition"] > [data-val="15"]:hover { background-position: top -243px left 10px; }
[data-filter="Condition"] > [data-val="5"]:hover { background-position: top -173px left 10px; }
[data-filter="Condition"] > [data-val="3"]:hover { background-position: top -103px left 10px; }
[data-filter="Condition"] > [data-val="1"]:hover { background-position: top -33px left 10px; }

[data-val][upcharge] p { width: calc(100% - 75px); }
[data-val][upcharge] span { position: absolute; right: 1px; padding: 0 5px; background-color: #FFF; color: #477a16; line-height: 32px; }

[data-filter] span.money { position: absolute; font-weight: bold; right: 10px; top: 9px; }

[data-filter="Condition"] > [data-cpo="true"] { height: 80px; background: url('//cdn0.globalgolf.com/images/icons/gg-cpo-logo.png') no-repeat; background-position: left 5px center !important; padding-left: 60px; }
[data-filter="Condition"] > [data-cpo="true"] > p:first-child { padding: 0; }
[data-filter="Condition"] > [data-cpo="true"] ul.cpo { float: left; clear: both; margin: 0; padding: 3px 0 5px 25px; font-size: 11px; }

#filters { max-width: 80%; margin: 0 auto; font-size: 14px; }
#filters .filt:first-child { margin-top: 0; }
#filters .selected img, #filters span img:hover { outline: 1px solid #477a16; border: 1px solid #477a16; cursor: pointer; }
#filters span img { opacity: 1; margin-right: 2px; border: 1px solid #a2afb3; }
#filters [data-val] { position: relative; display: inline-block; }
#filters [data-val] .check-mark { position: absolute; background-color: rgba(255,255,255,0.65); top: 1px; left: 1px; height: 50px; width: 50px; background-position: center; }
#filters .notify { display: inline-block; position: absolute; top: 10px; max-width: 60%; max-height: 50px; overflow: hidden; }
#filters .notice { color: #991c1c; font-weight: bold; }
#filters .stock { color: #477a16; font-weight: bold; }
#filters h4 { margin: 20px 0 -5px 0; }

#filters .locked { background-color: #2a3133; color: #FFF; background: url('//cdn0.globalgolf.com/images/icons/x-white.png') #2a3133 no-repeat right 10px center; border-color: #2a3133 }
#filters .hide { margin: 0 !important; display: none !important; }

.filt span[class^=cdt] { width: 0; height: 0; float: left; display: inline-block; background-color: #DFE4E6; margin-right: 10px; text-align: center; }
[data-id='condition'] .empty { color: #a2afb3 !important; }
[data-id='condition'] .empty:hover { background-color: transparent !important; cursor: default; }
[data-id='customization'] { border-bottom: 1px dashed #a2afb3; }
[data-id='customization'][data-val="0"] { border-bottom: 1px solid #a2afb3; }

#custom #MonText { border: 1px solid #a2afb3; border-top-style: none; }
#custom .persm input { padding: 5px 0 5px 10px; }
#custom .mlen { top: 12px; right: 5px; margin: 0; }

.btn, a.btn { padding: 10px 20px; color: #FFF; background-color: #477a16; font-size: 16px; cursor: pointer; font-weight: normal; text-transform: uppercase; border: none; }
.btn:hover, a.btn:hover { background-color: #65b020; text-shadow: 2px 2px 2px #477a16; box-shadow: 0px 0px 5px 2px #477a16 inset; text-decoration: none; }
.btn.sml { padding: 5px 10px; font-size: 14px; }
.btn.min { padding: 2px 5px; font-size: 12px; }
.btn.second { background-color: #1C5899; }
.btn.second:hover { text-shadow: 2px 2px 2px #1C5899; background-color: #177be5 !important; box-shadow: 0px 0px 5px 2px #1C5899 inset }

#price [name=modal] { margin-bottom: 5px; }
#notices { text-align: center; }

hr { color: #a2afb3; width: 100%; margin: 0; padding: 0; border: 1px solid #dfe4e6; border-top: none; box-sizing: border-box; }
#notices hr + hr { display: none; }
.exempt { float: left; font-weight: bold; margin-top: 10px; }

#filters label { cursor: pointer; }
.jquery-reel-interface { cursor: zoom-in !important;}

#Details span { display: block; border-bottom: 1px solid #DFE4E6; padding: 2px 0; overflow: hidden; text-overflow: ellipsis; }
#Details .right { font-weight: bold; }
#Details img { display: block; padding: 5px 0; }
#Details .cntr img { display: inline-block; }
.dets > .mrg-10:first-child { margin-top: 0; }

#bundle { font-size: 12px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#bundle .bdl { width: 85%; display: inline-block; vertical-align: middle; float: left; padding: 5px 0 0 5px; box-sizing: border-box; }
#bundle [type='checkbox'] { float: left; margin: 1px 5px 0 5px; }
#bundle img { max-width: 15%; float: left; clear: both; max-height: 38px; }
#bundle label.block { float: left; margin-top: 5px; width: 100%; }
#bundle label.block:first-child { margin-top: 5px; }
#bundle del { padding-left: 24px; }

#extend { font-size:12px; }
#extend .options { display:flex; justify-content:space-between; }
#extend button { cursor:pointer; float:left; justify-content: center; border: 1px solid #a2afb3; background:#FFF; display:flex; height:34px; text-align:center; align-items:center; width:calc(25% - 10px); align-content:center; font-size:11px; }
#extend button p { margin:0; }
#extend button span { font-size:12px; font-weight:bold; }
#extend button:hover { border-color:#1c5899; background:#e8f9ff }
#extend button.selected { border-color:#1c5899; background:#1c5899; color:#FFF; }
#extend > p { float:left; }
#extend > a { float:right; margin-left:10px; }

#addons > .fields > div + div { margin-top: 10px; }
#addons > .fields > div[style] + div { margin-top: 0; }
#addons > div:last-child { border-top: 1px solid #DFE4E6; padding-top:10px; }

/*REMOVE AFTER A/B TEST*/
#divEarnRewardsDsply { display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid #e4e7e8; }
.rewardrow { width: 100%; display: table-row; height: 25px; }
.rewardimg { width: 87px; height: 25px; }
.rewardimagecell { display: table-cell; width: 87px; }
.rewardimagecell img { max-width: none; }
.rewardmessagecell { display: table-cell; text-align: left; vertical-align: middle; border-left: 1px solid; }
.rewardmessagecell div span { display: inline-block; margin-top: 10px; margin-bottom: 10px; }
.rewardmessagecell div span:nth-child(2) { display: inline; font-size: 1.7em; color: #65b020; vertical-align: middle; margin: 4px 3px 2px; }
.rewardmessagecell div span:nth-child(4) { display: inline-block; margin-left: 5px; }

.err { font-weight: bold; color: #e51717; padding: 10px; background-color: #ffffe8; border: dashed 1px #e51717 }
.lefthand { position: absolute; top: 0; left: 0; border: 0; z-index: 99; }
.shipmsg { float: left; clear: both; color: #A2AFB3; }
.tapzoom { display: none; }

#custom #PersImgPanel .wrap { width: 100%; }
#actions { position: relative; }
#RewardContainer select { background-color: #FFF; }
#imgPing { width: 50px; }

#prodTitle { font-size: 24px; }
.alert-msg { color: #e51717; font-weight: bold; }

.clubtradein { font-weight: bold; border-bottom: 1px solid #e4e7e8; border-top: 1px solid #e4e7e8; border-style: solid; border-left: 0px; border-right: 0px; line-height: 25px; text-align: center; }
#mainZoomLink:hover { cursor: zoom-in; }
#instruct360 { width:100%; text-align:center; display:inline-block; position:absolute; bottom:-14px; left:0; z-index:10; font-style:italic; }

.highlight { width: 50px; height: 50px; margin:-25px 0 0 -25px; display: inline-block; position: absolute; box-sizing: border-box; z-index: 900; border-radius:100%; }
.highlight:hover { cursor: help !important; }
.highlight:hover > span:before { visibility:hidden; }
.highlight:hover > span:after { width: 100%; height: 100%; left: 0; top: 0; background: none; border-color: #FFF !important; }
.highlight > span { position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 0; }
.highlight > span:before { content: ''; border: 1px solid rgba(0,0,0,.3); position: relative; display: block; width: 200%; height: 200%; box-sizing: border-box; margin-left: -50%; margin-top: -50%; border-radius: 100%; background-color: #FFF; animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
.highlight > span:after { content: ''; border: 1px solid #FFF; position: absolute; left: 25%; top: 25%; margin: -1px 0 0 -1px; display: block; width: 50%; height: 50%; background-color: #177be5; border-radius: 100%; box-shadow: 0 0 8px rgba(0,0,0,.3); transition: all linear .2s; }
.highlight > div { position: absolute; transition: all linear .2s; border-top: 1px solid #FFF; top: 50%; overflow: hidden; z-index: 500; box-shadow:0px -4px 4px -4px rgba(0,0,0,.3); }
.highlight > div.close { left: 64%; width: 0 !important; }
.highlight > div.open { left: 77%; width: 150px; }
.highlight > div.close > p { opacity: 0; }
.highlight > div.open > p { animation: showstats .4s; }
.highlight > div > p { text-align:left; white-space:pre-wrap; box-shadow: 0 0 8px rgba(0,0,0,.3); padding: 5px 10px; margin: 0; max-width: 110px; font-weight: normal; font-size: 14px; float: right; border: 1px solid #FFF; border-top: none; color: #FFF; background-color: rgba(0,0,0,.75); }
.highlight > div.open.left { left:24%; margin-left:-150px; }
.highlight > div.close.left { left:37%; }
.highlight > div.left > p { float:left; }

#filters fieldset { padding:0; margin:10px 0 0px 0; border:none; border-top:1px solid #e4e7e8 }
#filters fieldset legend { text-align:center; padding:0 10px; color:#546266; margin:0 auto; }

.extend-img { vertical-align:baseline; padding-left:1px; height:9px; }

@keyframes pulse-ring {
	0% { transform: scale(.33); }
	37.5% { opacity: .5 }
	75%, 100% { opacity: 0; }
}

@keyframes showstats {
	0% { opacity: 0; }
	50% { opacity: 0 }
	100% { opacity: 1; }
}

@media print {
	.tabs-nav { display: none; }
}

@media all and (max-width: 1000px),(max-device-width:1000px) and (orientation: portrait) {
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 56px; }
	.mb #ConditionGraph > div > a { padding-left: 28px; padding-right: 28px; }
	.mb #ConditionGraph .new { width: 57px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 56px; }
	.mb .cloud-zoom-lens { margin-left: -1px; }
	.mb .cloud-zoom-title { width: 494px !important; }
	.mb #Questions .textContainer { width: 550px; }
	.mb #btnUTry { padding: 10px 20px; }
	.mb [data-filter='Color'] > span > p { max-width: calc(100%-160px); }
}

@media all and (max-width: 900px),(max-device-width:900px) and (orientation: portrait) {
	.mb .product .grid_5 { margin-left: 1%; margin-right: 1%; width: 48%; }
	.mb #ProdFilters { max-width: 100%; }
	.mb #RelatedProds .itemtbl { width: 23%; }
	.mb #RelatedProds .itemtbl:nth-child(n+5) { display: none; }
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 63px; }
	.mb #ConditionGraph > div > a { padding-left: 31px; padding-right: 32px; }
	.mb #ConditionGraph .new { width: 64px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 63px; }
	.mb .related { width: 100%; margin-left: 0; margin-right: 0; }
	.mb .related .prodGrid .itemtbl { width: 23%; margin-left: 1%; margin-right: 1%; display: inline; float: left; }
	.mb .related .prodGrid .itemtbl:nth-child(n) { clear: none; }
	.mb .related .prodGrid .itemtbl:nth-child(4n+5) { clear: left; }
	.mb .related .prodGrid .itemtbl .grid_2 { width: 100%; margin-left: 0; margin-right: 0; }
	.mb #FwrOpt { clear: left; margin-top: 10px; }
	.mb .prodFltr a.btnsml { width: 50%; text-align: center; }
	.mb .cloud-zoom-lens { margin-left: 15px; }
	.mb #Questions .textContainer { width: 630px; }
	.mb #btnUTry { padding: 10px 40px; }
	.mb #filters { max-width: 100%; }
}

@media all and (max-width: 800px),(max-device-width:800px) and (orientation: portrait) {
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 55px; }
	.mb #ConditionGraph > div > a { padding-left: 27px; padding-right: 28px; }
	.mb #ConditionGraph .new { width: 56px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 55px; }
	.mb ul.tabs-nav > li, .mb ul.tab5 > li { margin-top: 0; }
	.mb #Questions .textContainer { width: 540px; }
	.mb #btnUTry { padding: 10px 16px; }

	.mb .rewardmessagecell div { margin-right: 20px; }
	.mb .rewardmessagecell div span:nth-child(1) { margin-bottom: 0px; }
	.mb .rewardmessagecell div span:nth-child(2) { margin-bottom: 0px; }
	.mb .rewardmessagecell div span:nth-child(2)::after { content: '\A'; white-space: pre; }
	.mb .rewardmessagecell div span:nth-child(3) { margin-top: 0px; }
}

@media all and (max-width: 700px),(max-device-width:700px) and (orientation: portrait) {
	.mb .prodFltr { float: left; width: 100%; list-style-type: none; padding: 0; margin: 0; }
	.mb .prodFltr a { padding-top: 0; border: 0; width: 100%; }
	.mb .prodFltr a.btnsml { width: 50%; text-align: center; }
	.mb .prodFltr a:hover { padding-top: 0; border: 0; }
	.mb .navhdr { text-shadow: 0 -1px 0 rgba(0,0,0,0),0 1px 0 rgba(0,0,0,.5); color: #FFF; font-weight: bold; font-size: 16px; text-transform: uppercase; }
	.mb .prodFltr > li { margin: 0; min-height: 40px; line-height: 40px; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(0,0,0,.2); background-color: #2a3133; }
	.mb .prodFltr > li > a { padding-left: 2.5%; font-size: 16px; font-weight: bold; color: #FFF !important; cursor: pointer; display: block; }
	.mb .prodFltr > li > a:hover { text-decoration: none; }
	.mb .prodFltr > li > ul { width: 100%; padding: 0; margin: 0; list-style-type: none; }
	.mb .prodFltr > li > ul > li { list-style-type: none; border-bottom: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(255,255,255,.2); background-color: #FFF; border-left: 1px solid black; border-right: 1px solid black; line-height: normal; }
	.mb .prodFltr > li > ul > li:last-child { border-bottom: 0; }
	.mb .prodFltr .mobilemarker { cursor: pointer; color: #FFF !important; }
	.mb .prodFltr .mobilemarker + span { width: 97.5%; height: 40px; display: inline-block; cursor: pointer; }
	.mb .prodFltr .mobilemarker + span a { text-decoration: none; }
	.mb #Container { margin-top: 10px; margin-bottom: 0 !important; }
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 97px; }
	.mb #ConditionGraph > div > a { padding-left: 48.5px; padding-right: 48.5px; }
	.mb #ConditionGraph .new { width: 98px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 97px; }
	.mb .product .grid_4 { width: 98%; margin-left: 1%; margin-right: 1%; }
	.mb .related .prodGrid .itemtbl { width: 31.33333333%; }
	.mb .related .prodGrid .itemtbl:nth-child(n) { clear: none; }
	.mb .related .prodGrid .itemtbl:nth-child(3n+4) { clear: left; }
	.mb #mainZoomLink { width: 100%; display: inline-block; margin-left: 0; cursor: default; }
	.mb #mainZoomLink img { margin-left: auto; margin-right: auto; display: block; float: none; }
	.mb #ColorSelect div { width: 30px; height: 30px; }
	.mb #ColorSelect div.disabled { display: none; }
	.mb #ColorSelect div div { border: none; overflow: hidden; position: relative; margin: 0; padding: 0; }
	.mb #ColorSelect div.texture div img { width: 30px; top: 0; left: 0; }
	.mb #RatingFilterSelect { padding-left: 3px; }
	.mb #btnAddToCart, .mb #btnUTry { float: none; display: block !important; width: 100px; text-align: center; margin-left: auto; margin-right: auto; }
	.mb .cloud-zoom-lens, .mb .cloud-zoom-big, .mb .cloud-zoom-title, .mb .cloud-zoom-loading { display: none !important; }
	.mb .zoomed { width: 1240px; height: 1240px; max-width: none; }
	.mb .shoes .zoomed { top: -400px; }
	.mb #mainZoomLink { overflow: scroll; -webkit-overflow-scrolling: touch; }
	.mb .tapzoom { width: 142px; position: absolute; text-align: center; bottom: 4px; right: 0; left: 0; margin: 0 auto; z-index: 990; display: block; }
	.mb .tapzoom div { display: inline-block; text-shadow: 0 -1px 0 rgba(255,255,255,0), 0 1px 0 rgba(255,255,255,0.5); font-size: 16px; height: 40px; width: 120px; line-height: 40px; padding: 0 10px; background-color: rgba(255,255,255,.6); color: #1C5899; border: 1px solid #1C5899; cursor: pointer; text-transform: uppercase; }
	.mb .drag { max-height: 350px; overflow: hidden; display: block; width: 100%; }
	.mb .mousetrap { display: none !important; }
	.mb #pBanner { margin-top: 10px; }
	.mb #Questions .textContainer { width: 440px; }
	.mb #Details > .grid_5 { width: 98%; }
	.mb .product > .grid_5 { width: 98%; }
	.mb #ProdFilters > .mrgfull:first-child { margin-top: 0 !important; }
	.mb #ProdFilters select { padding: 10px; }
	.mb #RelatedProds .itemtbl { width: 48%; }
	.mb #RelatedProds div > .itemtbl:nth-child(2n+3) { clear: left; }
	.mb #btnUTry { width: 150px; margin-top: 20px; }

	.mb .rewardmessagecell div span:nth-child(2) { margin-bottom: 0px; margin-right: 3px; }
	.mb .rewardmessagecell div span:nth-child(2)::after { content: ''; }

	.mb .s-1-2 { width: 100%; }
	.mb .s-1-2 #attributes .left, .mb .s-1-2 #attributes .right { width: 50%; }

	.mb .PGAQA.s-fit .review { width: auto; }
	.mb .PGAQA.s-fit .qaContainer { margin-right: 0; }
	.mb #prodTitle { margin-top: 10px; }
	.mb #PImgs.s-fit #icons { position: static; float: left; width: 100%; }
	/* B condition only, modify for simplicity after test */

	.mb #filters .notice, .mb #filters .notify { position: static; margin-top: 10px; width: 100%; max-width: 100%; }
	.mb #actions #AddToCart { width: 100%; box-sizing: border-box; text-align: center; padding: 15px 0; }
	.mb .filt { padding: 13px 35px 13px 10px; background-position: right 10px top 17px; }
	.mb [data-filter] { top: 42px; }
	.mb [data-filter] > span { height: 45px; }
	.mb [data-filter] > span > p { padding: 14px 0 9px 10px }
	.mb [data-filter] > [data-changes] > p { padding: 8px 0 0 10px }
	.mb [data-filter="Condition"] > span { border: 5px solid #FFF; border-left: none; border-right: none; }
	.mb [data-filter="Condition"] > span > p { padding: 9px 0 9px 10px; }
	.mb [data-filter="Condition"] > [data-changes] > p { padding: 3px 0 0 10px }
	.mb [data-filter="Condition"] > [data-cpo='true'] { border: 1px solid #FFF; height: 80px; }
}

@media all and (max-width: 600px),(max-device-width:600px) and (orientation: portrait) {
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 80px; }
	.mb #ConditionGraph > div > a { padding-left: 40px; padding-right: 40px; }
	.mb #ConditionGraph .new { width: 85px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 80px; }
	.mb #Questions .textContainer { width: 340px; }

	.mb .fs20 { font-size: 16px; }
}

@media all and (max-width: 500px),(max-device-width:500px)and (orientation: portrait) {
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 64px; }
	.mb #ConditionGraph > div > a { padding-left: 32px; padding-right: 32px; }
	.mb #ConditionGraph .new { width: 67px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 64px; }
	.mb .related .prodGrid .itemtbl { width: 48%; }
	.mb .related .prodGrid .itemtbl:nth-child(n) { clear: none; }
	.mb .related .prodGrid .itemtbl:nth-child(2n+3) { clear: left; }
	.mb .prodAltImg:nth-child(n+2) { display: none; }
	.mb .imgThumbs .reg.gryDrk { text-align: center; }
	.mb #btnAddToCart { height: 45px; line-height: 45px; }
	.mb #Questions .textContainer { width: 260px; }
	.mb [swipe=indicator] { display: none !important; }
	.mb #instruct360 { bottom:-18px; }
}

@media all and (max-width: 400px), (max-device-width:400px) and (orientation: portrait) {
	.mb #ConditionTitles div, .mb #ConditionPrices div { width: 48px; }
	.mb #ConditionGraph > div > a { padding-left: 24px; padding-right: 24px; }
	.mb #ConditionGraph .new { width: 49px; }
	.mb #ConditionGraph .mint, .mb #ConditionGraph .excellent, .mb #ConditionGraph .verygood, .mb #ConditionGraph .good, .mb #ConditionGraph .fair, .mb #ConditionGraph .value { border-left-width: 48px; }
	.mb .related .prodGrid .itemtbl { width: 98%; }
	.mb #ConditionTitles div, .mb #ConditionTitles div a { font-size: 14px; }
	.mb #RelatedProds .prodGrid:after { display: block; clear: both; content: " "; }
	.mb #RelatedProds .prodGrid { position: relative; float: left; width: 100%; }
	.mb #RelatedProds .prodGrid > div { display: none; }
	.mb #RelatedProds .prodGrid > div:first-child { display: block; }
	.mb .drag { max-height: 294px; }
	.mb #Questions .textContainer { width: 200px; }
	.mb #Questions .qaIcon { display: none; }
	.mb #RelatedProds .itemtbl { width: 98%; }

	.mb .rewardmessagecell div { text-align: left; max-width: 90%; }
	.mb .rewardmessagecell div span { display: inline-block; margin-top: 0px; margin-bottom: 0px; }
	.mb .rewardmessagecell div span:nth-child(2) { font-size: 1.7em; color: #65b020; vertical-align: middle; margin: 4px 3px 2px; }

	.mb #dProdAlert img { margin: 0 auto; display: block; }
	.mb #dProdAlert div div { text-align: center; }
}