/**** selling ****/
#selling #main_content h3 {
    margin:22px 0 6px;
    padding:0;
    background:transparent;
}
#selling .sellContent {
    padding:0 0 0 26px;
}
#selling .sellContent h3 {
    font-size:2.2em;
}

/**** card worth form ****/
.sellContent form .cardMerchant .text {
    width:180px;
}
/**** firefox hacks for - card worth form ****/
 html>/**/body .sellContent form .cardMerchant .hint {
	padding:5px 0 0 6px;
	float:right;
	margin-right:150px;
	
}
.sellContent form .cardMerchant .hint {
	padding:0 0 0 6px;
	float:right;
	margin-left:-280px;
}
.sellContent form .cardBalance {
    width:270px;
}
.sellContent form .cardBalance .text {
    width:180px;
}
.sellContent form .cardBalance .hint {
    padding:4px 0 0;
}
.sellContent form .cardBalance .hint strong {
    display:block;
}

/**** card offers ****/
.cardOffers {
    margin:0 0 16px;
}
.cardOffers table {
    width:100%;
}
.cardOffers td, .cardOffers th {
    vertical-align:middle;
}
.cardOffers .number {
    font-size:2em;
    text-align:center;
}
.cardOffers .amount, .cardOffers .cardList, .cardOffers .number {
    margin:3px;
    padding:6px 8px;
    border:solid 2px #F0F1F3;
    height:50px;
}
.cardOffers .amount {
    font-size:2em;
    font-weight:bold;
    text-align:center;
    line-height:50px;
}
.cardOffers .amount sup {
    position:relative;
    top:-7px;
    font-size:18px;
    vertical-align:baseline;
}
.cardOffers .headerRow th {
    padding:0 0 6px;
    font-weight:bold;
    vertical-align:bottom;
}
.cardOffers .headerRow .cardHeader {
    padding-right:4px;
}
.cardOffers .cardHeader .left {
    padding:16px 0 0;
}
.cardOffers .cardHeader .right {
    text-align:right;
}
.cardOffers .cardRow th {
    width:32px;
}
.cardOffers .cardRow .number {
    margin:3px 0;
    border-right:none;
    background:url(../images/number-bg.gif) 100% 0 repeat-y;
    text-align:center;
    line-height:50px;
}
.cardOffers .cardRow .cardList {
    margin:3px 1px 3px 0;
    padding:10px 8px 6px;
    border:none;
    background:url(../images/gray-angle-bg-2.gif) 100% 50% no-repeat;
}
.cardOffers .cardRow .cardList .info {
    float:left;
    padding:0 0 0 2px;
    width:200px;
}
.cardOffers .totalRow td {
    vertical-align:top;
}
.cardOffers .totalRow .amount {
    font-size:2.2em;
    color:#FBA011;
    line-height:1.5em;
    height:auto;
}

/**** validate gift card ****/
.validateGiftCard table {
    margin:10px 0 6px;
    width:100%;
}
.validateGiftCard th {
    text-align:left;
}
.validateGiftCard td {
    padding:6px;
    vertical-align:top;
}
.validateGiftCard .cardList {
    padding-top:8px;
    width:188px;
}
.validateGiftCard .cardNumber .text {
    width:182px;
}
.validateGiftCard .cardPin .text {
    width:56px;
}
.validateGiftCard .cardPin .textInput {
    margin:0 6px 0 0;
}

/**** complete your transaction ****/
.completeTransaction {
    margin:22px 0 10px;
    background:url(../images/gray-arrow.gif) 190px 50% no-repeat;
    border:solid 1px #FFF;
}
.completeTransaction h5 {
    clear:both;
}
.completeTransaction .card {
    margin:12px 0 22px;
    width:190px;
}
.completeTransaction .youSend {
    float:left;
    width:190px;
}
.completeTransaction .weSend {
    float:right;
    width:320px;
}
.completeTransaction .weSend .card {
    float:left;
    width:170px;
}
.completeTransaction .weSend.single .card {
    margin:40px 0 0;
}
.completeTransaction .weSend .card .info {
    width:94px;
}
.completeTransaction .weSend .options {
    float:right;
    padding:36px 0 0;
    width:146px;
}
.completeTransaction .weSend.single .options {
    padding-top:65px;
}
.completeTransaction .weSend .options a {
    font-weight:normal;
    color:#666;
}

