h1 span.fade            {color:#aaa;}

.checkout-frame         {margin:10px 10px 15px 10px; min-height:300px;}

.footer                 {width:100%; height:20px; margin-top:20px;}
.footer a               {background-color:#2980b9; color:#fff; padding:5px 16px; font-size:14px; font-weight:bold; text-decoration:none; border-radius:2px; -moz-border-radius:2px;}
.footer a:hover         {background-color:#1d6da2;}
.footer .prev           {float:left;}
.footer .next           {float:right;}
        
.overlaystatus           {width:100%; height:100%; padding-top:20%; text-align:center; z-index:999; font-weight:bold; color:#000; font-size:20px; position:absolute; top:0; left:0; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); zoom:1; background:rgba(255,255,255,.70);}
.overlaystatus a         {background-color:#b00; color:#fff; padding:5px 16px; font-size:14px; font-weight:bold; text-decoration:none; border-radius:2px; -moz-border-radius:2px;}
.overlaystatus a:hover   {background-color:#900;}
        
.frame a.closeframe             {background-color:#ccc; border:1px solid #aaa; color:#fff; padding:3px 10px; font-size:14px; font-weight:bold; text-decoration:none; position:absolute; top:0; right:0;}
.frame a.closeframe:hover       {background-color:#999; border:1px solid #888;}
        
table.cart                          {width:100%;}
table.cart thead tr                 {background-color:#eee;}
table.cart thead tr td              {padding:7px 10px; font-weight:bold; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:20px;}
table.cart tbody tr td              {padding:7px 10px; border-bottom:1px solid #ddd; line-height:20px;}
table.cart tfoot tr                 {background-color:#eee;}
table.cart tfoot tr td              {padding:10px 10px; border-bottom:1px solid #ddd; text-align:right; font-weight:bold; line-height:15px;}
table.cart tfoot tr td.shipping     {padding:7px 10px 3px 10px; border-bottom:0; text-align:right; font-weight:normal; line-height:15px;}
table.cart thead tr td .artnr, 
table.cart tbody tr td .artnr       {display:none;}
        
table.cart tbody tr td span.fade        {color:#aaa;}
table.cart tbody tr td span.fade:hover  {color:#222;}
        
table.cart tbody tr td a.delete         {height:11px; width:11px; margin:4px 7px 0 0; overflow:hidden; float:left; background:#222 url(/gfx/webbedit/cart-delete-alt.gif) top left no-repeat;}
        
table.cart tbody tr td a.left           {height:12px; width:12px; margin:4px 0 0 25px; overflow:hidden; float:left; background:#222 url(/gfx/webbedit/round-minus.gif) top left no-repeat;}
table.cart tbody tr td div.middle       {padding:0 5px; height:20px; width:20px; line-height:20px; text-align:center; float:left;}
table.cart tbody tr td a.right          {height:12px; width:12px; margin:4px 0 0 0; overflow:hidden; float:left; background:#222 url(/gfx/webbedit/round-plus.gif) top left no-repeat;}
table.cart tbody tr td a.left:hover,     
table.cart tbody tr td a.right:hover, 
table.cart tbody tr td a.delete:hover   {background-color:#999999;}

#payment-methods                {min-height:350px;}
#payment-methods .method        {padding:20px; background-color:#f5f5f5; border:1px solid #ccc; margin-bottom:10px; border-radius:3px; -moz-border-radius:3px;}
#payment-methods .method p      {padding:0 0 0 21px; margin:0; font-style:italic;}
#payment-methods .method label  {font-weight:bold !important;  font-size:14px;}
        
.buyer-left                 {width:47%; height:100%; float:left; overflow:hidden; position:relative; padding-right:3.1%; border-right:1px solid #ccc;}
.buyer-right                {width:47%; height:100%; float:right; overflow:hidden; position:relative;}
.buyer-left .overlay, 
.buyer-right .overlay       {width:100%; height:100%; float:right; background-color:#fff; filter:alpha(opacity=70); opacity:0.7; position:absolute; top:0; left:0; z-index:99;}
        
.buyer-left p, 
.buyer-right p              {font-weight:bold; margin:0; padding:0;}
.buyer-left p span,
.buyer-right p span         {color:#f00;}
.buyer-left h2, 
.buyer-right h2             {margin:0 0 2% 0; padding:0;}
.buyer-left h3, 
.buyer-right h3             {margin:3% 0 1% 0; padding:0; font-size:16px;}

.buyer-left .tbxnormal, 
.buyer-right .tbxnormal         {color:#333; font:normal 14px Arial, Verdana, Sans-serif; padding:1.5%; margin-bottom:3%; width:-moz-calc(97% - 2px)!important; width:-webkit-calc(97% - 2px)!important; width:calc(97% - 2px)!important; background-color:#fefefe; border:1px solid #c8c8c8; outline-style:none; outline-width:0pt;}
.buyer-left .tbxnormal:focus, 
.buyer-right .tbxnormal:focus   {background-color:#fafafa; border:1px solid #aaa;}

@media screen and (max-width: 480px)
{
    .footer a                   {padding:3px 12px; font-size:12px;}
    
    .overlaystatus              {padding-top:35%; font-size:16px;}
    .overlaystatus a            {padding:5px 12px; font-size:12px;}
    
    .buyer-left h3, 
    .buyer-right h3             {margin:3% 0 1% 0; padding:0; font-size:14px;}

    .buyer-left .tbxnormal, 
    .buyer-right .tbxnormal     {font-size:11px; padding:1%; margin-bottom:2%; width:-moz-calc(98% - 2px)!important; width:-webkit-calc(98% - 2px)!important; width:calc(98% - 2px)!important;}
}