﻿#content
{
    float: left;
    display: inline;
    width: 544px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(Images/bg_content_top.png);
    background-position: top left;
    background-repeat: repeat-x;
    text-align: left;
}

#content span
{
  font-family: Calibri !important;
}

#content .groups table, #content .groups TABLE, #content .groups table span, #content .groups table div
{
  font-family: Calibri !important;
  font-size: 10pt;
}

#content .groups a
{
  color: #000000;
  text-decoration: underline;
}

#large
{
    float: left;
    display: block;
    width: 543px;
}

#large .top
{
    float: left;
    display: block;
    width: 543px;
    height: 3px;
    background-image: url(Images/bg_item_large_top.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#large .mid
{
    float: left;
    display: block;
    width: 543px;
    background-image: url(Images/bg_item_large_mid.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

#large .mid .heading
{
    float: left;
    display: block;
    width: 535px;
    height: 20px;
    line-height: 20px;
    margin-top: 12px;
    margin-left: 8px;
    
    _margin-left: 4px;
}

#large .mid .heading a, #large .mid .info .priceline .price a
{
    color: #f39800;
    font-size: 20px;
    font-weight: bold;
}

#large .mid .info
{
    float: left;
    display: block;
    width: 290px;
    margin-top: 12px;
    margin-left: 8px;
    
    _margin-left: 4px;
}

#large .mid .info .text,
#large .mid .info .priceline
{
    float: left;
    display: block;
    width: 100%;
    color: #515151;
}

#large .mid .info .priceline 
{ 
    margin-top: 10px;
    height: 28px;
    line-height: 28px;
}

#large .mid .info .priceline .price
{
    float: left;
    display: block;
    width: 170px;
    height: 28px;
}

#large .mid .info .priceline .buy
{
    float: left;
    display: inline;
    width: 120px;
    height: 28px;
    text-align: right;
}

#large .mid .info .priceline .buy img
{
    display: inline;
}

#large .mid .image
{
    float: left;
    display: inline;
    width: 245px;
    margin-top: 12px;
    text-align: center;
}

#large .bottom
{
    float: left;
    display: block;
    width: 543px;
    height: 3px;
    background-image: url(Images/bg_item_large_bottom.gif);
    background-position: top left;
    background-repeat: no-repeat;
}


/* ------ SMALL ITEMS ------------ */

.smallitem
{
    float: left;
    display: inline;
    width: 267px;
    margin-top: 20px;
}

.smallitem .top
{
    float: left;
    display: block;
    width: 267px;
    height: 3px;
    background-image: url(Images/bg_item_small_top.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.smallitem .mid
{
    float: left;
    display: block;
    width: 267px;
    background-image: url(Images/bg_item_small_mid.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

.smallitem .mid .heading
{
    float: left;
    display: block;
    width: 259px;
    height: 20px;
    line-height: 20px;
    margin-top: 12px;
    margin-left: 8px;
    
    _margin-left: 4px;
}

.smallitem .mid .heading a, .smallitem .mid .priceline .price a
{
    color: #f39800;
    font-size: 16px;
    font-weight: bold;
}

.smallitem .mid .info
{
    float: left;
    display: block;
    width: 259px;
    min-height: 90px;
    margin-left: 8px;
    margin-top: 12px;
    
    _margin-left: 4px;
}

.smallitem .mid .info .text
{
    float: left;
    display: block;
    width: 162px;
    color: #515151;
}

.smallitem .mid .info .image
{
    float: left;
    display: inline;
    width: 90px;
    text-align: center;
}

.smallitem .mid .priceline 
{ 
    float: left;
    display: block;
    width: 259px;
    margin-left: 8px;
    margin-top: 10px;
    height: 28px;
    line-height: 28px;
    
    _margin-left: 4px;
}

.smallitem .mid .priceline .price
{
    float: left;
    display: block;
    width: 145px;
    height: 28px;
}

.smallitem .mid .priceline .buy
{
    float: left;
    display: inline;
    width: 105px;
    height: 28px;
    text-align: right;
}

.smallitem .bottom
{
    float: left;
    display: block;
    width: 267px;
    height: 3px;
    background-image: url(Images/bg_item_small_bottom.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.itemsplit
{
    float: left;
    display: inline;
    width: 9px;
    height: 160px;
}


/* til paging listan */
.amount
{
    float: left;
    display: block;
    margin-top: 1px;
    margin-left: 10px;
    width: 40px;
    height: 15px;
    background-color: #eeeeee;
    border: solid 1px #a7a7a7;
    color: #656565;
    font-size: 10px;
    
    _margin-left: 5px;
}

.paging
{
    float: left;
    display: block;
    width: 543px;
}

.paging .pagheader
{
    float: left;
    display: block;
    width: 543px;
    height: 19px;
    line-height: 19px;
    background-color: #f39800;
    text-transform: uppercase;
    color: #ffffff;
}

#content .paging .pagitem, #content .paging .pagaltitem
{
    float: left;
    display: inline;
    height: 19px;
    line-height: 19px;
    border-bottom: #f39800;
}

#content .paging .pagitem
{
    background-color: #dedede;
}