/* BUY-FLOW */

.amount {
    text-align:right;
    white-space: nowrap;
    vertical-align:top;
}

p.adviceFieldError {
    color:#ff3131 !important;
    display:block;
    font-size:0.9em;
    padding:4px 0 5px 0;
    width:160px;
}

.edit-box {
    position:absolute;
    background-color:#eeeeee; 
    border:1px solid #bbbbbb; 
    padding:10px;
}

.ajaxLoadingMain {
    float:right;
    display: none;
    margin:10px 20px 0 0;
    width:16px;
    height:34px;
    background:url(/system_images/buy-flow/ajax-loading-circles-s.gif) no-repeat 0 10px;
}
.ajaxLoadingSmall {
    float:right;
    display: none;
    margin:0 10px 0 0;
    width:16px;
    height:20px;
    background:url(/system_images/buy-flow/ajax-loading-circles-s.gif) no-repeat 0 3px;
}

/* TEXT-STUFF */

#info-row
{
    font-size: 13px;
    color: #5F5F5F;
    padding-bottom:20px;
    
}

#order-row,
#choose-number,
#rules,
#order-row a
{
    font-size:13px;
}
#order-row,
#choose-number
{
    color: #5F5F5F;
    font-size:13px;
}
#order-row p,
#order-row
{
    font-size:13px;
    margin-bottom:3px;
    color: #5F5F5F;
}
#rules,
#rules a,
#rules p
{
    font-size:11px;
}
#person-data p,
#person-data a
{
    margin:0px;
    font-size:11px;
}
#choose-amount input
{
    margin-left:5px;
    float:left;
    
    
    
}
.radio-button-cont
{
    float:left;
    margin-bottom:8px;
}
#radio-buttons
{
    float:left;
    width:270px;
}
#choose-amount
{
    margin-top:15px;
    min-height:79px;
    width:350px;
}
#choose-amount
{
    float:left;
}
.text-value
{
    float:left;
    margin-left:2px;
    margin-top:-2px;
    margin-right:10px;
}
.content p
{
    line-height:22px;
}
#top-sum
{
    color:#D69C37; font-size:18px; font-style:italic; 
}
#thank-you
{
    font-size:13px;
    color: #5F5F5F;
    
    
}
#thank-you a
{
    text-decoration:none;
}
#thank-you h1
{
    margin-bottom:10px;
}
#thank-you p
{
    
    line-height:22px;
}
/* END TEXT-STUFF */

#info-row
{
    width:870px;
    margin:auto;
}
#whole-box-container
{
    float:left;
    width:628px;
}
#card-container
{
    width:200px;
    margin-left:10px;
}
#info-container
{
    width:370px;
    padding:0px 40px 0 40px;
}

#extra-info-container
{
    width:200px;
    
}
.info-row-container
{
    float:left;
    text-align:left;
}
.standard-font
{
    font-size: 13px;
    color: #5F5F5F;
}
#info-box-container
{
    margin-top:38px;
    
}
#info-box-text-container
{
    position: relative; 
    margin-top:-20px; 
    margin-bottom:-70px;
    z-index:11;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
}
#info-box-text-container ul li
{
    margin-bottom:10px;
}

#info-box-top
{
    background: url(/system_images/buy-flow/info-box-top.gif) no-repeat;
    height:40px;
    width:200px;
    position:relative; z-index:10;
}
#info-box-middle
{
    background: url(/system_images/buy-flow/info-box-middle.gif) repeat-y;
    
    width:200px;
}
#info-box-bottom
{
    background: url(/system_images/buy-flow/info-box-bottom.gif) no-repeat;
    height:98px;
    width:200px;
    position: relative;
    z-index:10; 
}
#order-row
{
    width:870px;
    margin:auto;
}
#main-box-top
{
    height:16px;
    width:628px;
}
#main-box-left
{
    float:left;
}
#main-box-right
{
    float:left;
}
#person-data-container
{
    float:left;
    width:609px;
    text-align:left;
    
    
}
#first-column-text-box
{
    /* width:372px; */
    float:left;
}
#second-column-text-box
{
    background:transparent;
    width:186px;
    float:left;
}
#third-column-text-box
{
    background:transparent;
    float:left;
}
.visible
{
    display:block;
}
.hidden
{
    display:none;
}
#info-text
{
    width: 508px; border: 1px solid #ddd; text-align: center; line-height: 45px;
}
#text-box-container
{
    margin:13px 0 13px 0;
}

