﻿/* 
*
* (RMS)(20180412)
*
* 01) Reset
* 02) General
* 03) Typography
* 04) Header
* 05) Content Area
* 06) Calendar (ItemList & ItemShow)
* 07) Form Elements
* 08) Tables and Lists
*       - 8.1) Modify Shipping/Billing Layout
*       - 8.2) Remove Billing title and checkboxes 
* 09) Footer
* 10) Legacy
* 11) Carousel
* 12) Medium Tablets
* 13) Small Tablets
* 14) Phone Only
* 
*/


/* ----------------------------------------------------------  
* 01) Reset (meyerweb.com) v2.0
------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* - - - - - - - - - - - - - - - - - 
- Clearfix  
- - - - - - - - - - - - - - - - - */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* ----------------------------------------------------------  
* 02) General
------------------------------------------------------------- */
@font-face {
  font-family: 'Motor-Oil-1937-M54';
  src: url("./fonts/Motor Oil 1937 M54.ttf");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

* {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}
html, body {
	height:100%;
	font-size:14px;
    line-height:1.42857143;
}	
body {
	background:#fff;
	color:#212121;
	font-family:'Open Sans', Arial, sans-serif;
    font-size:13px; 
	width:auto;
	text-align:center;
}
#wrapper {
    margin:0 auto;
    width:100%; 
	background:#fff;
}
.container {
    margin:0 auto;
    padding:0;
    width:960px;
}
a:link, 
a:active {
	color:#bc254d;
    text-decoration:none;
}	
a:visited {
	color:#bc254d;
    text-decoration:none;
}	
a:hover, 
a:visited:hover {
	color:#000;
    text-decoration:underline;
}
.left,
.alignleft {
	float:left;
}
.right,
.alignright {
    float:right;
}
.shadow {
   box-shadow:0 0 5px #D0D0D0;
}
.rounded {
	border-radius:8px;
}
/* (RMS)(40367) Added styles for Long Item Description */
strong {
    font-weight:700;
}
em {
    font-style:italic;
}
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_lblHeading.LIDescription {
}
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_lblHeading.LIDescription ul {
    list-style:disc;
    margin-left:20px;
    margin-bottom:15px;
}
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_lblHeading.LIDescription ol {
    list-style:decimal;
    margin-left:20px;
    margin-bottom:15px;
}


/* ----------------------------------------------------------  
* 03) Typography
------------------------------------------------------------- */
.lblTextHeaderBig,
.lblTextHeaderBigSpan span,
.LIDescription {
    font-weight:400;
    font-size:4em;
    display:block;
    color: #bc254d;
    font-family:'Motor-Oil-1937-M54', Arial, sans-serif;
}
#lblHeading.lblTextHeaderBig p {
	font-size:1em;
	font-weight:400;
	margin:0px;
    font-family:'Motor-Oil-1937-M54', Arial, sans-serif;
}
#lblHeading.lblTextHeaderBig i {
	font-size:1em;	
	font-weight:400;
	margin:0px;
}
#ConfWrapper.col-960 #ctl00_ContentPlaceHolder1_Panel6 .mainbodynt .lblTextHeaderBig {
    font-size:1.3em;
    font-weight:400;
}
.lblTextHeaderSmall,
#ConfWrapper .lblTextHeaderSmall {
    font-size:2.5em;   	
}
#ConfWrapper p {
	text-align:left;
	padding:5px;
	line-height:1.25em; 
}
#ConfWrapper.col-960 .left .lblTextHeaderSmall {
    font-size:1.3em;
    font-weight:400;
    display:block;
}
#ConfWrapper.col-960 .right .lblTextHeaderSmall {
    font-size:1.3em;
    font-weight:400;
    display:block;
}
#ctl00_ContentPlaceHolder1_lblMultiMatch.lblTextHeaderSmall {
    font-size:1.3em;
    font-weight:400;
    display:block;
    line-height:1.2em;
}
h1 {
    font-size:16px;
    font-weight:400;
    color: #bc254d;
    font-family:'Motor-Oil-1937-M54', Arial, sans-serif;
}
h2 {
    font-size:16px;
    font-weight:400;
    color: #bc254d;
    font-family:'Motor-Oil-1937-M54', Arial, sans-serif;
}
h3 {
    font-size:13px;
    font-weight:400;
    color: #bc254d;
    font-family:'Motor-Oil-1937-M54', Arial, sans-serif;
}
#ILDataGrid h3 {
    font-size:4em;
    font-weight:400;
    color: #bc254d;
    font-family:'Motor-Oil-1937-M54', Arial, sans-serif;
}
h4 {
    font-size:12px;
    font-weight:400;
}
.lblInfo h4 {
    margin:5px 0 15px;
    line-height:normal;
}
.lblInfo p {
    line-height:normal;
    margin:5px 0 15px;
}
#ConfWrapper.col-960 .left #ctl00_ContentPlaceHolder1_Label1 {
    font-size:1.3em;
    font-weight:700;
    display:block;
    text-align:left;
}
label[for=ctl00_ContentPlaceHolder1_cbPAH] {
    font-size:1.5em;
    font-weight:400;
    display:inline-block;
}
#ctl00_ContentPlaceHolder1_lblPAH.smallbold {
    font-size:.9em;
    font-weight:400;
    display:block;
    padding-top:8px;
}
#lblSelection {
    font-size:1.2em;
    font-weight:700;
}
.redLarge {
    font-size:1.3em;
}
.orange {
	color:#cc2d2d;
}
.PriceQty {
}
.ageLabels {
    font-weight:bold;   
}
#lblAge,
#lblAge2,
#lblBadAge,
#lblBadQty,
#lblNotAvail{
	display:inline-block;
	font-weight:700;
}
.bodybold {
	font-weight:700;
	line-height:1.25em;
}
#ctl00_ContentPlaceHolder1_lblHeading2.dBlock {
    color:#F44236;
}
.bodyCopy {
	font-size:1em;	
}
.lblShow {
	font-size:1.1em;
	font-weight:700;
}
.dscrpText {
	text-align:left;
	padding:10px 5px;
	line-height:1.25em;
	display:inline-block;
}
.errorLabel {
    font-size:1.1em;
    font-weight:700;
    padding:2px 6px;
    background:transparent;
    border:none;
    color:#bc254d;
}
span#ctl00_ContentPlaceHolder1_lblCartRule.errorLabel,
span#ctl00_ContentPlaceHolder1_lblErr.errorLabel,
#GEWrapper span#ctl00_ContentPlaceHolder1_lblStatus.errorLabel,
#ctl00_ContentPlaceHolder1_UpdatePanel1 .errorLabel {
    background:transparent;
}
#GLWrapper.prcnt46 input[type=text] {
    margin-right:150px;  
}
#GLWrapper.prcnt46 span.errorLabel {
    background:transparent;
    padding-left:0;  
}
#RPWrapper.col-580 span.errorLabel {
    background:transparent;
    padding-left:0;
    display:flex !important;    
}
#GSWrapper.prcnt67 .bodybold2 {
    font-size:1.1em;
    font-weight:700;
    padding:2px 0;
    color:#d9534f;
    display:flex;
}
.errorBox {
    padding:12px 10px;
    margin-top:4px;
	border-radius:0;
    background:transparent;
    border:none;
    color:#bc254d;
}
.errorBox.errorLabel {
    font-size:1em;
    font-weight:600;
}
#ctl00_ContentPlaceHolder1_lblPurchProb.errorLabel.errorBox {
    background:transparent;
    border:none;
    color:#bc254d;
    display:inline-block;
    margin-bottom:15px;
}
span#ctl00_Header1_lblLoginMsg.smallbold3 {
    font-size:1.2em;
    font-weight:600;
    background:#F2DEDE;
    border:none;
    color:#a94442;
}
.ageLabels {
    font-size:1.1em;
}
.lblRedSmall {
    font-size:.7em;
    text-transform:uppercase;
    margin-left:5px;
    padding:2px 2px 2px 0;
    background:#F44236;
    color:#fff;
}
#ConfWrapper.col-960 #ctl00_ContentPlaceHolder1_Panel6 .mainbodynt .lblRedSmall {
    font-size:1.3em;
    font-weight:700;
    font-style:italic;
}
#ctl00_ContentPlaceHolder1_Cart1_upCart .lblRedSmall,
#ctl00_ContentPlaceHolder1_Cart2_upCart .lblRedSmall {
    background:transparent;
    color:#777;
}
#ctl00_ContentPlaceHolder1_divBilling.divBilling,
#ctl00_ContentPlaceHolder1_divShipping.divShipping {
    overflow:hidden;
}
span#ctl00_ContentPlaceHolder1_lblVHeading {
    margin-bottom:10px;
    display:inline-block;
}
.watermarkText { 
    color:#D0D0D0 ;    
}
#ctl00_ContentPlaceHolder1_pCoupon {
    color:#212121;
}


/* ----------------------------------------------------------  
* 04) Header
------------------------------------------------------------- */
#HeaderDiv {
    padding:0;
    width:auto;
    background:#f4d85c;
    border-bottom:none;
}
.HdrImg {
    background: #fff;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(0,0,0,1) 55%, rgba(0,0,0,1) 100%);
	background: url('images/header-bg.jpg') center -110px no-repeat;
	/*background-size:cover;*/
}
.HdrImg .container { 
    min-height:300px;
    background:transparent;
}
#Logo {
    float:left;
    margin-top:-3px;
    margin-bottom:0;
    padding:0;
}
#Logo:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    height: 7px;
    box-shadow: inset 0 3px 4px 1px rgba(24, 22, 22, .5);
}

