﻿p 
{
    color: black;
}

#content-left-column
{
    width: 180px;
    float: left;
}

#content-center-column
{
    width: 480px;    
    float: left;
}

#content-right-column
{
    float: left;
    width: 331px;
}

#content-left-container 
{
   background: transparent url(../images/shop/bg-left-panel.png) no-repeat center;
   width: 169px;
   height: 426px;
   padding-top: 12px;
   padding-left: 5px;
   padding-right: 6px;
}

#content-center-container 
{
   padding-top: 15px;
   padding-left: 5px;
   padding-right: 6px;
}

#content-left-container a {
    float: left;
    height: 49px !important;
    overflow: hidden;
    padding: 0px;
    width: 159px;
}

.shop-bt-membership 
{
    background: transparent url(../images/shop/membership.png) no-repeat center;
    margin-top: 20px;
    margin-left: 5px;
}

a.shop-bt-membership:hover
{
    background: transparent url(../images/shop/membership-hover.png) no-repeat center;
}

.shop-bt-membership-selected
{
    background: transparent url(../images/shop/membership-selected.png) no-repeat center;
    margin-top: 20px;
    margin-left: 5px;
}

a.shop-bt-membership-selected 
{
    cursor: default;
}

.shop-bt-point-packs
{
    background: transparent url(../images/shop/point-packs.png) no-repeat center;
    margin-top: 5px;
    margin-left: 5px;
}

.shop-bt-point-packs-selected
{
    background: transparent url(../images/shop/point-packs-selected.png) no-repeat center;
    margin-top: 5px;
    margin-left: 5px;
}

a.shop-bt-point-packs-selected:hover 
{
    cursor: default;
}

a.shop-bt-point-packs:hover
{
    background: transparent url(../images/shop/point-packs-hover.png) no-repeat center;
}

.shop-bt-point-packs-selected
{
    background: transparent url(../images/shop/point-packs-selected.png) no-repeat center;
}

a.shop-bt-point-packs-selected:hover
{
    cursor: default;
}

.shop-bt-customer-service,
.shop-bt-customer-service-selected
{
    background: transparent url(../images/shop/customer-service.png) no-repeat center;
    margin-top: 5px;
    margin-left: 5px;
}

a.shop-bt-customer-service:hover
{
    background: transparent url(../images/shop/customer-service-hover.png) no-repeat center;
}

.shop-bt-customer-service-selected
{
    background: transparent url(../images/shop/customer-service-selected.png) no-repeat center;
}

a.shop-bt-customer-service-selected:hover
{
    cursor: default;
}

.shop-bt-offers,
.shop-bt-offers-selected
{
    background: transparent url(../images/shop/special-offers.png) no-repeat center;
    margin-top: 5px;
    margin-left: 5px;
}

a.shop-bt-offers:hover
{
    background: transparent url(../images/shop/special-offers-hover.png) no-repeat center;
}

.shop-bt-offers-selected
{
    background: transparent url(../images/shop/special-offers-selected.png) no-repeat center;
}

a.shop-bt-offers-selected:hover
{
    cursor: default;
}


#shop-1320-legends-points
{
    padding-bottom: 10px;
    width: 214px;
    height: 36px;
    background: transparent url(../images/shop/1320-legends-points.png) no-repeat left top;
}

#shop-bullet-standard-packs 
{
    padding-top: 20px;
    width: 240px;
    height: 14px;
    background: transparent url(../images/shop/bullet-standard-packs.png) no-repeat left center;
}

#shop-points-right-panel-icon
{
    width: 224px;
    height: 85px;
    background: transparent url(../images/shop/points-right-panel-icon.png) no-repeat left center;
}

.shop-standard-pack-item
{
    background: transparent url(../images/shop/bg-standard-pack.png) no-repeat center;
    width: 467px;
    height: 111px;
    position: relative;
    margin-bottom: 20px;
}

.shop-item-title 
{
    position: absolute;
    top: 7px;
    left: 34px;
    font-family: verdana, arial, tahoma, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.2;
    color: white;
}

.shop-item-price-dollars
{
    position: absolute;
    top: 6px;
    right: 30px;
    font-family: arial, verdana, tahoma, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 0.8;
    color: white;
}