/**** charity donate ****/
.charityDonate {
    padding:14px 0 12px;
    background:url(../images/dot-gray-horizontal.gif) 0 0 repeat-x;
}
.charityDonate .charityText {
    padding:0 0 0 30px;
    background:url(../images/pj-charity-ribbon.gif) 0 4px no-repeat;
}
.charityDonate form {
    margin:0;
    padding:10px 0;
    background:url(../images/dot-gray-horizontal.gif) 0 100% repeat-x;
    border:solid 1px #FFF;
    border-bottom:none;
}
.charityDonate form .selectCharity, .charityDonate form .donationAmount {
    float:left;
    width:250px;
}
.charityDonate form .donationAmount {
    width:200px;
}
.charityDonate form .donationAmount .selectInput .text {
    width:160px;
}
.charityDonate form .submit {
    float:right;
    margin:0;
    padding:4px 0 0;
    word-spacing:10px;
    width:146px;
}

/**** contact info ****/
.contactInfo .formRow {
    margin:10px 0;
}
.contactInfo .text {
    width:250px;
}
.contactInfo .state {
    float:left;
    width:200px;
}
.contactInfo .state .selectInput .text {
    width:50px;
}
.contactInfo .zip {
    float:left;
    width:100px;
}
.contactInfo .zip .text {
    width:60px;
}
.contactInfo .phone .textInput {
    margin:0;
}
.contactInfo .phone .text {
    width:40px;
}
.contactInfo .phone .text.last {
    width:54px;
}
.contactInfo .phone .hint {
    padding-left:10px;
}
.contactInfo .submit {
    margin:24px 0 0;
}

/**** addresses ****/
.addresses {
    margin:14px 0;
}
.addresses .address {
    position:relative;
    float:left;
    margin:0 10px 0 0;
    padding:0 0 0 20px;
    width:164px;
}
.addresses .address input {
    position:absolute;
    top:2px;
    left:0;
    margin:0 !important;
    padding:0 !important;
    width:14px;
    height:14px;
}
.addresses .controls a {
    font-weight:normal;
    color:#444;
}

/**** print steps ****/
.printSteps {
    margin:20px 0;
    background:url(../images/gray-arrow-large.gif) 250px 50% no-repeat;
}
.printSteps .step1, .printSteps .step2 {
    float:left;
    text-align:center;
    width:310px;
}
.printSteps .step1 p {
    padding-right:40px;
}
.printSteps .step1 .printGraphic {
    background:url(../images/ship-label-graphic.jpg) no-repeat;
    width:155px;
    height:128px;
}
.printSteps .step1 .printButton {
    background:url(../images/buttons-print.gif) 50% 0 no-repeat;
    width:214px;
    height:42px;
}
.printSteps .step2 {
    float:right;
    width:260px;
}
.printSteps .step2 p {
    margin:26px 0;
}

.printSteps.email {
    background-position:250px 60%;
}
.printSteps.email .step1 .printGraphic, .printSteps .step1 .printGraphic.noCheck {
    background:url(../images/ship-label-graphic-no-check.gif) no-repeat;
}
.printSteps.email .step2 p {
    margin:36px 0 20px;
}

/**** modal window stuff ****/
.modalWindow .deleteOffer {
    padding:0 16px;
}
.modalWindow .deleteOffer .cardList {
    margin:22px 0;
    background:url(../images/gray-arrow.gif) 176px 50% no-repeat;
    border:solid 1px #FFF;
}
.modalWindow .deleteOffer .card {
    width:220px;
}
.modalWindow .deleteOffer .card .info, .modalWindow .deleteCard .card .info {
    width:144px;
}
.modalWindow .deleteOffer .submit {
    word-spacing:16px;
}

.modalWindow .deleteCard .cardList {
    margin:22px 0;
}
.modalWindow .deleteCard .card {
    width:220px;
}