/* GENERAL */
@font-face { font-display: swap;
  font-family: 'Arial';
  src: local('fonts/Arial.eot'), url('/Styles/fonts/Arial.eot'); /* IE9 Compat Modes */
  src: local('fonts/Arial.eot?#iefix'), url('/Styles/fonts/Arial.eot?#iefix') format(‘embedded-opentype’), 
       local('fonts/Arial.woff2'), url('/Styles/fonts/Arial.woff2') format('woff2'), /* Super Modern Browsers */
       local('fonts/Arial.woff'), url('/Styles/fonts/Arial.woff') format('woff'), /* Pretty Modern Browsers */
       local('fonts/Arial.ttf'),  url('/Styles/fonts/Arial.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face { font-display: swap;
  font-family: 'Arial Bold';
  src: local('Styles/fonts/ARIALBD.eot'), url('/Styles/fonts/ARIALBD.eot'); /* IE9 Compat Modes */
  src: local('Styles/fonts/ARIALBD.eot?#iefix'), url('/Styles/fonts/ARIALBD.eot?#iefix') format(‘embedded-opentype’), 
       local('Styles/fonts/ARIALBD.woff2'), url('/Styles/fonts/ARIALBD.woff2') format('woff2'), /* Super Modern Browsers */
       local('Styles/fonts/ARIALBD.woff'), url('/Styles/fonts/ARIALBD.woff') format('woff'), /* Pretty Modern Browsers */
       local('Styles/fonts/ARIALBD.ttf'),  url('/Styles/fonts/ARIALBD.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face { font-display: swap;
font-family: 'GothamNarrow Book';
src: local('fonts/GothamNarrow-Book'), url('/Styles/fonts/GothamNarrow-Book.woff') format('woff');
}
@font-face { font-display: swap;
font-family: 'GothamNarrow Medium';
src: local('fonts/GothamNarrow-Medium'), url('/Styles/fonts/GothamNarrow-Medium.woff') format('woff');
}
@font-face { font-display: swap;
font-family: 'GothamNarrow Bold';
src: local('fonts/GothamNarrow-Bold'), url('/Styles/fonts/GothamNarrow-Bold.woff') format('woff');
}

@font-face { font-display: swap;
font-family: 'GothamNarrow Black';
src: local('fonts/GothamNarrow-Black'), url('/Styles/fonts/GothamNarrow-Black.woff') format('woff');
}


.section{border-bottom: 1px solid #AAA; margin-bottom:10px; padding-bottom:10px;}

input[type=text], input[type=password], textarea, select{background: #ffffff; border:1px solid #aaa; padding:4px; width: 225px;margin-bottom:4px;}
input[type=checkbox]{margin-right:5px;}
select{padding:3px 4px;}
input[type=text]:hover, textarea:hover, select:hover{box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; }
input[type=text]:disabled:hover, textarea:disabled:hover, select:disabled:hover{box-shadow: none; }
.invalid{border-color:red !important;}
input[type="radio"]{float: left; margin: 10px 10px 10px 0;}
textarea{font-family:'Arial', Helvetica, sans-serif; }
option{padding:0 10px;}

.bigButton{display: inline-block; text-align: center; line-height: 40px; height:40px; font-size:18px; font-weight: bold; width:200px;}
.bigButton:hover{background-position: bottom left; text-decoration: none;}

.offer h1{display: inline; padding-right:5px;}
.offer h3{display:inline;}
.summary{position: relative;}
.summary img{position: absolute; top:-20px;}
.prevOpt{margin-bottom:5px;}
.newOpt{margin:10px 0 5px;}
.underline{text-decoration:underline;}
.error li{font-weight: bold; margin: 2px 0 2px 20px;}
.fadeCard{vertical-align:middle; padding:0px 2px;}

.zTop{position:relative; z-index:9999;}
.section{margin-bottom:20px; border-bottom:1px solid #d9d9d9; overflow: hidden;}
.section p{margin-bottom:10px;}

.magitem { float:left;}

/*SPECIFIC*/
#content{overflow: hidden;}
#billing{position:relative;}
#offers, #delivery, #gift, #billing, #mail, #submit{margin-bottom:10px;}
#hiddenGift{margin-top:10px;}
#gift .toggle{margin-left:20px;}
#offers h2{margin:0px;}
#mail, #subscribe #ar{font-size:0.8em;}
#subscribe #ar{margin-bottom:10px;}
#mail div{margin-bottom:5px;}
#mail input{float:left; margin-right:5px;}
#mail p{overflow: auto;}
#subscribe p#ar{margin-top:10px;}
#receipt{width: 700px; margin:auto;}
#gift .bigButton{margin-left:20px;}
#giftcard{margin-left:1px; margin-right:5px;}
#siteseal{font-size:9px; font-family:'Arial', Helvetica, sans-serif; text-align: right;}
#rightInfo {width: 215px;}


/* MAGAZINE_2 RULES */
#offers_2 h1{float:left; width:40%; margin-right:20px; text-align: center;}
#offers_2 #price{font-family:'Arial', Helvetica, sans-serif;font-size:8em; line-height:.8em;}
#offers_2 .sup{font-family:'Arial', Helvetica, sans-serif;vertical-align:top; line-height:1em; font-size: .5em;}
#offers_2 .sub{font-family:'Arial', Helvetica, sans-serif;vertical-align:bottom; line-height:1em; font-size: .5em;}
#offers_2 .bigButton{width:31%; font-size:1em;font-weight: bold;}
#offers_2 .topInfo, #offers_2 .botInfo{font-weight: normal; color: inherit; margin-bottom:0px;}

/* UPSELLS & ADDED_OFFER */
#upselloffers{ background:#fefce5; border-radius: 15px; border: 3px solid #e5e5e5; margin: 20px 0px; padding: 10px 5px 5px 0px;font-size: 16px;font-family:"GothamNarrow Book", Arial, sans-serif;}
#upselloffers h1 {font-size: 35px; color: #01a2db; font-family:"GothamNarrow Bold", Arial, sans-serif; text-transform:uppercase; font-weight:400; letter-spacing:-.5px; padding:0; margin:0 0 8px 0;}
#upselloffers h3 {font-size: 20px; color: #000000;}
#upselloffers .emph {font-size: 18px; color:#e71d1f;}
#upselloffers a {font-size: 18px; color: #e71d1f;}
#upselloffers .subtext a {color: #000000; font-size:16px;}
#upselloffers input[type="checkbox"] {margin-top:4px;}
#upselloffers #imgSingle {z-index: 1;position:absolute; top:135px; left:300px; }

#AddedOffer { background:#fff; border-radius:20px; border:5px solid #ddd; overflow:hidden;}
#AddedOffer img{margin-bottom:10px;}
#AddedOffer > div { overflow:hidden;}
#AddedOffer .actions { margin-bottom:20px;}
#AddedOffer .bigButton.close {background:transparent; border:none; color:#666; font-weight:normal;text-decoration:underline;}
#AddedCovers, #AddedDetails {margin:10px;}
#AddedCovers {float: Right; padding-right:10px; border-right:1px solid #999;}
#AddedDetails #title { height: 67px; line-height:67px; margin-bottom:10px; font-size:2.6em; font-weight:normal;}


/*overlay*/
  
.overlay{z-index: 2;position:relative;top: -245px; left:230px; height:1px;}
.overlaydesign {z-index: 2;position:relative;top: -270px; left:210px; height: 1px;}
.imgoverlaydesign{z-index: 1; position:relative; top:0px; overflow:hidden;}