.shop-item-price-cents
{
    position: absolute;
    top: 5px;
    right: 17px;
    font-family: arial, verdana, tahoma, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1;
    color: white;
}

.shop-item-points
{
    position: absolute;
    top: 50px;
    left: 24px;
    font-family: arial, verdana, tahoma, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 0.8;
    color: #53565B;
}

.shop-button-buy-now
{
    position: absolute;
    top: 45px;
    right: 15px;
    background: transparent url(../images/shop/button-buy-now.png) no-repeat center;
    width: 77px;
    height: 30px;
}

.shop-boku-button-wrapper
{
    position: absolute;
    top: 50px;
    right: 0px;
    background: transparent url(../images/shop/button-buy-now.png) no-repeat center;
    width: 160px;
    height: 40px;
}

.shop-item-comment 
{
    font-family: arial, verdana, tahoma, sans-serif;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: -267px;
    width: 250px;
}

.shop-item-comment-highlight 
{
    color: #AA2C37;
    font-weight: bold;
}

#shop-bullet-sms-packs
{
    background: transparent url(../images/shop/bullet-sms-packs.png) no-repeat center;
    width: 199px;
    height: 135px;    
}

.shop-sms-item
{
    background: transparent url(../images/shop/bg-sms-pack.png) no-repeat center;
    width: 467px;
    height: 111px;
    position: relative;
    margin-bottom: 20px;
    top: -58px;
}

.shop-sms-special-item
{
    background: transparent url(../images/shop/bg-sms-pack-special.png) no-repeat center;
}

#sometrics-wrapper 
{
    top: -38px;
    position: relative;
}

#sometrics-free-points 
{
    background: transparent url(../images/shop/sometrics-free-points.png) no-repeat left center;
    height: 25px;
    padding-bottom: 2px;
}

#shop-1320-legends-membership
{
    background: transparent url(../images/shop/1320-legends-membership.png) no-repeat left top;
    width: 259px;
    height: 40px;
}

#sometrics-country-note 
{
    color: black;
}

#content-right-container 
{
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 15px;
}

.shop-right-panel-title {
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 16px;
    line-height: 10px;
    font-weight: bold;
    color: #000000;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 13px;
} 

.shop-right-panel-content {
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    color: #111111;
    padding: 0px;
    margin: 0px;
} 

/** Membership page specific styles (1320Shop_default.aspx) */

#content-right-icon-wrapper 
{
    position: relative;
    height: 93px;
    overflow: visible;
}

#content-right-top-icon
{
    position: absolute;
    top: -18px;
    width: 294px;
    height: 113px;
    background: transparent url(../images/shop/membership-right-panel-icon.png) no-repeat left center;
}

/* A more effect version: image on the top */
#content-right-top-icon2
{
    position: absolute;
    right: 170px;
    top: 205px;
}

#shop-membership-benefits 
{
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    color: #111111;
    padding: 0px;
    margin-left: 15px;
    list-style-image: url(../images/bullet_red.gif)
}

.shop-item-membership-info 
{
    position: absolute;
    top: 50px;
    left: 24px;    
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #545454;
    list-style-image: url(../images/bullet_red.gif);
    margin-left: 15px;
}

/** Payment page specific styles (1320Shop_region.aspx)*/

#content-remain-column
{
    width: 811px;    
    float: left;
}

#content-remain-column-container 
{
    margin-left: 5px;
    margin-top: 6px;
}

.shop-purchase-detail 
{
    background: transparent url(../images/shop/bg-purchase-detail.png) no-repeat;
    height: 111px;
    margin-top: 5px;
    position: relative;
}

.shop-purchase-detail-title 
{
    position: absolute;
    top: 7px;
    left: 34px;
    font-family: verdana, arial, tahoma, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.2;
    color: white;
}

.shop-purchase-detail-info
{
    position: absolute;
    top: 40px;
    left: 24px;    
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #545454;
    list-style-image: url(../images/bullet_red.gif);
    margin-left: 15px;
}

.shop-purchase-detail-price-info
{
    position: absolute;
    top: 40px;
    right: 42px;    
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #6C6C6C;
    list-style-type: none;
    margin-left: 15px;
    text-align: right;
    line-height: 18px;
}

