﻿html{
 background:none;
}

body{
    background: #fff url(images/background.png) repeat-x top left; 
    color: #000;
    font-family: Trebuchet MS, Arial;
}

p {
    margin-bottom: 10px;
}

a{
    color:#000;
}


strong {
    font-weight:bold;
}

.site{
    margin: 30px auto auto ;
    width: 996px;
    background:#fff;
}


.logo-print{ display: none;}

.site .ft{

    clear:left;
}
.clearboth{
    clear:both;
}
.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.checkout .site .hd{
    height:77px;
    background: url(images/hd-checkout.png) no-repeat 0 -3px;
}

.checkout .content .hd,
.content .hd,
.content .ft,
.full-content .hd,
.full-content .ft,
.checkout .side-content .hd,
.side-content .hd,
.side-content .ft{
    background:none;
    text-indent: 0;
    height:auto;
}

.content{
    width:770px;
    float:left;   
    
}

.site .bkg-sc .content{
    border-left: solid #e2e6e7 1px;
}
.site .bkg-cs .content{
    border-right: solid #e2e6e7 1px;
}
.site .bkg-sc,
.site .bkg-cs{
    background:url(images/bkg-content1.png) no-repeat left bottom;
}

.site .bkg-sc .side-content{
background:url(images/bkg-content3.png) no-repeat left -20px;
}

.site .bkg-cs .side-content{
background:url(images/bkg-content2.png) no-repeat left -20px;
}

.full-content .hd,
.checkout .content .hd,
.content .hd{
    height: 55px;
	z-index:1;
}

.full-content .bd,
.content .bd{
    position:relative;
    margin-left: 45px;
    margin-right: 80px;
    min-height:530px;
}

.full-content .ft,
.content .ft {
    height: 70px;
}

.checkout .side-content .hd,
.side-content .hd{
    height: 55px;
	z-index:10;
}

.side-content .bd{
min-height:345px;
}
.side-content{
    width:193px;
    float:left;
    padding-left: 16px;
    padding-right: 16px;
}

.side-block{
    border : 1px solid #b1bbbf;
    margin-bottom:5px;
}

.side-block .block-title{
   
    background:url(images/bkg-side-block-title.png) repeat-x top left;
    height : 16px;
    font-family :Arial;
    font-size:12px;
    padding-left: 5px;
    padding-top: 3px;
    position:relative;
}
.side-content .collapse .block-title{
    color: #777;
}


.side-block .block-title .edit{
    position: absolute;
    right: 5px;
    text-transform:lowercase;

}

.side-block .block-title .edit a {
    color:#000;
}

.shopping-bag {
    width:100%;
    font-size: 93%;
    margin-bottom: 5px;
}

.shopping-bag tr th{
    text-align:center;
    color : #777;
    border-bottom:1px solid #afb4b7;
    padding-bottom:10px;
}

.shopping-bag tr th.desc{
    text-align : left;
}

.shopping-bag td.desc{
    color: #777;
    
    line-height: 20px;
    
}
.shopping-bag td.desc a {
    color:#000;
    font-size: 116%;
}

.shopping-bag td.desc {
    font-size: 85%;
}

.shopping-bag tbody td{
    vertical-align:top;
    padding-top: 20px;
    padding-bottom:10px;
    border-bottom:1px solid #afb4b7;
}

.shopping-bag tbody td.item{
    padding-top: 15px;
}

.shopping-bag tbody .item img{
    border: solid 1px #d8dddf;
}
.shopping-bag .item{
    width: 86px;
    padding-right: 40px; 
}

.shopping-bag .price,
.shopping-bag .subtotal{
    width: 60px;
    padding-right:10px;
    text-align:right;
}

.shopping-bag .qty{
    width: 70px; 
    text-align:center;
}

.shopping-bag tbody .subtotal strong{
    font-weight:bold;
}

.shopping-bag td.desc .remove-item a{
    display:block;
    background: url(images/ico-x.png) no-repeat 0 1px;
    padding-left:12px;
    text-decoration:none;
    height:12px;
    font-size: 102%;
    line-height:12px;
    width:45px;
}