#Logo img {
    height:auto;
    width:206px;
}
#Login {
    float:right; 
    margin-top:13px;
    margin-bottom:13px;
    margin-right:0;
    padding:8px 12px 10px;
    height:23px;
    background:transparent;
    text-align:right;
    font-size:1em;
    font-weight:bold;
    text-transform:capitalize;
    color:#fff;
}
#Login .loginButtons a.cartBtns { 
	border:none;
    font-size:1em;
    text-transform:capitalize;
    text-decoration:none;
    padding:4px 12px;
    border-radius:0px;
    background:#f4d85c;
    color:#000;
}
#Login .loginControls input[type=text],
#Login .loginControls input[type=password] {
	padding:0 2px;
	border:none;
    border-radius:0px;
}
.HdrImg .container .dBlock {
    padding:5px 0;
    text-align:right;
    clear:right;
    float:right;
    width:50%;
    font-size:.9em;
    font-weight:400;
    text-transform:capitalize;           
}
.HdrImg .container .dBlock a:link,
.HdrImg .container .dBlock a:visited {
    color:#2196F3;
}
.HdrImg .container .dBlock a:hover,
.HdrImg .container .dBlock a:active {
    color:#2196F3;
}
span#ctl00_Header1_lblLoginMsg.smallbold3 {
    display:inline-block;
    margin:0;
    padding:12px 10px;
}
#navigation {
    height:30px;
	margin:0; 
	padding:0;
    position:relative;
	border-radius:0;
	background:transparent; 
    border:none;
}						
#navigation ul { 
	float:left;
    margin-bottom:0;	
}
#navigation ul li {
    float:right; 
    height:30px;
	margin:0 16px 0 0; 
	padding:0;
	overflow:visible;
}
#navigation ul li a:link,
#navigation ul li a:active,
#navigation ul li a:visited {
	display:inline-block;
	margin:0; 
	padding:0 10px;
    height:30px;
    line-height:30px;
    font-size:12px;
    text-transform:capitalize;
    font-weight:400;
	color:#000;
}
#navigation ul li a:hover {
    text-decoration:none;
	background:transparent; 
	background-image:none; 
    color:#000;
}
#showLogin {
    display:none;
}
/* (RMS)(22326) Hamburger Nav */
#checkbox_toggle,
.mobiDropDown label,
#checkbox_toggleLogin,
.mobiLogin label {
    display:none;
}

.subNavWrap {
	width:100%;
	height:50px;
	background:#000;
}
.subNav {
	width:960px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	text-align:left;
	font-size:1.1em;
	text-transform:uppercase;
}
.subNav li  {
	display:inline-block;
	position:relative;
	transition-duration: 0.5s;
	background:transparent;
	width:150px;
	border-left:1px solid #555;
}
.subNav li:hover,
.subNav li:focus-within  {
	cursor: pointer;
}
.subNav li:focus-within a  {
	outline:none;
}
.subNav li a:link,
.subNav li a:visited {
	color:#fff;
	padding: 0;
	padding-left:8px;
	display:block;
}
.subNav li a:hover,
.subNav li a:active {
	color:#f4d85c;
	text-decoration:none;
}
.subNav li ul li a:link,
.subNav li ul li a:visited {
	color:#fff;
	font-size:.7em;
}
.subNav li ul li a:hover,
.subNav li ul li a:active {
	color:#f4d85c;
}

.subNav ul li ul {
	background:rgba(0, 0, 0, 0.8);
	visibility: hidden;
	opacity: 0;
	min-width: 154px;
	position: absolute;
	transition: all 0.5s ease;
	margin-top:0;
	left: 0;
	display: none;
	z-index:500;
}

.subNav ul li:hover > ul,
.subNav ul li:focus-within > ul,
.subNav ul li ul:hover,
.subNav ul li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
}

.subNav ul li ul li {
	clear: both;
	width: 100%;
	background:transparent;
	margin-bottom:5px;
	height:30px;
	line-height:30px;
	border:none;
}