.shop-purchase-detail-price-total 
{
    color: #545454;
}

.shop-select-payment-text 
{
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #545454;
}

.shop-payment-area 
{
    
}

.shop-payment-area-container
{
    padding: 20px 5px;
}

.shop-payment-area-left 
{
    float: left;
    width: 150px;
    border-right: solid 1px #c1c1c1;
}

.shop-payment-method 
{
    margin-top: 5px;
    position: relative;
    height: 40px;
}

.shop-payment-method input 
{
    position: absolute;
    top: 8px;
    left: 2px;
}

.shop-payment-method img
{
    position: absolute;
    left: 30px;
}

.shop-payment-area-right 
{
    float: left;
}

.shop-payment-area-right-container 
{
    margin-left: 30px;
    margin-top: 3px;
}

.shop-payment-cc-text 
{
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #5571af;
}

#shop-payment-info-creditcard
{
    display: block;    
}

#shop-payment-info-moneyorder,
#shop-payment-info-paybycash,
#shop-payment-info-gamecard,
#shop-payment-info-clickandbuy,
#shop-payment-info-sometricspaypal
{
    display: none;
}

.shop-payment-info-left
{
    float: left;
    width: 230px;
}

.shop-payment-info-right
{
    float: left;
}

#shop-payment-info-gamecard input 
{
    margin-left: 5px;
    margin-bottom: 10px;
}

#shop-game-card-error-notice,
#shop-game-card-error-notice2,
#shop-paybycash-error-notice,
#shop-sometricspaypal-error-notice
{
    margin-left: 10px;
    display: none;
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    vertical-align: middle;
}

/** Order Complete (1320Shop_checkout3.aspx) */

.shop-hr 
{
    background-color: #d3d3d3;
    height: 1px;
    margin-right: 50px;
}

.shop-orange-title,
.shop-green-title,
.shop-black-title 
{
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #cb9a00;
}

.shop-green-title 
{
    color: #00991b;
}

.shop-black-title
{
    /*color: black;*/
    color: #3b3b3b;
}

.redeem-info 
{
    margin-top: 20px;
    width: 300px;
    height: 200px;
}

.redeem-info-left 
{
    float: left;
    width: 150px;
}

.redeem-info-right
{
    float: left;
    background: transparent url(../images/shop_cartcompleteredeem.jpg) no-repeat center;
    width: 150px;
    height: 101px;
}

.shop-bottom-note 
{
    font-size: 0.7em;
    padding-bottom: 20px;
}

#shop-order-complete-moneyorder
{
    display: block;
}

#shop-order-complete-common
{
    display: block;
}

#shop-complete-price-info 
{
    width: 120px;
}

.shop-complete-price-column
{
    text-align: right;
}

#shop-activation-code-area
{
    width: 309px;
    height: 76px;
    background: transparent url(../images/shop/bg-activation-code.png) no-repeat center;    
    margin-top: 20px;
}

#shop-activation-code-area div 
{
    padding-top: 25px;
    padding-left: 12px;
}

/** Order Review (1320Shop_checkout2.aspx) */
#shop-order-review 
{
    overflow: auto;
}

#shop-order-review-col1
{
    float: left;
    width: 35px;
}

#shop-order-review-col2
{
    float: left;
    width: 220px;
}

#shop-order-review-col3
{
    float: left;
    width: 35px;
}

#shop-order-review-col4
{
    float: left;
    width: 150px;
}

#shop-bt-complete 
{
    float: right;
    margin-top: 10px;
    margin-right: 50px;
}

.shop-payment-standby 
{
    clear: both;
    text-align: center;
    overflow: auto;
    margin-left: 80px;
}

.shop-payment-standby div,
.shop-payment-standby img
{
    float: left;
}

.shop-payment-standby div 
{
    padding-top: 10px;
}

.shop-payment-standby img 
{
    padding-top: 0px;
}

.shop-standby-text 
{
    clear: both;
    font-size: 0.8em;
    text-align: center;
    width: 75%;
}

/** Credit card billing (1320Shop_checkout1.aspx) */

#shop-billing-inputs-container
{
    overflow: auto;
}

.shop-billing-inputs-left
{
    float: left;
    width: 460px;
    margin-bottom: 10px;
}

