﻿/*Step Nav Styles*/
#stepNav { padding: 0; margin: 0; font-size: 16px; width: 100%; }
#stepNav li { height: 30px; margin: 0; list-style: none; float: left; background-color: #DFE4E6; width: 20%; }
#stepNav.fourstep li { width: 25%; }
#stepNav li a { line-height: 30px; width: 100%; cursor: pointer; display: block; background-image: url(//cdn0.globalgolf.com/images/nav/step/inactivedivider-2.gif); background-repeat: no-repeat; padding: 0 5px 0 40px; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#stepNav li.active a, #stepNav li.active a:link, #stepNav li.active a:visited { background-image: url(//cdn0.globalgolf.com/images/nav/step/activedividerl-2.gif); color: #FFFFFF; }
#stepNav li.first a, #stepNav li.first a:link, #stepNav li.first a:visited { background-image: none; }
#stepNav li.next a { background-image: url(//cdn0.globalgolf.com/images/nav/step/activedividerr-2.gif); }
#stepNav li.active { background: #1C5899; font-weight: bold; color: #FFFFFF; }
#stepNav li a:hover, #stepNav li a:visited, #stepNav li a:link { color: #000000; text-decoration: none; }
#stepNav li.active a:hover { color: #FFFFFF; }
#stepNav li a span { font-size: 16px; padding-right: 10px; vertical-align: top; }
#stepNav li a em { font-style: normal; }
#stepNav li img { display: none; }
#stepNav li.done a, #stepNav li.done a:link, #stepNav li.done a:visited { cursor: pointer; }
#stepNav li.done a:hover, #stepNav li.active a:hover { text-decoration: none; cursor: pointer; }