/* ----------------------------------------------------------  
* 05) Content Area
------------------------------------------------------------- */
#MainContent {
	padding-bottom:12px;
	margin:20px auto; 
    width:960px;
    border-radius:3px;
	min-height:400px;
    background:#fff;
}
div.breadCrumbs {
	margin-bottom:0;
    padding-bottom:0;
    box-sizing:content-box;
    height:21px;
    border-bottom:none;
	font-size:12px;
    text-transform:capitalize;
    display:inline-flex;
    flex-direction:row;
    width:100%;
} 
#ISWrapper .IsLeft div.breadCrumbs {
	margin-bottom:20px;
}
.container.ng-scope div.breadCrumbs {
    width:96%;
    margin-bottom:10px;
}
div.breadCrumbs span {
	padding-left:0;
    float:none;
	color:#212121;
}
div.breadCrumbs span.small {
    padding:0 0 0 4px;
    width:20px;
    /*text-indent:100%;*/
    white-space:nowrap;
    overflow:hidden;
}	
div.breadCrumbs a:link, 
div.breadCrumbs a:visited,
div.breadCrumbs a.small:link, 
div.breadCrumbs a.small:visited { 
	padding:0 0 3px 0;
	color:#bc254d;
    font-weight:600;
    text-decoration:none; 
}		
div.breadCrumbs a:hover, 
div.breadCrumbs a:focus,
div.breadCrumbs a.small:hover, 
div.breadCrumbs a.small:focus {
	color:#000;
    text-decoration:none; 
}
div.breadCrumbs a.aspNetDisabled, 
div.breadCrumbs a.aspNetDisabled:hover { 
	background:none;
    padding:0 0 2px 0;
    color:#000;
    text-decoration:none;
    opacity:1.0; 
    border-bottom:none;  	
}
#ISWrapper.col-960 .IsLeft div.breadCrumbs a:last-child {
    border-bottom:none;    
}  
.prcnt31 {
	width:31%;
	padding:1.5%;
}
.prcnt46 {
	width:46%;
	padding:12px;
	text-align:left;
}
.prcnt67 {
	width:62%;
	padding:1.5%;
	text-align:left;
}
.col-260 {
	width:260px;
	padding:12px;
}
.col-340 {
	width:320px;
	padding:12px;
}	
.col-580 {
    margin:0 auto;
	width:580px;
	padding:12px;
	float:none;
	text-align:left;
	display:inline-block;
}
.col-610 {
	width:640px;
	padding:12px;
	text-align:left;
}	
.col-960 {
	width:930px;
	padding:12px;
	text-align:left;
	margin:0 auto;
	display:inline-block;
}
.prcnt31, 
.prcnt46,
.prcnt67,
.col-260,
.col-340,  
.col-580,
.col-610, 
.col-960  { 
	border: none;
	box-shadow: none;
    background-color:#fff; 
}
#RPWrapper.col-580 { 
    margin-left:-350px;
}
#MLWrapper.col-580 { 
    margin-left:-350px;
}
#GLWrapper.col-580 { 
    margin-left:0;
}
#WTPWrapper.col-580, 
#GLWrapper.col-580 {
    float:left;
}
#GEWrapper.col-960 { /*(VA)(26292)*/
    width:800px;
}
#ILCalendar.prcnt31 {
    padding-bottom:20px; 
	border-radius: 0;
}
.flexslider {
    clear:both;
}
#ChktWrapper.col-960 {
    width:800px;
}
.TnB {
	margin:2% 0;
}
.Bottom {
	margin-bottom:15px;	
}
.bottomPadd {
	padding-bottom:12px;	
}
.pad125 {
	padding: 12px 5px 7px 5px;	
}
.aLeft {
	text-align:left;
}
.pLeft {
	margin-left:4px;
}
.dNone {
	display:none;
}
.dInBlock {
	display:inline-block;
}
.dBlock {
	display:block;
}
.rPbuttonLeft {
	margin-left:155px;	
}
.center {
	margin:0 auto;
	text-align:center;
}
.IsLeft{
    float:left;
	width:73%;
}
.IsRight {
	float:right;
	width:25%; 
	min-height:200px; 
}
#ctl00_ContentPlaceHolder1_lblPrePrice {
    display:inline-block;
}
#ctl00_ContentPlaceHolder1_lblPrePrice.PriceQty {
    padding:4px 6px 4px 0;
}
#ctl00_ContentPlaceHolder1_lblPrice {
    display:inline-block;
}
#wrapSelection.wrpStyle { 
	margin-top:12px; 
	padding:10px;
	outline:none; 
	border-radius:0;
	background:#fff; 
    border:none;      	
}
#ctl00_ContentPlaceHolder1_cblMods,
#ctl00_ContentPlaceHolder1_rblMods,
.SecLvlMods table.small {
    display:flex;
}
.SecLvlMods table.small {
    margin-top:15px;
}
#ctl00_ContentPlaceHolder1_cblMods tbody,
#ctl00_ContentPlaceHolder1_rblMods tbody,
.SecLvlMods table.small tbody {
    display:flex;
    position:relative;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr,
#ctl00_ContentPlaceHolder1_rblMods tbody tr,
.SecLvlMods table.small tbody tr {
    display:flex;
    flex-direction:column;
    min-width:min-content;
    flex-shrink:0;
    margin-right:10px;
    padding:0 12px 0 0;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr td,
#ctl00_ContentPlaceHolder1_rblMods tbody tr td,
.SecLvlMods table.small tbody tr td {
    display:block;
    width:100%;
    margin-bottom:10px;
    padding:0 6px;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr td:empty,
#ctl00_ContentPlaceHolder1_rblMods tbody tr td:empty,
.SecLvlMods table.small tbody tr td:empty {
    display:none;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr td input,
#ctl00_ContentPlaceHolder1_rblMods tbody tr td input,
.SecLvlMods table.small tbody tr td input {
    display:inline-block;
    margin-top:4px;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr td label,
#ctl00_ContentPlaceHolder1_rblMods tbody tr td label,
.SecLvlMods table.small tbody tr td label {
    display:inline-block;
    margin-top:-4px;
    margin-bottom:4px;
    font-size:1.2em;
}
.IsLeft #wrapSelection {
    margin-top:10px;
    margin-bottom:20px;
    padding:6px 6px 12px 0;  
}
#lblSelection .smallbold {
    margin-top:0;
    padding-top:0;
    text-decoration:none;
}
.SecModTop .pnlSecondMod {
    margin-left:0;
    padding-left:0;
    font-size:1.3em;
}
.SecLvlMods {
    background:#f1f1f1;
    padding:5px;
    border-radius:3px;
    margin-top:10px;
}
.SecLvlMods .smallbold {
    margin-bottom:10px;
    font-size:1.2em;
}
.SecLvlMods .lblRedSmall {
    background:transparent;
}
.ScLvlModBtn {
    float:right; 
    margin:5px 5px 0 0   
}
.ScLvlModBtn input[type=submit] {
    background-color:#5F7F8A;
}
.ScLvlModBtn input[type=submit]:hover {
    background-color:#AFBEC5;
}
#pnlModModWrapper {
    width:100%;
    margin:0 auto;   
}
.pnlSecondMod {
    margin-top:20px;
    color: #000;
    height: 21px;  
    text-align: left; 
    padding-left:20px;
    font-weight: bold; 
    width:100% 
}
#ctl00_ContentPlaceHolder1_pnlSecondLevelModifier.SecLvlMods {
    background:#eceff1 !important;
    border:none !important;
}
a.mb-indicator-link {
    position:relative;
    margin:0 0 0 5px;
    padding-top:4px;
    vertical-align:bottom;
}
img.mb-indicator-icon {
    height: 18px;
    width: auto;
}
div.mb-indicator {
    border-radius: 9px;
    bottom: 14px;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    margin-right: 5px;
    position: absolute;
    right: -10px;
    text-align: center;
    width: 12px;
    background-color: #009933;
    color: #fff;
}
/* (RMS)(20180510) Fix styling on popups */
.mb-summary-container {
    margin-top: 15px;
    padding: 10px 20px;
    border: 1px solid #ddd;
}
.mb-summary-container h3 {
    margin-bottom:6px;
    font-size:1.5em;
    font-weight:400;
}
.mb-summary-item h3 {
    font-size:1.7em;
}
.mb-summary-item h4 {
    font-size:1.2em;
}
.mb-summary-container p {
    margin-bottom:2px;
}
.mb-summary-container br {
    margin-bottom:7px;
}
.mb-summary-container p img.mb-indicator-icon {
    vertical-align:bottom;
}
.mb-summary-item div span {
    display:inline-block;
    margin-bottom:8px;
}
.ui-tooltip-content {
    text-align:left;
}
.mb-summary-item {
    margin-bottom:5px;
    font-size:.6em;
    border-bottom:2px solid #EBEEF1;
}
.mb-summary-item:last-child {
    border-bottom:none;
}
.mb-summary-item h3 {
    font-weight:600;
}
.mb-summary-item h4 {
    margin-bottom:5px;
}
/* End (RMS)(20180510) Fix styling on popups */
.payPlanEligibleLabel {
    padding:3px 6px;
    font-size:1em;
    text-transform:capitalize;
    font-weight:400;
    font-style:italic;
    color:#000;
}
.planDiv {
    width:100%;
    margin:10px 0 20px;
    float:none;
    border-top:none;
    border-bottom:none;
    background:#f1f1f1;
}
.planDiv .planHeader {
    line-height:1.4em;
    padding:8px;
    font-size:1.2em;
    color:#333;
}
.planDiv .planTableDiv {
    width:90%;
    margin:0 auto;
    margin-bottom:6px;
}
.planTableDiv .gridHeader {
    background:#636466;
}
.planTableDiv .gridHeader th {
    padding-left:6px;
    background:transparent;
    font-weight:700;
}
.planTableDiv .gridItemXXSmallBold.planRows {
    background-color:#ddd;
    border-bottom:1px dashed #ccc;
    font-size:.9em;
    font-weight:400;   
}
.planTableDiv .gridItemXXSmallBold.planRows:nth-child(even) {
    background-color:transparent;   
}
.planTableDiv .gridItemXXSmallBold.planRows td {
    text-align:left;
    padding:4px 0 4px 6px;
    font-size:1.2em;
    color:#333;
}
.planDiv .planRbListDiv {
    background:#636466;
}
.planDiv .planRbListDiv span {
    display:block;
    padding:5px;
    width:40%;
    margin:0 auto;
    color:#fff;
}
.planDiv .planRbListDiv span label {
    font-size:1.1em;
    color:#fff;
}
.planDiv .planRbListDiv input {
    margin-bottom:3px;
}
.amtDueToday {
    font-weight: bold;
    font-size: 1.2em;
}


/* ----------------------------------------------------------  
* 06) Calendar (ItemList & ItemShow)
------------------------------------------------------------- */
.calWrapper {
	border-radius:0;
    padding:1px;
	background:transparent;
	border-radius:5px;
	display:block;
	margin-top:12px;
}
.availText { 
    font-size:16px;
    font-weight:600;
}
.calOpen { 
    margin:8px 0 0 0;
    padding:10px 15px;
    display:inline-block;
	border-radius:0px;
    background-color:#000;
    transition: all .3s linear;
}
.calOpen:hover {
	background-color:#F4D75C;
}
a:link.calOpen, 
a:visited.calOpen {
    font-size:1em;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
}
a:hover.calOpen, 
a:active.calOpen {
    text-decoration:none;
    color:#000;
}
.calendarCss,
#ctl00_ContentPlaceHolder1_calStartDate {
	background-color:#fff;
	font-size:1em;
	color:#cecece;
    border-color:#ccc !important;
    border-width:1px !important;
    border-style:solid !important;
    text-decoration:none !important;
    width:100% !important;
    border-collapse:collapse !important;	
}
.calendarCss table.title,
#ctl00_ContentPlaceHolder1_calStartDate table.title {
	border:1px #000 solid;
	background:#000;
	font-weight:bold;
	font-size:1em;
	height:35px;
	text-transform:uppercase;
    color:#fff !important;
    text-decoration:none !important;
    width:100% !important;
    border-collapse:collapse !important;
}
.calendarCss table.title tbody tr td,
#ctl00_ContentPlaceHolder1_calStartDate table.title tbody tr td {
    width:70% !important;
    vertical-align:middle;
}
.calendarCss table.title tbody tr td:first-child,
.calendarCss table.title tbody tr td:last-child,
#ctl00_ContentPlaceHolder1_calStartDate table.title tbody tr td:first-child,
#ctl00_ContentPlaceHolder1_calStartDate table.title tbody tr td:last-child {
    width:5% !important;
}
.dayheader {
	background-color:#fff;
	color:#888888;
	height:30px !important;
	border-bottom:1px solid #dce7ed;
	font-size:1em;
    text-align:center;
    vertical-align:middle;
}
.day {
	background:#fff;
	color:#cecece;
}
.weekend {
	background-color:#eeeeee;
	color:#cecece;	
}
.day,
.weekend {
    height:30px !important;
    width:30px !important;
    vertical-align:middle;
}
td.day a:link, 
.weekend a {
	color:#888888;
}
.calendarCss td, 
.calendarCss th {
	text-align:center;
}


