/* Gift Card Global Elements
------------------------- */
div#content { width:630px; margin: 0 auto; }
#pgiftcard div#content,
#bgiftcard div#content {min-height: 250px;}
div.img_column { float: left; margin-right: 20px; text-align: center; font-size: 11px; }
#giftcard-landing div#content {padding-bottom: 60px;}
div.img_column p { margin:0; padding:0; }
div.form_column { float: left; font-size: 11px;}
fieldset.giftcard div.select_menu { width: 400px; }
fieldset.fs {width: 630px; border:none; margin:0; padding:0;}
/*.giftcard_terms { margin-bottom: 20px; } */

/* Gift Cards Left Nav
------------------------- */
#nav_giftcards { font-size: 14px; margin: 0 0 30px; }
#nav_giftcards li { margin: 0 0 12px; display: inline;  padding: 15px; }
div#nav_giftcards ul {
	background-color: #979797;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
	text-transform:uppercase;
	font-size: 11px;
	font-family: helvetica;
	margin: 0;
}
#nav_giftcards li a {
    color: #fff;
    text-decoration: none;
	border: none;
}

body#giftcard-landing #nav_landing a,
body#egiftcard #nav_buy_egift a,
body#pgiftcard #nav_buy_pgift a,
body#bgiftcard #nav_buy_bgift a,
body#giftcard-balance #nav_balance a,
body#giftcard-about #nav_about a,
body#giftcard-terms #nav_terms a {
	color: #FFFFFF;
	text-decoration: underline;
}


/* Gift Card Balance
------------------------- */
ul#gc-bal-info {
    list-style: disc outside none;
    margin: 5px 0;
    padding-left: 18px
}
ul#gc-bal-info li {
    padding: 5px 0;
}

input.GC_GIFTCARD_NUMBER, input.GC_GIFTCARD_PIN {
    width: 275px !important;
	border: 1px solid #ccc;
	margin: 7px 0;
}

#remaining-balance {
   /* border: 1px dashed #000000; */
    margin: 10px -10px;
    padding: 10px;
    width: 220px;
}
#remaining-balance span {
    color: #FF0000;
}

div#home { margin-bottom: 10px; }

div#content_body {
	margin-bottom: 10px;
	text-align: center;
}
#giftcard-about div#content h3 {
    font-family: arial;
    font-size: 11px;
    font-variant: normal;
    text-align: center;
    text-transform: uppercase;
}
#giftcard-about div#content li a {
	margin-top: 10px;
	display: block;
	border: 0 none;
        cursor: default;
}
#giftcard-about div#content li a .form-submit {
    cursor: pointer;
}
#giftcard-about div#content ul li {
	font-size: 11px;
}
input[type="submit"]{
    background-color: #000000;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-weight: normal;
    height: 26px;
    letter-spacing: 0.15em;
    line-height: 24px;
    padding: 0 14px !important;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
}
div.giftcard_link {
	text-align: center;
    width: 170px;
}
div.giftcard_link h2 {
	margin:0;
	padding:0;
}
div.gift_card_gh {
	height: 550px;
    width: auto;
	background: url('/media/export/cms/products/mpp/images/BACKUP_STILL_HERO_GIFT_CARD.jpg') no-repeat left top;
	background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
    background-origin: padding-box;
    background-clip: border-box;
}
div.gift_card_main_h {
	height:205px;
	margin:0px auto;
	background-color: #FFFFFF;
	position:relative;
	top:135px;
	width:305px;
	border:3px solid #000;
}
div.gift_card_main_h1 {
	border:1px solid #000;
	margin:5px;
	height: 190px;
}
div.gift_card_main_h2 {
	top: 45px;
	text-transform: uppercase;
	position: relative;
	margin: 0 auto;
}
div.gift_card_main_h2 h2 {
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 15px;
}
div.gift_card_main_h2 p {
    margin: 0 20px;
    text-align: center;
    color: #666666;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.525;
    text-align: center;
    text-transform: uppercase;
}
div.giftcard_terms p{
	line-height: 15px;
    margin: 10px 0;
	font-size: 11px;
}
div.giftcard_terms h4 {
	font-family: helvetica;
	font-size: 11px;
}
div#content h2 {
	text-align: center;
	margin: 20px 0;
	padding: 0;
}
div.select_gift_card_value {
	margin-left: 180px;
}
div.select_gift_card_value select {
	width: 270px;
}
div.giftcard_terms a.overlay-link {
	text-decoration: underline;
	border: none;
}
div.giftcard_terms a.overlay-link:hover {
	border: none;
}
div.pgiftcard_column {
	text-align: center;
}
div.add-button input {
	margin-left: 260px;
    margin-top: 15px;
}
div.clear {
	clear: both;
}
div#gift-max-char {
	display: inline;
}
div.img_column img {
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
}
div.overlay-container div.form_column {
    float: left;
    width: 395px;
	text-transform: uppercase;
}
div#egift_sample_container h2 {
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
li.option_1 {
	text-decoration: underline;
}
#giftcard-balance div.gift_check_balance_content {
	text-align:center;
}
p.p_gift_card_pcard, p.p_gift_card_egift {
	margin: 10px 0;
	text-transform: uppercase;
}
#giftcard-balance fieldset.giftcard div.form_element {
	margin-left: 175px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}