#text-box-container .clearfix {
    width: 525px;
}

.txt-box-field {
    float:left;
    padding:0 15px 0 0;
}

#first-column-text-box .txt-box,
#second-column-text-box .txt-box,
#third-column-text-box .txt-box,
#txt-box-container .txt-box
{
    background-image: url(/system_images/buy-flow/main-txt-box.gif);
    background-repeat: no-repeat;
    width: 156px;
    height: 19px;
    padding:4px 1px 1px 2px;
    margin-bottom:0px;
    position:relative;
    
}
.txt-box input.no-border,
#txt-box-city input,
#txt-box-post-code input,
.txt-box-red input
{
    border:none 0px #FFF;
    color: #5F5F5F;
    margin-left:0px;
    display: inline;
    position:relative;
    height: 100%;
    width: 100%;

}

#txt-box-city input
{
    
}
#txt-box-post-code input
{
    width:49px;
}
.txt-box-red input
{
    background-color:#F8D8DD;
}
#txt-box-post-code
{
    background-image: url(/system_images/buy-flow/postcode-txt-box.gif) !important;
    background-repeat: no-repeat !important;
    width: 49px !important;
    height: 21px !important;
    padding:2px 1px 1px 2px !important;
    float:left !important;
    margin-bottom:8px !important;
}
#txt-box-city
{
    background-image: url(/system_images/buy-flow/city-txt-box.gif) !important;
    background-repeat: no-repeat !important;
    width: 96px !important;
    height: 21px !important;
    padding:2px 1px 1px 2px !important;
    float:left !important;
    margin-bottom:8px !important;
    margin-left:8px !important;
}
.txt-box-red
{
    background-image: url(/system_images/buy-flow/mian-txt-box-red.gif) !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding:2px 1px 0px 2px;
    margin-bottom:0px;
    position:relative;
    
}

#person-data
{
    padding:25px 43px 0px 35px;
    background-color: #F1F1F1;
    
}
.divider
{
    overflow:hidden;
    height:0px;
    border-top:1px solid #D9DBDC;
    border-bottom:1px solid #FDFDFD;
}
#gradient-background
{
    background: url(/system_images/buy-flow/main-box-back.gif) repeat-x;
    
}
#rules
{
    padding:14px 43px 0px 35px;
    width:531px;
}
#links-torules-container
{
    float:left;
    width:240px;
}
#check-box-container
{
    float:left;
    width:267px;
    margin-top:30px;
}
#check-box-container .checkbox
{
    float:left;
}
.check-box-text-container
{
    width:267px;
    
}
.check-box-text-container .checkbox-text
{
    float:left;
    width:249px;
    margin-left:5px;
}