#SealTM { text-align: right; float: right; }
#AlrtTM { text-align: right; }
#AlrtTM img { height: 50px; }
#AcctTIRtrnShipList { overflow: auto !important; }
/* Reward Table */
.rwrditmtbl { width: 100%; border-spacing: 0; }
.rwrditmtbl tfoot table { width: 100%; border-spacing: 0; vertical-align: top; }
.rwrditmtbl th { padding: 4px; vertical-align: middle; white-space: nowrap; border-top: 1px solid #DFE4E6; border-bottom: 1px solid #DFE4E6; text-align: left; font-weight: bold; }
.rwrditmtbl td { padding: 4px; border-bottom: 1px solid #DFE4E6; vertical-align: middle; text-align: left; }
.rwrditmtbl td:first-child { width: 30%; }
.rwrditmtbl td.pointdsply, th.pointdsply { text-align: right !important; padding-right: 20px; }
.rwrditmtbl tfoot td table tr td { border-right: 0px; border-right-style: none; }
/* Cart Table */
.crtitmtbl { width: 100%; border: 1px solid #000; border-spacing: 0; }
.crtitmtbl tfoot table { width: 100%; border-spacing: 0; vertical-align: top; }
.crtitmtbl tfoot table tr td:first-child { width: 70%; }
.crtitmtbl th { padding: 4px; vertical-align: middle; text-align: center; white-space: nowrap; border-right: 1px solid #000; border-bottom: 1px solid #000; font-weight: normal; }
.crtitmtbl th.proddesc { text-align: left; }
.crtitmtbl td { padding: 4px; border-right: 1px solid #000; vertical-align: middle; }
.crtitmtbl tr td:last-child, .crtitmtbl th:last-child { border-right-style: none; border-right-width: 0px; }
.crtitmtbl td.crtrvwtbl { padding: 0px }
.crtitmtbl tfoot td table tr td { border-right: 0px; border-right-style: none; }
.crtitmtbl td.proddesc { text-align: left !important; width: 310px; }
.crtitmtbl td.proddescrvw { text-align: left; }
.crtitmtbl thead { background-color: #DFE4E6; }
.crttotsmmry { position: relative; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.crttotcol { width: 18%; text-align: right; display: inline-block; padding: 5px 1%; }
.crttotdesc { width: 80%; display: inline-block; text-align: right; }
.crtshippromo { display: block; position: relative; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 4px 0px 4px 4px; }
.crtshippromo .red.pdTop3 { padding:5px 0 5px 5px; }
.crtaffrm { font-size: 14px; padding-bottom: 10px; }
.shprbldisabled { display: none; padding: 0px; margin: 0px; visibility: hidden; }
.shprbldisabled input { display: none; padding: 0px; margin: 0px; visibility: hidden; }
.shprbldisabled label { display: none; padding: 0px; margin: 0px; visibility: hidden; }
.btnsco { float: right; }
.btngco { margin-right: 20px; display: inline-block; }
/* Save For Later Table */
.sflitmtbl { width: 100%; border-spacing: 10px; }
.sflitmtbl td { padding: 4px; vertical-align: middle; }
.sflitmtbl td.proddesc { text-align: left !important; width: 310px; }
.sflitmtbl tr td:last-child, .crtitmtbl th:last-child { border-right-style: none; border-right-width: 0px; }
.saveForLaterActions span:not(:first-child) { border-left: 1px solid #000; padding-left: 10px; margin-left: 5px }
.saveForLaterActions div { display: none; }
.speechBubble { border: 1px solid #1c5899; width: 45%; text-align: center; padding: 5px 10px 5px 10px; margin-top: 10px; margin-bottom: 10px; }
.speechBubbleText { clear: both; display: block; font-size: 14px; margin-bottom: 5px; }
#siteseal > img:nth-child(n+3) { display: none !important; }

#rblShipMethod input, #rblShipMethod label { display: inline-block; float: left; margin-top: 10px; padding-top: 0px; }
#rblShipMethod input { clear: left; }
#rblShipMethod label { max-width: 90% }

.interim .grid_2:nth-child(3n+4) { clear: left; }
.cartitem td:first-child { min-width: 52px; }

#pnlPromo ul { padding-left: 15px; }
#ddlIssuer { display: block; margin-top: 10px; }

#challenge { position: fixed; width:100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 998; top: 0; left: 0; }
#challenge .challenge-content { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; -ms-transform: translate(-50%,-50%); max-width: 80% !important; max-height: 80% !important; overflow-y: auto; overflow-x: auto; height: 680px; width: 525px; border: 1px solid #000; background-color: #fff; padding: 10px; }

.gift { font-size:12px; padding-bottom:10px; }
.gift img { width:38px; float:left; }
.gift span { font-size:16px; font-weight:bold; }
.gift label { cursor:pointer; padding-left:10px; float:left; width:calc(100% - 38px); box-sizing:border-box; }

.currencyChange { background-color:#FFF; }

#gi-badge img { max-height:40px; }
.reach--logo { display:inline; float:left; padding-right:10px; }

@media all and (max-width: 1000px),(max-device-width:1000px) and (orientation: portrait) {
	.mb #stepNav li a { padding-left: 15px; }
}

@media all and (max-width: 900px),(max-device-width:900px) and (orientation:portrait) {
	.mb .saveForLaterActions span:not(:first-child) { border-left: 0px solid #000; padding-left: 0px; margin-left: 0px; }
	.mb .saveForLaterActions div { display: block; }
	.mb .saveForLaterActions span { vertical-align: middle; }

	.mb .crtaffrm .affirm-site-modal { display: block; margin-top: 5px; }

	.mb #gi-badge img { max-height:55px; }
}

@media all and (max-width: 800px),(max-device-width:800px) and (orientation: portrait) {
	.mb .crtrtsell { width: 100%; }
	.mb .crtrtsell .grid_2 { width: 98%; margin-left: 1%; margin-right: 1%; }
	.mb #stepNav li a { padding-left: 8px; }

	.mb .saveForLaterActions span:not(:first-child) { border-left: 1px solid #000; padding-left: 10px; margin-left: 5px }
	.mb .saveForLaterActions div { display: none; }

	.mb #gi-badge img { max-height:68px; }
}

@media all and (max-width: 700px),(max-device-width:700px) and (orientation: portrait) {
	.mb #AlrtTM { text-align: center; }
	.mb table, .mb caption, .mb tbody, .mb tfoot, .mb thead, .mb tr, .mb th, .mb td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; display: block; float: left; width: auto !important; }
	.mb .crtitmtbl tr, .mb .crtitmtbl td, .mb .crtitmtbl th { padding-left: 0; padding-right: 0; }
	.mb .crtpymopttbl td { height: 30px; border: 0 !important; }
	.mb thead { display: none; }
	.mb tfoot { float: right; }
	.mb .cartitem { border-top: 1px solid #000; }
	.mb tfoot td { border-bottom: 0 !important; text-align: center !important; }
	.mb tr { width:100% !important; }
	.mb td { border: 0 !important; border-bottom: 1px solid #D4E4E6 !important; width:100% !important; padding: 10px 4px !important; box-sizing:border-box; }
	.mb td td { padding: 10px 0px !important; }
	.mb table table tr:first-child td:first-child { padding-top: 0 !important; }
	.mb table table { margin-top: -10px !important; }
	.mb table tr:first-child table:first-child tr:first-child td:first-child { padding-top: 10px !important; }
	.mb .modal td { width: 267px !important; }
	.mb .btnsco, .mb .btngco { width: 100%; clear: both; display: inline-block; float: left; }
	.mb .btnsco a { width: 100%; margin-bottom: 10px; height: 45px; text-align: center; padding: 0; line-height: 45px; }
	.mb .btngco { margin-top: 10px; margin-right: 0; text-align: center; }
	.mb tr { border-bottom: 1px solid #000 }
	.mb .interim .grid_2:nth-child(n) { width: 31.33333333%; margin-left: 1%; margin-right: 1%; }
	.mb #AlrtTM { display: none !important; }
	.mb #SealTM { right: 1%; position: absolute; top: 4px; }
	.mb #SealTM img { height: 15px; width: auto; }
	.mb a[title="Re-Grip Club"] { margin-bottom: 15px; }
	.mb .rwrditmtbl td.pointdsply, th.pointdsply { text-align: left !important; }
	.mb #ddlIssuer { margin-left: 0; width: 100%; }
	.mb #ddlPayments { width: 100%; }

	.mb .crtaffrm { margin-top: 20px; margin-bottom: 10px; text-align: center; }
	.mb .crtaffrm .affirm-site-modal { display: inline; margin-top: 0; }
	.mb .paysmmry, .mb #summary + .s-3-10, .mb #summary + .seg + .s-4-10 { width:100%; }
	.mb #gi-badge img { max-height:40px; }
}

@media all and (max-width: 500px),(max-device-width:500px) and (orientation: portrait) {
	.mb .interim .grid_2:nth-child(n) { width: 48%; margin-left: 1%; margin-right: 1%; clear: none; }
	.mb .interim .grid_2:nth-child(2n+3) { clear: left; }
}

@media all and (max-width: 400px),(max-device-width:400px) and (orientation: portrait) {
	.mb #hlHdrLogo { float: none; }
	.mb #AlrtTM { text-align: center; clear: left; margin-top: 35px; }
	.mb .saddracct .grid_5 .fltlft { width: 100%; clear: right; margin-bottom: 10px; }
	.mb .interim .grid_2:nth-child(n) { width: 98%; }
	.mb #gi-badge img { max-height:55px; }
}