/* ----------------------------------------------------------  
* 07) Form Elements
------------------------------------------------------------- */
input[type=text], 
input[type=password] {
	height:1.8em;
	border:1px #222 solid !important;
	border-radius:0px;
    border-style:solid !important;
}
input[type=text]:focus, 
input[type=password]:focus {
	outline:none;
}
input[type=text]#ctl00_ContentPlaceHolder1_txtQty {
    border:none;
    padding-left:3px;
    font-size: 1.3em;
    font-weight:700;
}
input[type=submit], 
a.cartBtns {
    position:relative;
	padding: 6px 12px;
	margin-bottom:7px;
	cursor:pointer;
	border-radius:0px;
	outline:0;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
	background-color:#000;
    transition: all .3s linear;
    color:#fff;
	border:none;
	box-shadow:none;
    -webkit-appearance:none;
}
.cartBtns {
	margin:15px 4px; 
}
input:hover[type=submit], 
a:hover.cartBtns {
    text-decoration:none;
	background-color:#F4D75C;
    color:#000;
    box-shadow: none;
}
#divClrCart a.cartBtns {
    background:#000;
}
#divClrCart a.cartBtns:hover {
	background-color:#F4D75C;
    color:#000;
}
#divProCheck a.cartBtns {
    background:#000;
}
#divProCheck a.cartBtns:hover {
	background-color:#F4D75C;
    color:#000;
}
input[disabled],  
a.cartBtns[disabled],
#divProCheck a.cartBtns[disabled], 
input:hover[disabled],  
a:hover.cartBtns[disabled], 
a.aspNetDisabled, 
#divProCheck a.aspNetDisabled, 
a.aspNetDisabled:hover,
#divProCheck a.aspNetDisabled:hover,
select[disabled],
select.aspNetDisabled  { 
    box-shadow:none;
    background:#000;
    background-image:none;
    opacity:0.2;
    color:#fff;
    border:none;
    box-shadow:none;
    cursor:default;
    -webkit-appearance:none;
}
#ctl00_ContentPlaceHolder1_PAHLinks1_lbTixHist.aspNetDisabled {
    background:transparent;
}
#ctl00_ContentPlaceHolder1_PAHLinks1_lbTixHist.aspNetDisabled:hover {
    text-decoration:none;
}
#ISWrapper.col-960 .IsRight select.aspNetDisabled {
    opacity:1.0;
    font-size:1.2em;
    background:transparent;
    font-weight:600;
    color:#212121;
}
label {
    padding-left:5px;
}
#ctl00_ContentPlaceHolder1_lblFirstName,
#ctl00_ContentPlaceHolder1_lblLastName,
#ctl00_ContentPlaceHolder1_lblVerify {
    font-weight:700;
}
#ctl00_ContentPlaceHolder1_btnVerify.uiButton {
    margin-left:8px;
    padding:4px 8px 2px;
}
.submit {
	margin-left:100px;
}
.form-label{
	width:240px;
	margin:6px 0 12px 0;
	display:inline-block;	
}
.modalBackground {
	background-color:Gray;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	opacity:0.60;
}
.updateProgress {
	background-color:#5B5B5B;
	position:absolute;
	width:150px;
	height:120px;
	color:#fff;
	border-radius:5px;
}
.updateProgressMessage {
	margin:3px;
	font-size:1em;
	vertical-align:middle;
	color:#fff;
}
#divContShop, 
#divProCheck {
	float:left;
	width:33%;	
	margin-bottom:10px;
	text-align:right;
}
#divClrCart {
	float:left;
	width:34%;	
	margin-bottom:10px;
	text-align:left;
}
#divContShop {
    text-align: center;
}
/* (RMS)(41061) Fix styles on buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
    color: #fff;
    background-color: #478ECC;
    border-color: #fff;
    background-image:none;
}
.btn-primary[disabled],
.btn-primary[disabled]:active:focus {
    background-color: #478ECC;
    border-color: #fff;
    background-image:none;    
}


/* ----------------------------------------------------------  
* 08) Tables and Lists
------------------------------------------------------------- */
tr.gridHeader {
    border-bottom:1px solid #ddd;
}
tr.gridHeader td, 
tr.gridHeader th {
	padding:4px 0;
	font-size:1em;
    font-weight:600;
    text-align:left !important;
}
tr.gridHeader td:last-child {
    text-align:right !important;
}
#ctl00_ContentPlaceHolder1_GuestGrid {
    font-size:.8em;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridHeader {
    background:transparent;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridHeader td {
    padding:5px 3px;
    font-size:1em;
    font-weight:700;
    background:transparent;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridHeader > td:last-child {
    text-indent:-60px;
}
table#ItemGrid {
    border-collapse: collapse; 
	color:#4a4a4a;  
}
.gridItemList tr,
.gridItemList td:first-child {
    background-color:transparent;
    border-bottom:1px dashed #eee;
	font-size:1em;
}
.gridItemList tr.AltItemList {
	background-color:transparent;	
}
.gridItemList tr.AltItemList td {
    background:#fff; 
}
.gridItemList td {
    padding:8px; 
    border:none;
    background:#fff; 
    color:#444;    
}
.gridItemList td:hover {
    cursor:pointer;
}
.gridItemList td a:link, 
.gridItemList td a:visited {
    color:#bc254d;
}
.gridItemList td a:hover, 
.gridItemList td a:active {
    color:#000;
    text-decoration:none;
}
.gridItemList tr td a img {
    width:90px;
    height:auto;
}
.gridItemList .gridItemListHeader {
	background-color:transparent;
	font-size:12px;
    font-weight:600;
	text-transform:none;
    border-bottom:1px solid #ddd;
}
.gridItemList .gridItemListHeader th {
    padding-left:8px;
    height:38px;
    line-height:38px;
    background:transparent;
    border:none;
}
.gridItemListHeader:hover,
.gridItemList tr:hover {
    cursor:default;
}
/*.gridItemList tbody tr.gridItemListHeader th:nth-child(2) {
    border-bottom:1px solid #232020;
}*/
.ItemListGroup{
    text-align:left;
}
.ItemListPrice {
    padding:4px 0;
	white-space:nowrap;
}
#ctl00_ContentPlaceHolder1_lblPrice.redLarge .ItemListPrice {
    font-weight:700;
    color:#222;
}
.ItemListOldPrice {
	color:#ff0000;
	white-space:nowrap;
	text-decoration:line-through;
}
.itemListImage {
    width:90px;
}
.lblInfo {
    color:#494949;
	text-align:left;
	padding:0px 5px;
	line-height:1.25em;
}
.lblInfo ul {
    list-style-type:circle;
    list-style-position:inside;
    margin-left:15px;
    margin-top:10px;
}
.lblInfo ol {
    list-style-type:circle;
    list-style-position:inside;
    margin-left:15px;
    margin-top:10px;
}
.thumbPriceDiv {
    background:#ececec;
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0;
    overflow:hidden;
    white-space:nowrap;
    width:100%;
    text-align:center;
}
.thumbPriceDiv .ItemListPrice {
    color:#000;
}
.thumbLabel {
    color:#fff;
    font-size:14px;
    font-weight:bold; 
}
.thumbLi {
    position:relative;
    margin:3px;
    width:190px;  
    height:133px;
    display:block;
    float:left;
    text-align:center;
    overflow:hidden;
	border-radius:0px;
    border:1px solid #ececec;
}
.thumbLi img {
 	margin:0px auto; 
 	text-align:center;
    width:100%;
    height:100%;
}
.thumbLi a:link, 
.thumbUl a:active, 
.thumbUl a:visited {
	color:#fff;
	text-decoration:none;
}
.thumbLi a:hover, 
.thumbUl a:visited:hover {
	color:#fff;
    text-decoration:none;
}
.thumbDesc {
    position: absolute;
    top:0; 
    left:0; 
    right:0;
    overflow:hidden;
    text-align:center;
    width:190px;
    padding:4px 0 2px;
    text-align:center;
    font-size:1.1em;
    font-weight:600;
    background: #bc254d;  
    border-bottom:none;
}
a:link.thumbDesc, 
a:active.thumbDesc { 
    text-transform:none;
    color:#fff;
}
a:visited.thumbDesc {
	color:#fff;
}
/* / / / / / / / / / / / / / / / / / / / 
- 8.1) Modify Shipping/Billing Layout
-
- For Shipping and Billing to 
- display side-by-side, change the 
- properties to width:48% and 
- float:left then uncomment the 
- following class  
/ / / / / / / / / / / / / / / / / / / */
.divShipping, 
.divBilling {
	width:90%; 
    float:none; 
    margin-left:0; 
    background:transparent;	
}
/*.divShipping {
    margin-left:10px; 	
}*/
.GuestTable {
    padding:10px;
	background-color:#fff;
    color:#333;
    border:none;
    width:100%;	
}
#DWWrapper .GuestTable {
	border:none;	
}
.GuestTable tr td {
	font-size:1.1em;
	padding:0 0 12px 6px;
	vertical-align:top;
    height: 1.8em;	
}
.GuestTable tr td:first-child {
	text-align:right;
	padding: 3px 7px;
	font-weight:bold;
	background-color:transparent;
	width:160px;
}
.GuestTable tr td:last-child {
    padding:3px 7px;
}
.divShipping input.aspNetDisabled,
.divShipping input.aspNetDisabled:hover {
    background:transparent;
    color:#000;
    border-style:none !important;
}
.divShipping select.aspNetDisabled {
    background:transparent;
    color:#000;
}
/* - - - - - - - - - - - - - - - - - 
- Align Change/Set Purchaser and 
- Edit This Purchaser buttons on 
- Checkout 
- - - - - - - - - - - - - - - - - */
#ctl00_ContentPlaceHolder1_divBilling .GuestTable tr:last-child td:last-child {
    display:none;
}
#ctl00_ContentPlaceHolder1_UpdatePanel1 .col-960 .GuestTable tr td:first-child {
    width:20%;
    text-align:left;
    vertical-align:middle;
}
/* / / / / / / / / / / / / / / / / / / /  
- 8.2) Remove Billing Title 
-
- If only displaying the 
- billing address, uncomment 
- display:none on the class below 
- to remove heading and checkboxes 
/ / / / / / / / / / / / / / / / / / /  */
.shipBill {
	color:#222; 
    padding:0;
    margin-bottom:20px; 
    height:45px;
    /*display:none;*/
}
#ctl00_ContentPlaceHolder1_lblShipping,
#ctl00_ContentPlaceHolder1_lblBilling {
    font-size:2em;
    font-weight:700;
}
#ctl00_ContentPlaceHolder1_pnlAddrCtrls {
    height:45px;
    line-height:45px;
    font-weight:700;    
}
.GLUbtns {
	margin-left:70px;
	display:inline-block;
	padding:12px 0;	
}
.voidedrow {
	backGround-color:#ff6666;
}
tr.gridAlternateItemXXSmallBold td, 
tr.gridItemXXSmallBold td {
    padding:3px;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridItemXXSmallBold td {
    padding:5px 3px;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridAlternateItemXXSmallBold td {
    padding:6px 3px;
}
.gridAlternateItemXXSmallBold {
    background-color:#f8f8f8;
}
.gridItemXXSmallBold {
    background-color:#ececec;
}
.leftMarBtn {
	margin-left:27%;
}
.sample {
    color:#333;
}
.sample td {
	padding:4px 0;
}
.sample tr.d0 td,
.sample tr.d1 td { 
    padding-top:10px;
    padding-bottom:10px;
	background-color: #fff;
	border-bottom: 1px dashed #eee;
}
.sample tr.d0 td table tbody tr td, 
.sample tr.d1 td table tbody tr td {
    border:none;
}	
.sample tr.d0 td a, 
.sample tr.d1 td a {
    text-transform:capitalize;
    font-size:.8em;
    color:#bc254d;
}
.sample tr.d0 td a:hover, 
.sample tr.d1 td a:hover {
    text-decoration:none;
    color:#000;
}
#ctl00_ContentPlaceHolder1_Cart1_upCart .sample tr td:first-child a {
    color:#bc254d;
}
#ctl00_ContentPlaceHolder1_ValidationSummary1 {
    color:#f44336;
}
#wrapSelection.wrpStyle tbody tr td { 
    padding-bottom:10px; 
}
td.small {
    padding:6px 0;
}
td.small .ItemListPrice {
    display:inline;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridItemXXSmallBold td {
    background:#fff;
    border-bottom:1px solid #eee;
}
#ctl00_ContentPlaceHolder1_GuestGrid tr.gridAlternateItemXXSmallBold td {
    background:#f1f1f1;
    border-bottom:1px solid #eee;
}
.CartStepCurr, 
.CartStepIncomp, 
.CartStepComp{
    float:left;
	margin-top:20px;
    margin-left:10px;
    padding:4px;
    width:120px;
    font-size:.9em; 
	background:#ddd;      	
}
.CartStepCurr {
    font-weight:700;
	background:#5cb85c;
    color:#fff;      	
}
.CartStepComp {
	background:#ddd;
    color:#777;
}
.divCarousel {
    float:left;
    max-width:320px;   
}
/* (RMS)(29928) Guest Edit fix */
#GEWrapper table.GuestTable tr {
    display:table;
    width:100%;
    margin-bottom:4px;
}
#GEWrapper table.GuestTable tr td {
    display:table;
    text-align:left;
    padding-left:0;
    width:100%;
    font-weight:400;
}
#GEWrapper table.GuestTable tr td:first-child {
    font-size:1em;
    display:flex;
    align-items:center;
}
#GEWrapper table.GuestTable tr td span {
    font-size:.8em;
}
#GEWrapper table.GuestTable tr td span.errorLabel {
    background:transparent;
}
#GEWrapper table.GuestTable tr td span#ctl00_ContentPlaceHolder1_UCemail_Label1,
#GEWrapper table.GuestTable tr td span#ctl00_ContentPlaceHolder1_UCpassword_Label1 {
    display:flex;
    font-size:.9em;
    padding:3px 0;
}
#GEWrapper table.GuestTable tr td input,
#GEWrapper table.GuestTable tr td input[type=text],
#GEWrapper table.GuestTable tr td input[type=password] {
    font-size:.8em;
    padding:.6% .5%;
    /*padding:2% .5%; - If LESS referenced is used in GuestEdit.aspx footer */
    width:40%;
}
#GEWrapper table.GuestTable tr td input#ctl00_ContentPlaceHolder1_UCstate_TextBox1,
#GEWrapper table.GuestTable tr td input#ctl00_ContentPlaceHolder1_UCcountry_TextBox1,
#GEWrapper table.GuestTable tr td input#ctl00_ContentPlaceHolder1_UCphone_TextBox1,
#GEWrapper table.GuestTable tr td input#ctl00_ContentPlaceHolder1_UCphone_TextBox2,
#GEWrapper table.GuestTable tr td input#ctl00_ContentPlaceHolder1_UCphone_TextBox3 {
    width:auto;
}
#GEWrapper table.GuestTable tr td select {
    font-size:.8em;
    padding:.9% 1%;
    margin-right:10px;
    border: 1px #000 solid;
    border-radius: 0px;
}
#GEWrapper table.GuestTable tr td input[type=checkbox] {
    font-size:.8em;
    padding:2% .5%;
    width:auto;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_phone td label {
    font-size:.7em;
    font-weight:400;
}
#GEWrapper table.GuestTable tr td > creditcard {
    margin:15px 0;
    width:100%;
}
#GEWrapper table.GuestTable tr td > creditcard label {
    display:block;
    font-size:.8em;
    font-weight:400;
    margin-bottom:4px;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-group {
    margin-bottom:8px;
    width:40%;
    margin-left:0;
    margin-top:12px;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-group,
#GEWrapper table.GuestTable tr td > creditcard .panel {
    border-radius:3px;
}
#GEWrapper table.GuestTable tr td > creditcard .panel {
    box-shadow:none;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-default {
    border:1px solid #bbb;
    border-left:none;
    border-right:none;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-default > .panel-heading {
    background-image:none;
    background:#fff;
    font-size:.8em;
    padding:2.5% 2% 4%;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body {
    background:#EBEBEB;
    display:flex;
    flex-flow: row wrap;
    align-items:flex-start;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div {
    margin:0 0 10px 0;
    width:100%;
    display:inline-block;
    clear:both;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div input,
#GEWrapper table.GuestTable tr td > creditcard .panel-body div input[type=text] {
    margin:0;
    width:99%;
    height:2.8em;
    font-size:.7em;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div span input,
#GEWrapper table.GuestTable tr td > creditcard .panel-body div span input[type=text] {
    margin:0;
    width:100%;
    height:3em;
    font-size:.8em;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div span span {
    font-size:.9em;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div .ccExpMonth {
    width: 47.5%;
    margin-bottom: 0px;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div .ccExpYear {
    width: 47.5%;
    margin-bottom: 0px;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div select {
    margin: 0;
    width: 98%;
    height: 2.4em;
    border-radius: 0px;
    border-color: #000;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div:last-child input {
    padding:2% 6%;
    height: 2.4em;
    border-radius:0px;
    width:87%;
    border:none;
    color:#fff;
    font-size:13px;
    background:#000;
    margin-bottom:10px;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-body div:last-child input[disabled] {
    box-shadow:none;
    background-image:none;
    opacity:0.2;
    color:#fff;
    border:none;
    box-shadow:none;
    cursor:default;
    -webkit-appearance:none;
}
#GEWrapper table.GuestTable tr td creditcard #divNoCC {
}
#GEWrapper table.GuestTable tr td creditcard #divNoCC > span:first-child {
    font-size:.7em;
    font-style:italic;
    margin-right:10px;
}
#GEWrapper table.GuestTable tr td creditcard #divNoCC > span:last-child {
}
#GEWrapper table.GuestTable tr td creditcard #divNoCC > span:last-child input[type=button] {
position: relative;
    padding: 4px 10px;
    margin-bottom: 7px;
    cursor: pointer;
    border-radius: 0px;
    outline: 0;
    font-size: 11px;
    font-weight: 400;
    text-transform: capitalize;
    background-color: #000;
    color: #fff;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    width:auto;    
}
/* (RMS)(33346) Fix card on file inputs when UseTokens=0 */
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile {
    margin-top:20px;
    /*background: linear-gradient(90deg, #EAEEF0 50%, #fff 50%);*/  
}
/*#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td {
    margin-left:15px;  
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) input#ctl00_ContentPlaceHolder1_UCcardonfile_TextBox1 {
    margin-bottom:10px;  
}*/
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div {
    margin:8px 0;
    font-size:.9em;  
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard div {
    margin:0;
    font-size:1em;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard div.panel-header {   
    background:#fff;
    color:#555;
    padding:3px 10px 3px 3px;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard div.panel-body a:hover {   
    text-decoration:none;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard div.panel-body a:first-child:before {   
    font-family: 'Glyphicons Halflings';
    content:"\2b";
    color:#49A944;
    font-weight:normal;
    margin-right:4px;
    font-size:.8em;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard div.panel-body a:last-child:before {   
    font-family: 'Glyphicons Halflings';
    content:"\e014";
    color:#ED4B3B;
    font-weight:normal;
    margin-right:4px;
    font-size:.8em;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard .panel-body div {
    margin-bottom:10px;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div select {
    margin:0 10px 0 0;
    width:17.5%; 
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) creditcard div select {
    margin:0;
    width:98%; 
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div input[type=text] {
    margin-top:5px;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div input[type=text]#ctl00_ContentPlaceHolder1_UCcardonfile_TextBox3 {
    width:8%;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div input[type=text]#ctl00_ContentPlaceHolder1_UCcardonfile_TextBox2 {
    width:18%;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) label {
    font-size:.9em;
    vertical-align: middle;
    padding-top:.5%;
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td input[type=checkbox] {
    padding:0% .5%;
    position: relative;
    vertical-align: middle;
}


/* ----------------------------------------------------------  
* 09) Footer
------------------------------------------------------------- */
#Footer {
    margin:auto;
    min-height:auto;
	height:auto;
	width:100%;
	background:transparent;    	
}
#Footer a:link, 
#Footer a:active,
#Footer a:visited { 
    margin:0 10px;
    text-transform:none;
	color:#bc254d;
    font-weight:600;
}
#Footer a:hover, 
#Footer a:visited:hover {
    text-decoration:none;
	color:#000;
}
.footerGlow {
	margin:0 auto;
	text-align:center;
}
.footerContent {
    display:block;
    padding:40px 0px;
    background:transparent;
}
/* - - - - - - - - - - - - - - - - - 
- Custom content area added beneath 
- the ecommerce footer links using 
- adjust.footer.nav.js  
- - - - - - - - - - - - - - - - - */
#cstmFooter { 
    margin:0 auto;
    padding:20px 0 30px;
    width:96%;
    background:transparent;
}
#cstmFooter span {
    margin:0 auto 3px;
    display:block;
    font-size:.9em;
}
#Footer #cstmFooter a:link, 
#Footer #cstmFooter a:visited {
    text-decoration:none;
    text-transform:none;
}
#Footer #cstmFooter a:hover, 
#Footer #cstmFooter a:active {
    text-decoration:none;
}
#cstmFooter span:first-child {
    margin-top:10px;
}
#Footer #cstmFooter a:link {
    margin:0;
}
/* - - - - - - - - - - - - - - - - - 
- Custom content area added beneath 
- the main footer content DIV using 
- subFooter.html  
- - - - - - - - - - - - - - - - - */
.subFooterWrap {
    width:100%;
    height:auto;
    padding:40px 0;
    margin:0;
    background:transparent;      
}
.subFooter {
    width:960px;
    height:auto;
    margin:0 auto;
    background:transparent;       
}
.subFooter span {
    display:block;
    margin:3px 5px;
    text-transform:none;        
}
.subFooter span a:link,
.subFooter span a:visited {
    text-transform:none;
    color:#bc254d;        
}
.subFooter span a:hover,
.subFooter span a:active {
    text-decoration:none;
    color:#000;        
}


/* ----------------------------------------------------------  
* 10) Legacy
------------------------------------------------------------- */
.memberLogin tr td {
	font-weight:bold;
	padding:8px 0;
}
img#ctl00_ContentPlaceHolder1_imgMug_Shot {
	max-width:100%;
	height:auto;
}
.TopNav {
	background:#ebebeb;
	height:50px;	
}
.groupDiv {
    border:1px solid silver;
    margin:2px;
}
.groupDiv h3 {
    margin-bottom: 5px;
}
.groupHeaderDiv {    
    background-color:#F1F1F1;
    padding:10px;
}
.selectedItemsDiv {
    padding:10px 10px 20px;
    margin-left:10px;
}
.box {
	display:block;
	background:none;
	border:none;
	border-radius:0;
	position:inherit;
	box-shadow:none;
}
.open, 
.arrow, 
.arrow-border, 
.close {
	display:none;
}
.dLog {
	display:inline;	
}
.calItem {
    position:relative;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;  
    font-size:.9em;
    padding:5px 2px 5px 2px;
	border-radius:8px;
    background-color:whitesmoke;
}
.calItem a:link {
    color:#800000;
}
.calItem a:visited {
    color:#800000;
}
.calItem a:hover {
    color:#800000;
}
.calPrice {
    font-size:1.2em;
    font-weight:700;
    color:#009900;
    float:right;
}
.calQtyRemaining {
    margin-left:10px;
    width:auto;
}
.hide {
    display:none;
}
.calSelectedDay {
    border-width:2px;
    border-color:dimgray;
}
#wkTable {
    width:98%;
    font-size:1.1em;
}
#wkTable th {
    text-align:center;
    border-bottom:2px solid dimgray;
}
#wkRow {
    border-bottom:1px solid silver;
}
.wkDayRowHead {
    height:40px;
    width:175px;
}
.wkNewRow {
    visibility:hidden;
}
.wkDay {
    text-align:center;
}
.wkWeekend {
    background-color:whitesmoke;
}
.dark-shadow {
   box-shadow:0 0 3px #000;
}
.popupWindow {
    background-color:#FFF;
    padding:10px;
}
.microDonateButtons {
   margin-top:10px;
}
.microDonateButtons input {
    margin-left:5px;
    margin-right:5px;
}


