/* Elements in right and left column */

/* general */

div.yellowElement, div.darkBlueElement, div.blueElement
{
    margin-top:12px;    
}

div.elementTitle
{
    width:127px;
    height:28px;
    padding-left:10px;
    padding-top:4px;
	float:left;
    font-size:20px;
    background-repeat:repeat-x;
}

div.elementTitleCut
{
    width:23px;   
    height:32px;
    float:left;
    background-repeat:no-repeat;
}

div.elementItem
{
    width:150px;
    margin-top:2px;
    padding-left:10px;
    padding-top:1px;
    font-size:15px;
}

div.action
{
    margin-top:8px;
    font-size:14px;
}

/* darkBlue element */

div.darkBlueElement div.elementTitle
{
    color:#ffffff;
    background-image: url(Img/DarkBlueFading.gif);
}

div.darkBlueElement div.elementTitleCut
{
    background-image: url(Img/DarkBlueCut.gif);
}

div.darkBlueElement div.elementTitle a
{
    font-size:20px;
    color:#ffffff;
}

div.darkBlueElement div.elementItem
{
    color:#ffffff;
    background-image: url(Img/BlueFadingSmall.gif);
    background-repeat:repeat-x;
}

div.darkBlueElement div.action, div.darkBlueElement div.action a
{
    color:#ff3300;
}

/* blue element */

div.blueElement div.elementTitle a 
{
    color: #FFFFFF;
}

div.blueElement div.elementTitle
{
    color:#ffffff;
    background-image: url(Img/BlueFading.gif);
}

div.blueElement div.elementTitleCut
{
    background-image: url(Img/BlueCut.gif);
}

div.blueElement div.elementItem a
{
    font-size:16px;
    color:#00b2eb;
}

div.blueElement div.action, div.blueElement div.action a
{
    color:#00b2eb;
}

/* yellow element */

div.yellowElement div.elementTitle
{
    color:#000000;
    background-image: url(Img/YellowFading.gif);
}

div.yellowElement div.elementTitleCut
{
    background-image: url(Img/YellowCut.gif);
}

div.yellowElement div.elementTitle a
{
    font-size:20px;
    color:#000000;
}

div.yellowElement div.elementItem
{
    width:150px;
    padding-left:8px;
    padding-bottom:5px;
    border:solid 1px #ffcd01;
    font-size:12px; 
}

div.yellowElement div.action, div.yellowElement div.action a
 {
    color:#ff3300;
}

div.yellowElement div.elementItem p
{
    margin:3px 2px;       
}

div.yellowElement div.elementItem img
{
    margin-top:5px;    
}

/* Brands */

div#brands
{
    padding-left:4px;  
    padding-right:4px;      
}

div#brands a
{
    display:block;
    text-align:center;
    margin: 2px 0px;    
    padding:0px;
}