#giftcard-balance fieldset.giftcard div.form_element label {
	text-transform: capitalize;
	width: 283px;
	display: block;
}
#giftcard-balance div.form_column input#check-balance-btn {
	margin-left: 250px;
	margin-top: 10px;
}
h2 {
	font-size: 23px;
}
h3 {
	font-family: helvetica;
    font-size: 11px;
    font-variant: normal;
    text-transform: uppercase;
}
div.gift_card_main_h2 div.gift_plaque {
	text-align: center;
	margin-top: 15px;
}
#giftcard-balance div#content {
  overflow: auto;
}
#pgiftcard div.overlay-container,
#bgiftcard div.overlay-container {
	right: 18px;
	border: 1px solid #000000;
	top: 35px;
        font-size: 13px;
}
#pgiftcard div.cart-overlay,
#bgiftcard div.cart-overlay {
	padding: 0px;
	border: none;
	width: 308px
}
#pgiftcard .cart-overlay .cart-content table thead th,
#bgiftcard .cart-overlay .cart-content table thead th {
	text-transform:uppercase;
}
#pgiftcard div.overlay-container div#cart-message,
#bgiftcard div.overlay-container div#cart-message {
	margin-bottom: 10px;
	text-align: center;
	letter-spacing: 2px;
	font: 11px/11px Helvetica,Arial,"Lucida Grande",sans-serif;
}
#pgiftcard .cart-overlay .viewcart-button-container,
#bgiftcard .cart-overlay .viewcart-button-container {
	text-transform:uppercase;
	margin: 10px 0;
}
div.viewcart-button-container a.btn-primary {
	text-decoration: none;
}
div.price_gift {
	float: right;
}
div.cart-content  dd.size {
	float: left;
}
div.cart-content div.gift_qty {
	float: left;
	margin-left: 104px;
}
div.total-items  a.continue_shop {
	border-bottom:1px solid #000000;
}
div.viewcart-button-container {
	letter-spacing:2px;
}
div.cart-content  div.gift_price {
	display: inline;
    padding-left: 15px;
}
div.cart-content td.product dd.title {
	height: 50px;
	font-family:"NewtextITCStd-Regular";
	font-size: 13px;
	text-transform: uppercase;
}
dd.size span.size {
	text-transform: uppercase;
}
.cart-overlay .viewcart-button-container .total-items {
	font-size:11px;
}
ul.error_messages_display {
	color: #D80000;
	background: none;
	display: block;
}
#giftcard-about .pg_wrapper #content {
	width: auto;
}
#giftcard-about div#content h2 {
	border: none;
	font-size: 20px;
}

body.elc-user-state-anonymous div.giftcard-retrieval div#content div#egc-retrieval {
	display: inline-block;
}

.cart-confirm-wrapper .prod-info {
	padding-left: 4px;
}

.cart-overlay .cart-content dl.thumb-75x75 {  padding: 0 0 14px 80px !important; }
body > div.wrapper{
  height: auto;
}
input.giftcard_number.error,
input.giftcard_pin.error,
div.select_gift_card_value select.error {
  border: 1px solid red;
}