.update-shopping-bag{
    text-align:right;
    margin-bottom: 20px;
    padding-bottom:0px;
    border-bottom:1px solid #afb4b7;
}

h1.content-title{
    display:block;
    height: 19px;
    text-indent: -1000px;
    margin-bottom:30px;
}

h1.shopping-bag{
    width:135px;
    background:url(images/title-shopping-bag.png) no-repeat top left;
    margin-bottom:50px;
}

h1.order-received{
    width:340px;
    background:url(images/title-order-received.png) no-repeat top left;
}

h1.checkout{
    width:114px;
    background:url(images/title-checkout.png) no-repeat top left;
    margin-bottom:10px;
}

h1.change-account{
    width:329px;
    background:url(images/title-change-account.png) no-repeat top left;
}
h1.add-new-address{
    width:197px;
    background:url(images/title-add-new-address.png) no-repeat top left;
}

h1.billing-address{
    width:266px;
    background:url(images/title-billing-address.png) no-repeat top left;
}

h1.shipping-address{
    width:282px;
    background:url(images/title-shipping-address.png) no-repeat top left;
}

h1.my-dashboard{
    width:161px;
    background:url(images/title-my-dashboard.png) no-repeat top left;
}

h1.my-orders{
    width:118px;
    background:url(images/title-my-orders.png) no-repeat top left;
}

h1.signin-create{
    width:343px;
    background:url(images/title-signin-create.png) no-repeat top left;
}

h1.create-account{
    width:213px;
    background:url(images/title-create-account.png) no-repeat top left;
}

h1.address-book{
    width:160;
    background:url(images/title-address-book.png) no-repeat top left;
}

h1.order{
    width:105;
    background:url(images/title-order.png) no-repeat top left;
}

h1.edit-address{
    width:143px;
    background:url(images/title-edit-address.png) no-repeat top left;
}

h1.my-wishlist{
    width:130px;
    background:url(images/title-my-wishlist.png) no-repeat top left;
}

h1.share-wishlist{
    width:203px;
    background:url(images/title-share-wishlist.png) no-repeat top left;
}

h1.forgot-password{
    width:262px;
    background:url(images/title-forgot-your-password.png) no-repeat top left;
}




.intro {
    margin-bottom: 30px;
}
.top-action{
    position:absolute;
    right: 0;
    top:0;
}

.bottom-action{
    text-align:right;
    height:27px;
    margin-top:15px; 
}

.bottom-action a{
    float:right;
    margin-left:10px
}

.shopping-bag-more-info{
    position:relative;
    height: 105px;
    
}