/* ----------------------------------------------------------  
* 11) Carousel
------------------------------------------------------------- */
.carouselDiv {
    overflow:hidden;
    width: 320px;
    float:left;
    margin:0 10px 10px 0;
}
.carouselDiv ul {
    overflow:hidden;
    height:60px;
    width:1000px;
}
.carouselDiv ul li {
    margin-right:5px;
    margin-top:3px;
    float:left;
}
.carouselLargeImage {
    width:300px;
    height:auto;
}
.upsellDiv {
    margin-top:10px;
}
#UpsellWrap {
    background:#eef0f6;
    padding:4px;
}
.UsPrice {
    position:absolute;
    top:5px;
    background:#fff;
    color:#262626;
    padding:2px;
}
a.UsDescrip, 
a:visited.UsDescrip {
    width:100px;
    display:block;
    margin:5px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;    
    white-space: -o-pre-wrap;  
    white-space: -moz-pre-wrap; 
    white-space: -hp-pre-wrap; 
    word-wrap: break-word;    
    color:#252527;
}
.upsellDiv ul.slides li {
    margin-right:8px;
    width:125px;
    background:#fff;
    padding:5px 5px;
    min-height:115px;
    height:auto !important; 
    height: 115px;
	border-radius: 5px;
	border:1px solid #d0d0d0;
}
.upsellDiv ul.slides li:hover {
    background:#eee;
}
.bannerSliderDiv {
    width:85%;
    margin:0 auto;
    position:relative;
}
.bannerSliderDiv img {
    width:100%;
    height:auto;
    margin:0 auto;
}
.bannerCaption {
    position:absolute;
    right:40px;
    z-index:9999;
    background-color:rgba(0, 0, 0, 0.5);
    color:#FFF;
    padding:10px;
}
#fancybox-outer {
    background:#fff url("images/roller.gif") no-repeat 50% 50% !important;
}
.flexslider {
    margin:5px 0;
    border:1px solid #fff;
    box-shadow:none;
}
.flex-caption {
    box-shadow:none;
    background:transparent;
    opacity:1.0;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: right;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    overflow:hidden;
    zoom: 1;   
}
.flex-control-paging li a {
    border-radius:0;
    width:11px;
    height:11px;
    color:transparent;    
    padding:0;
    font-size:0;
    line-height:0;
    background:#fff;
    box-shadow:none;
    border:1px solid #4dabf5;
}
.flex-control-paging li a.flex-active {
    background:#2196f3;
    border:1px solid #fff;
    
}