.shop-billing-inputs-left h1 
{
    padding-top: 8px;
}

.shop-billing-inputs-right
{
    float: left;
    width: 325px;
}


#shop-billing-firstname
{
    width: 175px;
}

#shop-billing-firstname input
{
    width: 170px;
}

#shop-billing-lastname 
{
    padding-left: 10px;
}

#shop-billing-lastname input 
{
    width: 170px;
}

#shop-billing-address
{
    margin-top: 7px;
}

#shop-billing-address input 
{
    width: 355px;
}

#address-line1 
{
    margin-bottom: 5px;
}

#shop-billing-country 
{
    margin-top: 7px;
}

#shop-billing-country select 
{
    width: 190px;
}

#shop-billing-city-state-zip 
{
    margin-top: 7px;
}

#shop-billing-city,
#shop-billing-state,
#shop-billing-region,
#shop-billing-zip 
{
    margin-right: 5px;
}

#shop-billing-city input 
{
    width: 141px;
}

#shop-billing-state select,
#shop-billing-state input
{
    width: 140px;
    height: 22px;
}

#shop-billing-region input
{
    width: 100px;
}

#shop-billing-region
{
    float: left;
    display: none;
}

#shop-billing-zip input 
{
    width: 60px;
}

#shop-billing-phone
{
    margin-top: 7px;
}

#shop-billing-phone input 
{
    width: 190px;
}

#shop-billing-phone p small
{
    font-size: 0.8em;
}

#shop-billing-secured-logo 
{
    float: left;
    background: transparent url(../images/shop/cc-billing-secured-logo.png) no-repeat;
    width: 121px;
    height: 70px;
}

#shop-billing-card-type select,
#shop-billing-card-number input
{
    width: 200px;
}

#shop-billing-card-number,
#card-exp-month-year,
#card-security-code-area
{
    overflow: auto;
    clear: both;
    margin-top: 10px;
}

#card-exp-month,
#card-exp-year
{
    float: left;
    width: 90px;
}

#card-exp-month,
#card-security-code
{
    width: 109px;
    margin-right: 5px;
}

#security-code-info
{
    color: rgb(130, 156, 255);
    font-size: 10px;
    padding-top: 5px;
}

#shop-billing-email,
#shop-billing-email2
{
    
    margin-top: 7px;
}

#shop-billing-email input,
#shop-billing-email2 input 
{
    width: 190px;
}

#shop-billing-flash-message
{
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 21px;
    text-align: center;
    vertical-align: middle;
    visibility: hidden;
    min-height: 20px;
    overflow: auto;
    border: solid 1px #c7d4dc;
    background-color: #f2f8fc;
}

/** Customer Support (1320Shop_customerservice.aspx) */
#shop-customer-support-edit-container
{
    margin-left: 12px;
    overflow: auto;
}

#shop-customer-support-order-number
{
    width: 230px;
    padding-left: 3px;
}

#shop-customer-support-decription
{
    padding: 3px;    
}

#shop-customer-support-submit-line
{
    margin-top: 17px;
    overflow: auto;
    width: 480px;
}

#shop-sometrics-see-offer-status {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 120px;
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 12px;
    color: black;
}

#shop-sometricspaypal-offerstatus 
{
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 12px;
}

.note-small-size 
{
    font-size: 10px;
}

#shopOfferDetails
{
	background-color: #000000; background-image: url('../images/shop/vipPackage_invite_details.jpg'); width: 991px; height: 826px; color:#FFF;
}

#shopOfferDetailsDescription
{
	width:400px; position:relative; top:80px; left:160px;font-size:13px;
}

#shopOfferDetailsBullet
{
	position:absolute; top: 290px; left: 175px;color:#FFF;width:350px;font-size:14px;font-family:Century;
}

#shopOfferPurchaseButton
{
	position:relative;top: 265px; left: 485px; width: 80px;
}

#shopOfferProceed
{
	background:#000;background-image: url('../images/shop/proceed_invite_bkg.jpg');width:991px; height:700px;
}

#shopOfferProceedButton
{
	position:relative;  top: 320px; left: 300px; width: 400px;
}
#shopOfferProceedButton a
{
	border:0 0;