.estimate-shipping{
    border:1px solid #afb4b7;
    width : 201px;
    height:82px;
    background:#fff;
    position: absolute;
    top: 0;
    right : 242px;
    padding: 12px;
    font-size: 85%;
}
.estimate-shipping .estimate-title{
    padding-left: 20px;
    background:url(images/ico-truck.png) no-repeat left 2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.estimate-shipping .estimate-destination{
    color :#777;
    margin-bottom: 10px;
}

.estimate-shipping input {
    width: 50px;
}
.shopping-bag-total {
    border:1px solid #afb4b7;
    width : 225px;
    height:106px;
    background : #e9ebed url(images/ft-shopping-bag-total.png) repeat-x bottom left; 
    position: absolute;
    top: 0;
    right : 0;
}
.shopping-bag-total .hd{
    display:block;
    height:12px;
    background : url(images/hd-shopping-bag-total.png) repeat-x top left;  
}

.shopping-bag-total .bd{
    padding-bottom: 0;
    height:76px;
    padding: 0 12px;
    margin: 0;
	min-height:1%;
   
}

.shopping-bag-total .ft{
    display:block;
    height:12px;
     
}

.shopping-bag-total .total-line{
    height:12px;
    margin-bottom:5px;
}

.shopping-bag-total .label{
    float:left;
    width: 125px;
    text-align:right;
}

.shopping-bag-total .value-wrapper{
    float:left;
    width: 70px;
    margin-left:5px;
    
    text-align:right;
    background: url(images/dot-shopping-bag-total.png) repeat-x left bottom;
}

.shopping-bag-total .value{
     background:#e9ebed;
 }

.shopping-bag-total .tax,
.shopping-bag-total .shipping-handling-total{
    color: #777;
 } 
 
.shopping-bag-total .total{
  font-size: 103%;
  margin-top: 10px;
 }
  
.shopping-bag-total .total .value-wrapper,
.shopping-bag-total .total .value,
.shopping-bag-total .total .label{
    border-top: 1px solid #afb4b7; 
    background:none;
    margin-left:0; 
    margin-top: 8px;
 }
 


.side-content .block-content{
    padding: 10px 10px;
    background:#fff;
    border-top:1px solid #b1bbbf;
    font-size: 85%;
    color: #777;
}
.shopping-help a{
    color:#000;
    font-family:Arial;
    font-size:85%;
}


.side-content .block-content a{
    color:#777;
    font-family:Arial;
    text-decoration:none;
    font-size:12px%;
}

.side-content .block-content ul li{
    line-height:15px;
    background: url(images/arrow-menu.png) no-repeat 0 5px;
    margin-bottom: 5px;
    padding-left: 10px;
}
.side-content .block-content ul li.current {
    background: url(images/arrow-menu-current.png) no-repeat 0 5px;
}

.side-content .block-content ul li.current a{
    color:#000;
    font-weight:bold;
}

.shopping-help ul li{
    line-height:15px;
    background: url(images/dot-gray.png) no-repeat 0 7px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.shopping-help .need-help{
    color: #777;
}

.shopping-help .help-by-phone{
    color: #000;
    display:block;
    background:url(images/ico-phone.png) no-repeat left 2px;
    padding-left: 20px;
    margin-top: 5px;
}

.shopping-help .help-by-email{
    display:block;
    background:url(images/ico-email.png) no-repeat left 4px;
    padding-left: 20px;
}


.secondary-text,
.recommended-items .intern-word{
    color: #777;
    font-weight:normal;
}

.recommended-items .recommended-item{
    min-height: 90px;
    position:relative;
}

.recommended-items .item-img{
    width: 65px;
    position:absolute;
    top:0;
    left:0;   
    height:65px;
    overflow:hidden;
}

.recommended-items .item-desc{
    width: 100px;
    line-height:15px;
    margin-lefT: 70px;
}


.side-content .checkout-summary-title{
 text-transform:uppercase;
 margin-bottom: 10px;
}


.checkout-steps{
    height: 47px;
    text-indent: -1000px;
    margin-bottom:40px;
}

.checkout-steps .step{
    width: 129px;
    height:47px;
    float:left;
}

.checkout-steps .step a{
    display:block;
    width: 129px;
    height:47px;
    overflow:hidden;
}

.checkout-steps .step1{
    background:url(images/checkout-step1.png) no-repeat 1px 1px;
}

.checkout-steps .step1-selected{
    background:url(images/checkout-step1-selected.png) no-repeat 1px top;
}

.checkout-steps .step2-selected{
    background:url(images/checkout-step2-selected.png) no-repeat 1px 1px;
}

.checkout-steps .step2{
    background:url(images/checkout-step2.png) no-repeat 1px 1px;
}

.checkout-steps .step3-selected{
    background:url(images/checkout-step3-selected.png) no-repeat 1px 1px;
}
.checkout-steps .step3{
    background:url(images/checkout-step3.png) no-repeat 1px 1px;
}

.checkout-steps .step4-selected{
    background:url(images/checkout-step4-selected.png) no-repeat 1px 1px;
}
.checkout-steps .step4{
    background:url(images/checkout-step4.png) no-repeat 1px 1px;
}

.checkout-steps .step5-selected{
    background:url(images/checkout-step5-selected.png) no-repeat 1px 1px;
}
.checkout-steps .step5{
    background:url(images/checkout-step5.png) no-repeat 1px 1px;
}

.form-inputs .field-info{
    min-height:20px;
    display:block;
    padding-bottom: 15px;
    overflow:auto;
    zoom:1;
}

.form-inputs .field-info2{
    height:30px;
    display:block;
    
    padding-left:120px;
    width:510px;
}

.form-inputs .block-title{
    padding-left:120px;
    width:510px; 
    display:block;
    font-weight:bold;
    font-size:112%;
    text-transform:uppercase;
    margin-bottom: 10px;
    position:relative;  
}

.content .block-title{
    display:block;
    font-weight:bold;
    font-size:15px;
    text-transform:uppercase;
    margin-bottom: 10px;
    position:relative;
}

.block-title .title {
	font-weight:normal;
}

.content .block-title span.link{
    position:absolute;
    right:5px;
    font-size:11px;
    font-weight:normal;
    text-transform:none;
}

.form-inputs .label{
    display:block;
    float:left;
    width: 220px;
    text-align:right;
    margin-right: 5px;
    
}

.form-inputs .value{
    display:block;
    float:left;
    width:280px;   
}

.form-inputs .value a{
    color:#000;
    font-size:85%;
}

.form-inputs .value input.input{
    width: 230px;
}

.required-field-text{
    text-align:right;
    width: 460px;
    margin-bottom: 10px;
    color:#777;
    font-size:11px;
}

.required { color: Red;}

.error-msg{
    color:Red;
    overflow:hidden;
}


.form-inputs select.input,
.form-inputs input.input{
    border-width: 0 1px;
    border-color: #d4d4d4;
    background: url(images/bkg-input.png) repeat-x left top;
    height: 20px;
    padding-top: 2px;
    font-size:12px;
    
}

textarea.input{
    background: url(images/bkg-textarea.png) repeat-x left top;
    border-width: 0 1px 1px;
    border-color: #d4d4d4;
    padding-top: 2px;
}

textarea.error,
.form-inputs select.error,
.form-inputs input.error{
    border: 1px solid red;
    background: #ffe8e8 url(images/bkg-input-error.png) repeat-x left 0px;
    padding-top: 2px;
}

.form-action{
    width:460px;
    text-align:right;
    margin-top: 20px;
    position:relative;
}

.order-review{
    border: 1px solid #c5cccf;
    width:645px;
    font-size:12px;
}

.order-review thead th{
    background:url(images/bkg-table-header.png) repeat-x top left;
    height: 19px !important;
    height: 29px;
    border-bottom: 1px solid #c5cccf;
    padding: 5px;
    font-weight:bold;
    font-size:11px;
}

.order-review .price,
.order-review .subtotal{
    width: 60px;
    padding-right:10px;
    text-align:right;
}

.order-review .qty{
    width: 70px; 
    text-align:center;

}

.order-review tbody .subtotal strong{
    font-weight:bold;
}

.order-review tbody td{
border-top : 1px solid #eef0f1;
vertical-align:top;
}

.order-review tfoot .total-line td{
border-top : 1px solid #eef0f1;
}

.order-review-wrapper{
    background: #fff url(images/bkg-table-footer.png) repeat-x bottom left;
    width:645px;
}
.order-review td{
    padding:5px;
}

.order-review tfoot td{
    text-align:right;
}
.order-review tfoot .total-line td{
border-top : 1px solid #e2e6e7;
}

.order-review tfoot .total-line td strong{
    font-weight:bold;
    font-size:103%;
}

.not-signin-block,
.signin-block {
    margin-top:80px;
    width:360px;
    float:left;
    margin-right:50px;
    padding-right:25px;
}

.signin-block{
    border-right : 1px solid #e2e6e7;
}


.not-signin-block .block-title,
.signin-block .block-title{
    text-transform:uppercase;
    font-size:112%;
    font-weight:bold;
    margin-bottom: 10px;
}

.signin-block p{
    color : #777;
}

.signin-block .form-inputs .label{
    width: 105px;
}

.signin-block .form-inputs {
    margin-top: 15px;
}


.block-element{
    width:287px;
    float:left;
}

.block-group .last{
    margin-left: 71px;
    
}

.page-action{
    margin-top: 20px;
    margin-bottom: 20px;
}

.system-msg{
    border: 1px solid #c5cccf;
    padding: 4px;
    background: #f9f9f9 url(images/check-green.png) no-repeat 5px 5px;
    color: #7a7a7a;
    padding-left: 25px;
    font-family:Arial;
    margin-bottom: 20px;
}
