body
{
/*
padding:0;
margin:0;
*/
background-color:#DCEE8B;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}
img
{
vertical-align:middle;
border:0;
}
#wrapper
{
width:760px;
margin:0 auto;
}
#logo
{
}
#content
{
margin:0 auto;
padding:1px 10px;
background-color:#F0FEC9;
min-height:300px;
}
.product_list
{
padding:0 30px;
}




.green, .blue, .orange, .purple, .red, .cyan
{
    background-repeat:no-repeat;
    height:253px;
    float:left;
    margin:5px 20px;
}

.name
{
width:153px;
height:30px;
position:relative;
overflow:hidden;
}
.image
{
float:right;
}
.image img
{
border-right:2px solid #444;
border-bottom:2px solid #444;
}
.description
{
height:184px;
overflow:hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:white;
}
.button_add a
{
position:relative;
}


div.green
{
    width:287px;
    background-image:url(../img/bg_green.gif);
}
.green div.name
{
top:5px;
left:10px;
}
.green div.image
{
padding:15px 5px 0 5px;
}
.green div.description
{
margin:10px 0 0 25px;
}
.green .button_add a
{
top:-21px;
left:178px;
}


div.blue
{
    width:309px;
    background-image:url(../img/bg_blue.gif);
}
.blue div.name
{
top:5px;
left:5px;
}
.blue div.image
{
padding:15px 20px 0 5px;
}
.blue div.description
{
margin:10px 0 0 20px;
}
.blue .button_add a
{
top:-23px;
left:178px;
}


div.orange
{
    width:284px;
    background-image:url(../img/bg_orange.gif);
}
.orange div.name
{
top:5px;
left:10px;
}
.orange div.image
{
padding:15px 9px 0 5px;
}
.orange div.description
{
margin:10px 0 0px 15px;
height:170px;
}
.orange .button_add a
{
top:-8px;
left:178px;
}


div.purple
{
    width:290px;
    background-image:url(../img/bg_purple.gif);
}
.purple div.name
{
top:5px;
left:10px;
}
.purple div.image
{
padding:15px 8px 0 5px;
}
.purple div.description
{
margin:10px 0 0 20px;
}
.purple .button_add a
{
top:-23px;
left:178px;
}


div.red
{
    width:301px;
    background-image:url(../img/bg_red.gif);
}
.red div.name
{
top:5px;
left:5px;
}
.red div.image
{
padding:15px 14px 0 5px;
}
.red div.description
{
margin:10px 0 0 25px;
height:174px;
}
.red .button_add a
{
top:-16px;
left:178px;
}


div.cyan
{
    width:293px;
    background-image:url(../img/bg_cyan.gif);
}
.cyan div.name
{
top:5px;
left:5px;
}
.cyan div.image
{
padding:15px 10px 0 5px;
}
.cyan div.description
{
margin:10px 0 0 20px;
height:174px;
}
.cyan .button_add a
{
top:-12px;
left:178px;
}