#sidebar .useful-infos ul{
  list-style:none;
}
#sidebar .useful-infos ul li span.document{
  padding:2px 0 5px 25px;
  display:block;
  background-position: top left;
}


#content .container.cart-items h1{
  width:96%;
  border-bottom:1px solid #666666;
}

#cart-items{
  list-style:none;
}
#steps{
  float:right;
  font-size:1.4em;
  padding-right:4%;
  margin-top:17px;
  padding-bottom:3px;
}
#steps a,
#steps span{
  background:url(/images/purchase_step.gif) top left no-repeat transparent;
  line-height:20px;
  font-size:0.8em;
  font-weight:bold;
  color:white;
  text-align:center;
  padding:2px 6px 3px 6px;
  margin-left:2px;
}
#steps a.active
#steps a:hover,
#steps span.active{
  background:url(/images/purchase_step_active.gif) top left no-repeat transparent;
}
#cart-items li{
  padding:20px 0;
  overflow:hidden;
  width:96%;
  position:relative;
  border-bottom:2px solid #AAAAAA;
}
#cart-items.progress{
  background:url('/images/progress_bg.gif') top left transparent;
}
#cart-items li .img{
  width:27.8%;
  overflow:hidden;
  float:left;
}
#cart-items li .body{
  width:48%;
  padding-right:2%;
  padding-left:2%;
  float:left;
}
#cart-items li .body h2{
  font-size:1.6em;
  font-weight:normal;
  line-height:1em;
}
#cart-items li .body h2 input{
  width:25px;
  border:1px solid #666666;
  text-align:right;
}
#cart-items li .body .perks{
  list-style:none;
  margin-top:30px;
}
#cart-items li .body .perks li{
  border:0;
  padding:2px 0;
}
#cart-items li .body .perks li .perk-title{
  width:20%;
  float:left;
  padding-top:4px;
}
#cart-items li .body .perks li .perk-body{
  padding-left:3%;
  width:70%;
}
#cart-items li .body h2 span{
  display:block;
  font-size:0.8em;
}
#cart-items li .details{
  width:20%;
  float:left;
}
#cart-items li .details .delete{
  text-align:right;
  margin-bottom:5px;
}
#cart-items li .details .delete a{
  background: url(/images/remove_item.gif) center right no-repeat transparent;
  padding-right:15px;
  line-height:15px;
}
#cart-items li .details .badges{
  padding:3px 0;
  text-align:right;
}
#cart-items li .price{
  position:absolute;
  bottom:15px;
  right:0px;
  font-size:1.4em;
  padding:10px 0px 10px 5px;
}
#cart-items li .price .amount{
  border:0 !important;
}
#cart-items li .price .title{
  font-weight:bold;
}

/*footer
---------------------*/
#content .container .cart-amount{
  width:96%;
  border-bottom:2px solid #AAAAAA;
  padding:15px 0;
}

#content .container .cart-amount.purchase{
  border-top:2px solid #AAAAAA;
  margin-top:15px;
}
#content .container .cart-amount .total{
  text-align:right;
  color:#ff0000;
  font-size:1.8em;
  line-height:1em;
}
#content .container .cart-amount .total span{
  float:left;
  font-size:0.72em;
  width:100%;
  margin-left:-150px;
  font-weight:bold;
}

#content .container .cart-amount .total span{
  font-size:0.56em;
  color:#666666;
}

#content .container .cart-controls{
  width:96%;
  padding:15px 0;  
  overflow:hidden;
}

#content .container .cart-controls .controls input.save{
  height:25px;
  padding:0px 20px 0px 5px;
  color:white;
  cursor:pointer;
  width:200px;
  border:1px solid #FF0000;
  border-right:4px solid #ff0000;
  float:right;
  background-color:#ff0000;
}
#content .container .cart-controls input.save.progress{
  background:#FF0000 url(/images/progress.gif) no-repeat scroll right 5px;
}
#content .container .cart-controls input.continue{
  margin-top:10px;
  height:25px;
  padding:0px 20px 0px 10px;
  color:white;
  cursor:pointer;
  text-align:left;
  width:170px;
  border:1px solid #FF0000;
  border-right:10px solid #ff0000;
  float:right;
  clear:right;
  background:#FF0000 url(/images/add_to_cart_btn.gif) no-repeat scroll right 1px;
}

/*Purchase
------------------------------------------*/

#content .container.purchase h1{
  border-bottom:1px solid #888888;
  width:96%;
}
#content .container.purchase div.text{
  padding:25px 0 280px 0;
  font-size:1.4em;
  line-height:1.4em;
}
#content .container.purchase .input{
  margin-top:10px;
}

#content .container.purchase .input input,
#content .container.purchase .input textarea{
  display:block;
  margin-top:2px;
  border:1px solid #888888;
  width:250px;
}

/*Finalized
------------------------------------------*/

#content .container ul.purchase{
  border-top:1px solid #AAAAAA;
  padding-top:15px;
  list-style:none;
  width:96%;
}
#content .container ul.purchase li{
  margin-bottom:20px;
}
#content .container ul.purchase li span{
  color:#AAAAAA;
  display:block;
}

#content .container ul.finalized-items{
  list-style:none;
  border-top:2px solid  #AAAAAA;
  width:96%;
}

#content .container ul.finalized-items li{
  padding:20px 0;
  overflow:hidden;
  position:relative;
  border-bottom:2px solid #AAAAAA;
}
#content .container ul.finalized-items li .img{
  width:27.8%;
  overflow:hidden;
  float:left;
}
#content .container ul.finalized-items li .body{
  width:48%;
  padding-right:2%;
  padding-left:2%;
  float:left;
}
#content .container ul.finalized-items li .body h2{
  font-size:1.6em;
  font-weight:normal;
  line-height:1em;
}
#content .container ul.finalized-items li .body h2 span.subtitle{
  display:block;
  font-size:0.8em;
}
#content .container ul.finalized-items li .body ul.perks{
  margin-top:40px;
}
#content .container ul.finalized-items li .body ul.perks li{
  border:0;
  padding:0;
}
#content .container ul.finalized-items li .details{
  width:20%;
  float:left;
}

#content .container ul.finalized-items li .details .badges{
  padding:3px 0;
  text-align:right;
}
#content .container ul.finalized-items li .price{
  float:right;
  margin-top:20px;
  font-size:1.4em;
  padding:10px 0px 10px 5px;
}
#content .container ul.finalized-items li .price .amount{
  border:0 !important;
}
#content .container ul.finalized-items li .price .title{
  font-weight:bold;
}
#content .container .cart-controls a.make-order{
  margin-top:10px;
  height:25px;
  padding:0px 20px 0px 20px;
  line-height:1.8em;
  color:white;
  width:170px;
  float:right;
  font-size:1.2em;
  border-right:4px solid #ff0000;
  background:#FF0000 url(/images/add_to_cart_btn.gif) no-repeat scroll right 1px;  
}
#content .container .cart-controls a.make-order:hover{
  text-decoration:none;
}