/* (RMS)(43243) Fixed overlay on Micro Donate popup and mobile view */
.ui-widget-overlay {
}
.ui-widget.ui-widget-content {
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
    border:none !important;
    z-index:200 !important;    
}
.ui-widget-header {
    border: none !important;
    background: #EBEEF1 !important;
    background-image:none !important;
    color: #222 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    display: none !important;
}
.ui-dialog .ui-dialog-content #ctl00_ContentPlaceHolder1_lblPromptLabel {
    font-weight:600;
}


/* ----------------------------------------------------------  
* 12) Medium Tablets
------------------------------------------------------------- */
@media (max-width: 991px) {
.container {
    width:100%;
}
#MainContent {
    width:100%;
}
.footerContent {
    width:92%;
    margin:0 auto;
}
#RPWrapper.col-580, 
#MLWrapper.col-580, 
#GLWrapper.col-580 {
    margin-left:0;
}
#CSWrapper.col-960,
#ChktWrapper.col-960,
#ErrorWrapper.col-960 {
    width:90%;
    margin:0 auto;
    float:none;
}
#ISWrapper.col-960 {
    width:96%;
    margin:0 auto;
    float:none;
}
#DefaultDayHeader,
#DefaultWrap {
    display:none;
}
#navigation ul li a:link,
#navigation ul li a:active,
#navigation ul li a:visited {
    padding:0 8px;
}
.gridItemList tbody tr.gridItemListHeader th:nth-child(2) {
    border-bottom:1px solid #fff;
}
.subNav {
	width:100%;
	font-size:.8em;
}
.subNav li  {
	width:100px;
}
.subNav ul li ul {
	min-width: 100px;
}


} /* End */


/* ----------------------------------------------------------  
* 13) Small Tablets
------------------------------------------------------------- */
@media (max-width : 767px) {
#HeaderDiv {
    border-bottom:none;
}
.HdrImg {
    background:#fff;
}
#Logo:before {
    box-shadow: none;
}
#Logo {
    padding:10px 0 20px 0;
    float:none;
}
#Login {
    margin:0 auto;
    padding:0;
    float:none;
    text-align:center;
    width:96%;
    height:120px;
    color:#000;
}
.loginControls {
    display:inline-block;
    margin:0 auto;
    float:none;
    width:70%;
}
.loginControls input[type=text],
.loginControls input[type=password] {
    margin-bottom:4px;
}
#Login .loginButtons {
    display:block;
    width:100%;
    height:50px;
    margin-bottom:50px;
}
a.cartBtns {
    float:none;
    clear:both;
    display:block;
    padding:10px 0px;
}
#Login .loginButtons a.cartBtns {
    width:50px;
    text-align:center;
    float:none;
    margin:5px auto 15px;
    display:inline-block;
}
.container,
#navigation {
    width:100%;
}
#MainContent {
    width:100%;
    margin:0 auto;
}
.prcnt31, 
.prcnt46, 
.prcnt67, 
.col-260, 
.col-340, 
.col-580, 
.col-610, 
.col-960  {
    width:96%;
    margin:0 auto;
    float:none;
}
#CSWrapper.col-960,
#ChktWrapper.col-960,
#ErrorWrapper.col-960 {
    width:90%;
    margin:0 auto;
    float:none;
}
#RPWrapper.col-580,
#MLWrapper.col-580,
#GLWrapper.col-580 {
    margin-left:0;
}
.IsLeft {
    float:none;
    width:100%;
}
.IsRight {
    margin-top:12px;
    float:none;
    width:100%;
    min-height:inherit;
    text-align:left;
}
/* ModColLen */
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td,
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(2),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(3),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(4),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(5),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_rblMods.small tbody tr td {
    margin-bottom:10px;
    display:block;
    width:100%;
}
#navigation {
    display:block;
    height:260px;
    background-color:#000;
}
#navigation ul {
    float:none;
    height:auto;
    display:-webkit-flex;
    display:flex;
    flex-flow:row wrap;  
}
#navigation ul li {
    display:block;
    width:100%;
    margin-bottom:0;
    margin-right:0;
    height:50px;
    line-height:50px;
    border-bottom:2px solid #fff;
    background-color:#000;
}
#navigation ul li:nth-child(1) { /* View Cart */
    order:5;
}
#navigation ul li:nth-child(2) { /* Guest Lookup */
    order:4;
}
#navigation ul li:nth-child(3) { /* Renew Pass */
    order:3;
}
#navigation ul li:nth-child(4) { /* Continue Shopping */
    order:2;
}
#navigation ul li:nth-child(5) { /* Return to Main */
    order:1;
}
#navigation ul li a:link, 
#navigation ul li a:active, 
#navigation ul li a:visited {
    margin-top:0;
    height:50px;
    line-height:50px;
    text-shadow:none;
    color:#fff;
}
#navigation ul li a:hover {
    color:#fff;
}
.footerContent {
    width:92%;
    margin:0 auto;
}
#Footer .footerContent a {
    display:block;
    margin-bottom:15px;
}
.subFooter {
    width:100%;   
}
.thumbLi {
    margin:10px 40px;
}
#divContShop, 
#divProCheck, 
#divClrCart {
    float:none;
    height:30px;
    margin:5px 0;
    padding:0;
    text-align:center;
    width: 100%;
}
.calWrapper {
    margin: 0 30px;
}
#ILCalendar.prcnt31 {
    width:80%;
}
.flexslider {
    margin:10px;
}
#DefaultDayHeader, 
#DefaultWrap {
    display:none;
}
#ctl00_ContentPlaceHolder1_divBilling.divBilling {
    width:98%;
}
#ctl00_ContentPlaceHolder1_divShipping.divShipping {
    width:100%;
    margin-left:0;
}
#lblHeading.lblTextHeaderBig p, 
.lblTextHeaderBig, 
.lblTextHeaderBigSpan span, 
h3 {
    font-size:2em;
}
.subNavWrap {
	display:none;
}
} /* End */


