/*
Edited: 12 September 2006 - Laura Zucchetti - HIGH CONTRAST
Created: Laura Zucchetti
this controls the 2 table layouts for the product checkout tables. 
Product/quantity/price/total/subtotal/delivey/total (delete/update/offercode)
=======================
*/

/*ProductsInBasket table*/
#pib_table {
width:478px;
font-size:80%;
border-collapse:collapse;
border:1px solid #CCC;
font-size:100%;
margin-top:5px;
}

#pib_table a.del {
display:block;
background-color:red;
color:white;
padding:2px;
text-align:center;
}

#pib_table a.update{
display:block;
background-color:white;
color:#000;
padding:2px;
text-align:center;
border-bottom:1px solid #666;
border-right:1px solid #666;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
text-decoration:none;
}

#tble_totals table a.update {
display:block;
margin-top:1px;
width:45px;
float:right;
background-color:white;
color:#000;
padding:2px;
text-align:center;
border-bottom:1px solid #666;
border-right:1px solid #666;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
text-decoration:none;
}

#tble_totals table input.inputapply {
display:block;
float:left;
background-color:#FFFF99;
border:1px solid #999;
width:45px;
}

#pib_table img,
#tble_totals img{
border:0;
}

form.pib_form,
#tble_totals form {
margin:0;
padding:0;
}

table#pib_table th,
#tble_totals table th{
border-collapse:collapse;
border:1px solid #999;
color:#000;
font-weight:normal;
background-color:#CCC;
padding:4px;
text-align:left;
font-size:90%;
}
.pib_product{
width:auto;
}
.pib_quantity{
width:70px;
}
.pib_unitprice{
width:75px;
}
.pib_total{
width:55px;
}
.pib_delete{
width:55px;
}

#pib_table td,
#tble_totals table td{
border-collapse:collapse;
border-top:1px dashed #999;
padding:4px;
font-size:75%;
color:#000;
}

#tble_totals table td.price{
color:#CC0000;
font-weight:bold;
}

#pib_table tr:hover,
#tble_totals table tr:hover{
background-color:#CCC;
}

#pib_table tr.no_hover:hover{
background-color:#FFF;
}

#pib_table input, 
#tble_totals table input{
border:1px solid #999;
background-color:#FFFF99;
}

#tble_totals_wrap{
width:480px;
}

#sub_tble_content {
float:left;
width:272px;
min-height:100px;
overflow:visible;
}

#tble_totals {
float:right;
width:208px;
min-height:110px;
overflow:visible;
}

#tble_totals table{
width:206px;
font-size:80%;
border-collapse:collapse;
border:1px solid #CCC;
font-size:100%;
}

.width1{
width:70px;
}
.width2{
width:auto;
}