/* Gift Card Balance legacy layout */
.giftcard-layout-left div#content {
    width: 53%;
}
.giftcard-layout-left div#content h2 {
    text-align: left;
    padding-bottom: 24px;
    border-bottom: 1px solid #ccc;
}
body.giftcard-layout-left #form_column div.gift_check_balance_content {
    text-align: left;
}
body.giftcard-layout-left #form_column fieldset.giftcard div.form_element {
    margin-left: 0;
    text-align: left;
    margin-bottom: 20px;
}
body.giftcard-layout-left div#form_column input#check-balance-btn {
    margin-left: 0;
    height: 48px;
    text-transform: capitalize;
    letter-spacing: .01em;
}
.giftcard-layout-left input.GC_GIFTCARD_NUMBER,.giftcard-layout-left input.GC_GIFTCARD_PIN {
    width: 50%;
}
.giftcard-layout-left p.info-message {
    font-size: 14px;
    margin: 0;
}
.giftcard-layout-left form#giftcard_balance {
    padding-bottom: 40px;
}
.giftcard-layout-left #gc-bal-info,
.giftcard-layout-left .required_mark {
    display: none;
}
body#giftcard-balance .adpl input[type=text]label:before {
    font-size: 11px;
}
.giftcard-layout-left div.gift_card_main_h2 p {
    font-size: 11px;
}
.giftcard-layout-left button#explore {
    padding: 0px 15px;
    background: black;
    color: white;
    font-size: 11px;
    height: 23px;
    line-height: 22px;
    border: 1px solid #cccccc;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.giftcard-layout-left #sidebar .gift_card_gh {
    height: 320px;
    padding-top: 60px;
}
.giftcard-layout-left #sidebar .gift_card_gh .gift_card_main_h {
    top: 0;
}
.giftcard-layout-left .adpl input[type=text]+label:before
{
    font-size: 12px;
}
.giftcard-layout-left div.gift_card_main_h2 h2
{
    font-weight: bold;
}
/* Buy a Gift Card legacy layout */
#pgiftcard div.gift_card_main_h2 p,
#bgiftcard div.gift_card_main_h2 p {
    font-size: 11px;
}
#pgiftcard button#explore,
#bgiftcard button#explore {
    padding: 0px 15px;
    background: black;
    color: white;
    font-size: 11px;
    height: 23px;
    line-height: 22px;
    border: 1px solid #cccccc;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#pgiftcard div.gift_card_main_h2 h2,
#bgiftcard div.gift_card_main_h2 h2 {
    font-weight: bold;
}
#pgiftcard div#content h2,
#bgiftcard div#content h2 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #333333;
}
#pgiftcard #content div.img_column p,
#bgiftcard #content div.img_column p {
    line-height: 16px;
    font-size: 12px;
}
#pgiftcard #content select,
#bgiftcard #content select {
    height: 25px;
    font-size: 11px;
    display:block;
    padding: 5px;
}
#pgiftcard #sidebar .gift_card_gh,
#bgiftcard #sidebar .gift_card_gh {
    height: 320px;
    padding-top: 60px;
}
#pgiftcard #sidebar .gift_card_gh .gift_card_main_h,
#bgiftcard #sidebar .gift_card_gh .gift_card_main_h {
    top: 0;
}
#pgiftcard .pgiftcard_column,
#bgiftcard .pgiftcard_column {
    padding-bottom: 20px;
}
/* Mobile Gift Card Balance legacy layout */
@media(max-width: 767px) {
    .giftcard-layout-left div#content {
        width: 100%;
        padding: 0 20px;
    }
    .giftcard-layout-left div.form_column {
        font-size: 11px;
        float: none;
    }
    body#giftcard-balance .adpl input[type=text]label:before {
        font-size: 10px;
    }
    #pgiftcard div#content,
    #bgiftcard div#content {
        width: 100%;
        padding: 0 20px;
	min-height: 310px;
    }
    #pgiftcard .form_column.pgiftcard_column, #pgiftcard fieldset.fs.giftcard, #pgiftcard #content select,
    #bgiftcard .form_column.pgiftcard_column, #bgiftcard fieldset.fs.giftcard, #bgiftcard #content select {
        width: 100%;
    }
    #pgiftcard div.select_gift_card_value,
    #bgiftcard div.select_gift_card_value {
        margin-left: 0px;
    }
    #pgiftcard div.img_column,
    #bgiftcard div.img_column {
        margin-right: 0px;
    }
}
@media only screen and (max-width: 768px) {
    #pgiftcard div.overlay-container,
    #bgiftcard div.overlay-container {
        right: 18px;
        position: fixed !important;
        top: 21% !important;
        font-size: 13px;
        max-height: 450px !important;
        height: auto !important;
    }
    #pgiftcard #form--errors--pgiftcard,
    #bgiftcard #form--errors--pgiftcard {
       letter-spacing : 1px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .giftcard-layout-left div#content {
       width: 83%;
    }
}