/* ----------------------------------------------------------  
* 14) Phone Only
------------------------------------------------------------- */
@media (max-width : 599px) {
#HeaderDiv {
    border-bottom:none;
}
.HdrImg {
    background:#fff;
}
.HdrImg .container {
    min-height:100px;
    width:100%;
}
.HdrImg .container .dBlock {
    display:block;
    width:100%;
    margin:0 0 3px 0;
    text-align:center;
    clear:both;
}
#Logo {
    padding:10px 0 0 0;
    float:none;
}
#Logo:before {
    box-shadow: none;
}
#Login {
    margin:0 auto;
    padding:0;
    float:none;
    text-align:center;
    width:96%;
    height:120px;
    color:#000;
}
.loginControls {
    display:inline-block;
    margin:0 auto;
    float:none;
    width:40%;
}
.loginControls input[type=text],
.loginControls input[type=password] {
    margin-bottom:4px;
}
#Login .loginButtons {
    display:block;
    width:100%;
    height:50px;
    margin-bottom:50px;
}
a.cartBtns {
    float:none;
    clear:both;
    display:block;
    padding:10px 0px;
}
#Login .loginButtons a.cartBtns {
    width:50px;
    text-align:center;
    float:none;
    margin:5px auto 15px;
    display:inline-block;
}
.container, 
#navigation {
    width:100%;
}
#MainContent {
    width:100%;
    margin:0 auto;
}
.prcnt31, 
.prcnt46, 
.prcnt67, 
.col-260, 
.col-340, 
.col-580, 
.col-610, 
.col-960  {
    width:96%;
    margin:0 auto;
    float:none;
}
/* Guest Edit add */
#CSWrapper.col-960, 
#ChktWrapper.col-960, 
#ErrorWrapper.col-960,
#GEWrapper.col-960 {
    width:90%;
    margin:0 auto;
    float:none;
}
#GEWrapper table.GuestTable tr td input,
#GEWrapper table.GuestTable tr td input[type=text],
#GEWrapper table.GuestTable tr td input[type=password] {
    width:100%;
    font-size: 1.1em;
}
/* (RMS)(33346) Fix card on file inputs when UseTokens=0 */
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile {
    margin-top:30px;
    background:#fff; 
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td {
    margin-left:0;  
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div select {
    width:100%;
    font-size: 1.1em;
    height: 1.8em;
    padding: 1.5% .5%;
    margin-bottom:20px; 
}
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div input[type=text]#ctl00_ContentPlaceHolder1_UCcardonfile_TextBox3,
#GEWrapper table.GuestTable tr#ctl00_ContentPlaceHolder1_cardonfile td:nth-child(2) div input[type=text]#ctl00_ContentPlaceHolder1_UCcardonfile_TextBox2 {
    width:100%; 
}
#GEWrapper table.GuestTable tr td select {
    width:50%;
    font-size:1.1em;
    border-radius:0px;
    border:1px solid #000;
}
#GEWrapper table.GuestTable tr td > creditcard .panel-group {
    width:100%;
}
/* Guest Edit add */
.planDiv,
.planTableDiv {
    max-width: 98%;
}
#RPWrapper.col-580, 
#MLWrapper.col-580, 
#GLWrapper.col-580 {
    margin-left:0;
}
.IsLeft {
    float:none;
    width:100%;
}
.IsRight {
    margin-top:12px;
    float:none;
    width:100%;
    min-height:inherit;
    text-align:left;
}
#ISWrapper.col-960 .IsLeft table tr {
	margin-bottom:0;
	display:block;
}
/* ModColLen */
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td,
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(2),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(3),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(4),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_cblMods tbody tr td:nth-child(5),
#ISWrapper.col-960 .IsLeft #ctl00_ContentPlaceHolder1_rblMods.small tbody tr td {
    margin-bottom:5px;
    display:block;
    width:100%;
}
#ctl00_ContentPlaceHolder1_cblMods,
#ctl00_ContentPlaceHolder1_rblMods,
.SecLvlMods table.small,
#ctl00_ContentPlaceHolder1_cblMods tbody,
#ctl00_ContentPlaceHolder1_rblMods tbody,
.SecLvlMods table.small tbody {
    display:block;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr,
#ctl00_ContentPlaceHolder1_rblMods tbody tr,
.SecLvlMods table.small tbody tr {
    display:block;
    margin-right:0;
    padding:0;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr td,
#ctl00_ContentPlaceHolder1_rblMods tbody tr td,
.SecLvlMods table.small tbody tr td,
.SecLvlMods table.small tbody tr td:first-child,
.SecLvlMods table.small tbody tr td:nth-child(2),
.SecLvlMods table.small tbody tr td:nth-child(3),
.SecLvlMods table.small tbody tr td:nth-child(4),
.SecLvlMods table.small tbody tr td:nth-child(5) {
    display:block;
    width:100%;
    margin-bottom:10px;
    padding:0 6px;
}
#HeaderDiv, #HeaderDiv .container {
    position:relative;
}
#navigation {
    display:block;
    height:auto;
    background-color:#000;
}
#navigation ul {
    float:none;
    height:auto;
    display:-webkit-flex;
    display:flex;
    flex-flow:row wrap;  
}
#navigation ul li {
    display:block;
    width:100%;
    margin-bottom:0;
    margin-right:0;
    height:50px;
    line-height:50px;
    position:relative;
    border-bottom:2px solid #fff;
    background-color:#000;
}
/* - - - - - - - - - - - - - - - - - 
- Change order of main nav links 
- - - - - - - - - - - - - - - - - */
#navigation ul li:nth-child(1) { /* View Cart */
    order:5;
}
#navigation ul li:nth-child(2) { /* Guest Lookup */
    order:4;
}
#navigation ul li:nth-child(3) { /* Renew Pass */
    order:3;
}
#navigation ul li:nth-child(4) { /* Continue Shopping */
    order:2;
}
#navigation ul li:nth-child(5) { /* Return to Main */
    order:1;
}
#navigation ul li a:link, 
#navigation ul li a:active, 
#navigation ul li a:visited {
    margin-top:0;
    height:50px;
    line-height:50px;
    text-shadow:none;
    color:#fff;
}
#navigation ul li a:hover {
    color:#fff;
}
.footerContent {
    width:92%;
    margin:0 auto;
}
#Footer .footerContent a {
    display:block;
    margin-bottom:15px;
}
.subFooter {
    width:100%;   
}
.thumbLi {
    float:none;
    margin:0 auto 10px;
    width:75%;
    height:auto;
}
.thumbLi img {
    width:100%;
    height:100%;
}
.thumbDesc {
    width:100%;
    padding:8px 0;
    font-size:1.3em;
}
#divContShop, 
#divProCheck, 
#divClrCart {
    float:none;
    height:30px;
    margin: 5px 0;
    padding: 0;
    text-align:center;
    width: 100%;
}
.flexslider {
    display:none;
}
#ctl00_ContentPlaceHolder1_cblMods tbody tr td {
    width:90%;
}
#DefaultDayHeader, 
#DefaultWrap {
    display:none;
}
#ctl00_ContentPlaceHolder1_divBilling.divBilling {
    width:98%;
}
#ctl00_ContentPlaceHolder1_divShipping.divShipping {
    width:100%;
    margin-left:0;
}
#lblHeading.lblTextHeaderBig p, 
.lblTextHeaderBig, 
.lblTextHeaderBigSpan span, 
h3 {
    font-size:2em;
}
/* ----------------------------------------------------------  
* (RMS) (22326) Fix cart layout in mobile view
------------------------------------------------------------- */
#CSWrapper table.sample tr,
#ChktWrapper table.sample tr {
    display:block;
    margin:0 auto;
    width:100%;
    text-align:right;
}
#CSWrapper table.sample tr.gridHeader,
#ChktWrapper table.sample tr.gridHeader {
    display:none;
}
#CSWrapper table.sample tr td:first-child,
#ChktWrapper table.sample tr td:first-child {
    width:75%;
    display:inline-table;
}
#CSWrapper table.sample tr td:last-child,
#ChktWrapper table.sample tr td:last-child {
    width:20%;
    margin-right:1%;
    display:inline-table;
}
#CSWrapper table.sample tr.d0,
#CSWrapper table.sample tr.d1,
#ChktWrapper table.sample tr.d0,
#ChktWrapper table.sample tr.d1 {
    display:inline-block;
    width:100%;
    font-size:1.1em;
    margin-bottom:10px;
    text-align:left;
}
/* - - - - - - - - - - - - - - - - - 
- Replace "Remove" text and replace 
- it with an X  
- - - - - - - - - - - - - - - - - */
[id*='lbDelete'] {
    visibility: hidden;
}
[id*='lbDelete']:before {
    visibility: visible;
    display: inline;
    font-size:1.4em;
    font-weight:700; 
    content: 'X';
    padding:0;
}
#CSWrapper table.sample tr.d0 td,
#CSWrapper table.sample tr.d1 td,
#ChktWrapper table.sample tr.d0 td,
#ChktWrapper table.sample tr.d1 td {
    border:none;
}
/* - - - - - - - - - - - - - - - - - 
- Remove Item (cartShow.aspx)
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:first-child,
#CSWrapper table.sample tr.d1 td:first-child {
    display:inline-block;
    width:5%;
    padding:0;
    text-align:center;
}
#ChktWrapper table.sample tr.d0 td:first-child,
#ChktWrapper table.sample tr.d1 td:first-child {
    display:none;
}
/* - - - - - - - - - - - - - - - - - 
- Item Quantity  
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(2),
#CSWrapper table.sample tr.d1 td:nth-child(2),
#ChktWrapper table.sample tr.d0 td:nth-child(2),
#ChktWrapper table.sample tr.d1 td:nth-child(2) {
    display:inline-block;
    width:5%;
    padding:0;
    text-align:center;
}
/* - - - - - - - - - - - - - - - - - 
- Item Description
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(3),
#CSWrapper table.sample tr.d1 td:nth-child(3),
#ChktWrapper table.sample tr.d0 td:nth-child(3),
#ChktWrapper table.sample tr.d1 td:nth-child(3) {
    display:inline-block;
    width:85%;
    padding:0;
    text-align:left;
}
#CSWrapper table.sample tr.d0 .gridItemXXSmallBold,
#CSWrapper table.sample tr.d1 .gridItemXXSmallBold,
#ChktWrapper table.sample tr.d0 .gridItemXXSmallBold,
#ChktWrapper table.sample tr.d1 .gridItemXXSmallBold {
    font-size:1.2em;
}
/* - - - - - - - - - - - - - - - - - 
- Guest Info (_rptGuests)  
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(4),
#CSWrapper table.sample tr.d1 td:nth-child(4),
#ChktWrapper table.sample tr.d0 td:nth-child(4),
#ChktWrapper table.sample tr.d1 td:nth-child(4) {
    display:inline-block;
    width:99%;
    padding:0;
    text-align:left;
}
/* - - - - - - - - - - - - - - - - - 
- Add/Change Guest  
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(4) table,
#CSWrapper table.sample tr.d1 td:nth-child(4) table,
#ChktWrapper table.sample tr.d0 td:nth-child(4) table,
#ChktWrapper table.sample tr.d1 td:nth-child(4) table {
    width:100%;
}
#CSWrapper table.sample tr.d0 td:nth-child(4) table tr,
#CSWrapper table.sample tr.d1 td:nth-child(4) table tr,
#ChktWrapper table.sample tr.d0 td:nth-child(4) table tr,
#ChktWrapper table.sample tr.d1 td:nth-child(4) table tr {
    display:inline-block;
    text-align:left;
    width:97%;
}
#CSWrapper table.sample tr.d0 td:nth-child(4) table tr td:first-child,
#CSWrapper table.sample tr.d1 td:nth-child(4) table tr td:first-child,
#ChktWrapper table.sample tr.d0 td:nth-child(4) table tr td:first-child,
#ChktWrapper table.sample tr.d1 td:nth-child(4) table tr td:first-child {
    display:block;
    text-align:left;
    width:90%;
}
#CSWrapper table.sample tr.d0 td:nth-child(4) table tr td:nth-child(2),
#CSWrapper table.sample tr.d1 td:nth-child(4) table tr td:nth-child(2),
#ChktWrapper table.sample tr.d0 td:nth-child(4) table tr td:nth-child(2),
#ChktWrapper table.sample tr.d1 td:nth-child(4) table tr td:nth-child(2) {
    display:inline-block;
    text-align:left;
    width:85%;
}
#CSWrapper table.sample tr.d0 td:nth-child(4) table tr td:nth-child(2) a img,
#CSWrapper table.sample tr.d1 td:nth-child(4) table tr td:nth-child(2) a img,
#ChktWrapper table.sample tr.d0 td:nth-child(4) table tr td:nth-child(2) a img,
#ChktWrapper table.sample tr.d1 td:nth-child(4) table tr td:nth-child(2) a img {
    display:none;
}
#CSWrapper table.sample tr.d0 td:nth-child(4) table tr td:nth-child(2) span.lblRedSmall,
#CSWrapper table.sample tr.d1 td:nth-child(4) table tr td:nth-child(2) span.lblRedSmall,
#ChktWrapper table.sample tr.d0 td:nth-child(4) table tr td:nth-child(2) span.lblRedSmall,
#ChktWrapper table.sample tr.d1 td:nth-child(4) table tr td:nth-child(2) span.lblRedSmall {
    display:inline-block;
}
/* - - - - - - - - - - - - - - - - - 
- Validation (_upValidate)  
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(5),
#CSWrapper table.sample tr.d1 td:nth-child(5),
#ChktWrapper table.sample tr.d0 td:nth-child(5),
#ChktWrapper table.sample tr.d1 td:nth-child(5) {
    display:inline-block;
    width:99%;
    padding:0;
    text-align:left;
}
/* - - - - - - - - - - - - - - - - - 
- Date (_lblDate)  
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(6),
#CSWrapper table.sample tr.d1 td:nth-child(6),
#ChktWrapper table.sample tr.d0 td:nth-child(6),
#ChktWrapper table.sample tr.d1 td:nth-child(6) {
    display:inline-block;
    width:99%;
    padding:0;
    font-size:1.2em;
}
/* - - - - - - - - - - - - - - - - - 
- Item Price (_lblPrice)  
- - - - - - - - - - - - - - - - - */
#CSWrapper table.sample tr.d0 td:nth-child(7),
#CSWrapper table.sample tr.d1 td:nth-child(7),
#ChktWrapper table.sample tr.d0 td:nth-child(7),
#ChktWrapper table.sample tr.d1 td:nth-child(7) {
    display:inline-block;
    width:99%;
    padding:0;
    font-size:1.4em;
    font-weight:700;
    text-align:right;
}
#CSWrapper table.sample tr.d0 td:nth-child(7) .ItemListPrice,
#CSWrapper table.sample tr.d1 td:nth-child(7) .ItemListPrice,
#ChktWrapper table.sample tr.d0 td:nth-child(7) .ItemListPrice,
#ChktWrapper table.sample tr.d1 td:nth-child(7) .ItemListPrice {
    padding-right:7px;
}
#CSWrapper table.sample tr.d1,
#ChktWrapper table.sample tr.d1 {
    padding:5px 0;
    border-top:2px solid #eee;
    border-bottom:2px solid #eee;
}
/* - - - - - - - - - - - - - - - - - 
- (RMS) (22326) Hamburger nav
- added for mobile view 
- - - - - - - - - - - - - - - - - */
#checkbox_toggle,
.mobiDropDown label {
    display:none;
}
.mobiDropDown {
    position: relative;
    display: inline-block;
    font-size: 1.4em;
    font-weight:700;
    color: #FFF;
    width:100%;
}
.mobiDropDown input[type=checkbox] {
    display: none;
}
.mobiDropDown label {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    background: #000 url('images/hamburger.png') 15px 17px no-repeat;
    color:#fff;
    padding: 15px 0 15px 45px;
    cursor: pointer;
    text-align:left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mobiDropDown #navigation {
    display: none; 
}
.mobiDropDown input[type=checkbox]:checked ~ label {
    background-color: #000;
}
.mobiDropDown input[type=checkbox]:checked ~ #navigation {
    display: block;
}
/* - - - - - - - - - - - - - - - - - 
- (RMS) (22326) Collapsed login
- added for mobile view 
- - - - - - - - - - - - - - - - - */
#checkbox_toggleLogin,
.mobiLogin label {
    display:none;
}
.mobiLogin {
    position: relative;
    display: inline-block;
    font-size: 1.4em;
    font-weight:700;
    color: #FFF;
    width:100%;
    margin-bottom:3px;
}
.mobiLogin input[type=checkbox] {
    display: none;
}
.mobiLogin label {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    background: #555;
    background: #000 url('images/login.png') 15px 17px no-repeat;
    color:#fff;
    padding: 15px 0 15px 45px;
    cursor: pointer;
    text-align:left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mobiLogin #Login,
.mobiLogin .dBlock {
    display: none; 
}
.mobiLogin input[type=checkbox]:checked ~ label {
    background-color: #000;
}
.mobiLogin input[type=checkbox]:checked ~ #Login {
    display: block;
    margin:10px 0;
    font-size:.7em;
}
.subNavWrap {
	display:none;
}

} /* End */





