#rules ul
{
    margin-left:10px;
}
#choose-number
{
    padding:14px 43px 0px 35px;
}
#radio-button-container
{
    margin-top:20px;
    height:20px;
}
#choose-number .new-number-text
{
    float:left;
    margin-left: 6px;
    margin-right:30px;
    
    
    
}
#choose-number input[type="radio"]
{
    float:left;
    margin-left:0px;
    margin-top:2px;
    
    
}
#sms-code,
#old-number
{
    float:left;
}
#choose-number #txt-box-container
{
    
    margin-top:20px;
    height:100%;
    
}
#choose-number .new-number
{
     height:0px;
    visibility:hidden;
}
#choose-number .old-number
{
    visibility:visible;
    height:100%;
}
#payment
{
    padding:14px 43px 0px 35px;
}
#pay-method-container
{
    margin-top:20px;
}
.pay-method
{
    float:left;
    margin-right:10px;
    width:146px;
    height:110px;
    background: url(/system_images/buy-flow/background-payment.gif) no-repeat;
    padding:16px 15px 0px 10px;
}
#method-invoice
{
    margin-left:-3px;
    position:relative;
}
#method-credit-card
{
}
#method-post-pay
{
    margin-right:-3px;
    position:relative;
}
.pay-description
{
    margin-left:19px;
    font-size:11px;
}
#button-cont
{
    text-align:center;
    
}
#order-info
{
    background: url(/system_images/buy-flow/order-info-back.gif) no-repeat;
    width:160px;
    min-height:170px;
    float:left;
    background-color:#FFF;
    margin-left:32px;
    text-align:left;
    padding:30px 24px 0px 20px;
}
#your-order-img
{
    margin-bottom:25px;
}
#price-list
{
    width:100%;
}
#card-type
{
    margin-bottom:9px;
}
#paymethod,
#additional-service
{
    margin-bottom:12px;
}
#sum-amount
{
    text-align:right;
    white-space: nowrap;
    margin-bottom:25px;
}
.small-divider
{
    border-top:solid 1px #e5e5e5;
    margin-bottom:13px;
}
.top-columns
{
    text-align:left;
    margin-right:40px;
    float:left;
    min-height:100px;
}
#id-data
{
    
    width:285px;
    
}
#id-data #column1,
#id-data #column2
{
    float:left;
    width:140px;
    overflow:hidden;
}
#id-data #column1
{
    width:142px;
}
.change a
{
    text-decoration:none;
}
.change
{
    float:right;
    
   
}
#chosen-card
{
    width:285px;
}
#img
{
    float:left;
    margin-right:15px;
}
#img-desc
{
    float:left;
    width:165px;
}
#payment-chosen
{
    margin-right:0px;
    width:185px;
}

#phone-list
{
    width:610px;
    float:left;
    text-align:left;
}
.list-item
{
    min-height:100px;
    width:610px;
}
.item-img
{
    float:left;
}
.spec-head
{
    margin-bottom:3px;
}
.item-spec
{
    float:left;
    margin-right:66px;
    margin-top:12px;
}
.item-spec .spec-head
{
    font-weight:bold;
}
.item-spec ul li
{
    font-size:11px;
    margin-left:7px;
}
.item-option
{
    font-size:11px;
    float:left;
    margin-top:35px;
}
.item-option input
{
    margin-right:3px;
    float:left;
}
.item-option-text
{
    margin-top:-1px;
    float:left;
}
.option-container
{
    margin-bottom:3px;
    width:200px;
    
}
.buy-price
{
    float:right;
}
.buy-price .price
{
    font-weight:bold;
    text-align:right;
    margin-bottom:30px;
}
#thank-you
{
    margin:auto;
    text-align:left;
    width:850px;
    
}
#order-confirm
{
    float:left;
    width:402px;
    margin-right:42px;
    position:relative;
    z-index:0;
}
#promotion-space
{
    width:406px;
    float:left;
    min-height:400px;
/*    background-color:Gray; */
}
#bought-card
{
    margin-bottom:25px;
}

/* START ERROR MSG ON VALIDATE */

.errortooltip {
    color: red;
    font: 12 verdana;
    background: #fff;
    position:absolute;
    top:-40px;
    right:-1px;
    height:42px;
    width:210px;
    font-size:11px;
    background:url(/system_images/buy-flow/validate_error.png) 0 0 no-repeat;
    z-index: 999;
}
.errortooltip_header 
{
    display:block;
    padding-top:8px;
    padding-right:10px;
    padding-left:34px;
    width: 100%;
}
.errortooltip_small
{
    padding:0;
    margin:0;
    width:32px;
    height:37px;
    right:0;
    position:absolute;
    top:-40px;
    background:url(/system_images/buy-flow/validate_error_small.png) 0 0 no-repeat;
}
.errortooltip_small .error
{
    display:none;
}
.errorlink
{
    color: #FFF;
}
/* END BUY-FLOW */