#shoppingcontainer
{
    width:650px;
    overflow:hidden;
}

#shoppingcontainer h1
{
    font-family:Myriad Pro;
    font-weight:normal;
    font-size:26px;
    color:#e94e2e;
}

#shoppingcontainer .headertext
{
    font-family:Tahoma;
    font-weight:normal;
    font-size:11px;
    color:#ababab;
}

#shoppingcontainer .shopping-header
{
    margin-top:20px;
}

#shoppingcontainer .shopping-header-image
{
    background-image: url(images/bg_shopping_header_pic.jpg);
    background-repeat:no-repeat;
    width:114px; height:25px;
    float:left;
    text-align:center;
    padding-top:7px;
}

#shoppingcontainer .shopping-header-details
{
    background-image: url(images/bg_shopping_header.jpg);
    background-repeat:no-repeat;
    width:522px; height:25px;
    float:right;
    text-align:center;
    padding-top:7px;
}

#shoppingcontainer .shopping-item
{
    margin-top:2px;
    clear:both;
}

#shoppingcontainer .shopping-item .shopping-item-image
{
    background-image: url(images/bg_shopping_item_pic.jpg);
    background-repeat:no-repeat;
    width:117px; height:114px;
    float:left;
}

#shoppingcontainer .shopping-item .shopping-item-image img
{
    margin-left:8px;
    margin-top:4px;
}

#shoppingcontainer .shopping-item .shopping-item-details
{
    background-image: url(images/bg_shopping_item.jpg);
    background-repeat:no-repeat;
    width:531px; height:83px;
    float:right;
    text-align:center;
    margin-top:15px;
    padding-top:10px;
}


/***** Subtotal Styles *****/

#shoppingcontainer .total
{
    margin-top:20px;
    float:right; 
    margin-bottom:35px;
}

#shoppingcontainer .total .header
{
    background-image: url(images/bg_shopping_header_total.jpg);
    background-repeat:no-repeat;
    width:269px; height:33px;
}

#shoppingcontainer .total .content
{
    background-image: url(images/bg_shopping_total.jpg);
    background-repeat:no-repeat;
    width:269px; height:85px;
    margin-top:3px;
    padding-top:5px;
}

#shoppingcontainer .buttonbox
{
    width:270px; height:50px; 
    position:relative; 
    float:left;
    top:85px; left:375px;
}

#shoppingcontainer .buttonbox .backtocatalogue
{
    background-image: url(images/backtocatalogue2.jpg);
    background-repeat:no-repeat;
    width:123px; height:30px;
    display:block;
    float:left;
    margin-top:9px;
    margin-left:15px;
}

#shoppingcontainer .buttonbox .purchase
{
    background-image: url(images/purchase.jpg);
    background-repeat:no-repeat;
    width:107px; height:30px;
    display:block;
    float:right;
    margin-top:9px;
    margin-right:7px;
}

.payment_detail
{
    background-image: url(images/payment_detail.jpg);
    background-repeat:no-repeat;
    width:206px; height:45px;
}


/***** Purchase Summary *****/

#purchasesummary
{
}

#purchasesummary .header
{
    background-image: url(images/bg_summary_header.jpg);
    background-repeat:no-repeat;
    width:650px; height:33px;
}

#purchasesummary .content
{
    background-image: url(images/bg_purchase_summary.jpg);
    background-repeat:no-repeat;
    width:650px; height:86px;
    margin-top:3px;
    padding-top:5px;
}

#purchasesummary .buttons
{
    float:right; margin:7px 1px;
}

#purchasesummary .tandcbox
{
    position:relative; 
    bottom:40px; 
    width:640px;
}

#purchasesummary .tandcbox .left
{
    float:left; 
    position:relative; 
    left:5px;
}

#purchasesummary .tandcbox .right
{
    float:right; 
    position:relative; 
    bottom:7px;
}

/***** Table Styles *****/
table.shoppingbag
{
    border-collapse:collapse;
}


table.shoppingbag tr td
{
    text-align:left;
    padding:5px;
    font-size:11px;
    padding-left:15px;    
    color:#707070;
}

table.shoppingbag tr td .itemcode
{
    color:#8b559f;
    font-weight:bold;
}

table.shoppingbag tr td .itemdesc
{
    color:#707070;
    line-height:15px;
    position:relative;
    top:3px;

}

table.shoppingbag tr td.itemtotal
{
    font-size:12px;
    color:#000;
}

table.shoppingbag tr td .plus
{
    background-image: url('images/plus.jpg');
    background-repeat:no-repeat;
    margin:auto; display: inline-block ;
    width:11px; height:11px;
}

table.shoppingbag tr td .minus
{
    background-image: url('images/minus.jpg');
    background-repeat:no-repeat;
    margin:auto; display:inline-block;
    width:11px; height:11px;
}

table.shoppingbag tr td .remove
{
    background-image: url('images/delete.png');
    background-repeat:no-repeat;
    margin:auto; display:inline-block;
    width:16px; height:16px;
    margin-left:10px;
    margin-left:-10px;
}

table.shoppingbag tr td .summerytext
{
    font-size:12px;
    color:#000;
}

table.shoppingbag tr td .bold
{
    font-weight:bold;
}

.shoppingbag_empty
{
    background-image: url('images/empty_bag.jpg');
    background-repeat:no-repeat;
    width:650px; height:378px;
    position:relative;
    top:20px;
}