/* Styles for the widget */ 
div.widget-on
{
    background:#fff url(../images/widget/grey_rounded.gif) top left no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
}

#sub_navigation div.widget ul.widget-boxes
{
    background-color:transparent;
    color:#fff;
}

#sub_navigation div.widget ul.widget-boxes li,
#sub_navigation div.widget p,
#sub_navigation div.widget a
{
    background:none;
    color:#fff;
    border:none;
}

div.widget h2
{
    color:#fff;
    font-size:150%;
    text-align:center;
    margin:5px 0 0;
    padding:0 0 5px 0;
    height:20px;
	font-weight:900;
	border-bottom:2px solid #444444;
}

div.widget ul.widget-boxes li
{
    background-color:transparent;
    width:170px;
    height:255px;
    padding:5px;
    position:relative;
    border-bottom:none;
}

#sub_navigation div.widget ul.widget-boxes li h3
{
    font-style:italic;
    background:none;
    color:#fff;
    text-transform:none;
    font-weight:200;
    text-align:center;
    font-size:110%;
    padding:0;
    margin:0 0 5px 0;
}

div.widget ul.widget-boxes li img
{
    background:none;
    border:2px solid #444;
    display:block;
    margin:0 auto 0.5em;
}

div.widget ul.widget-boxes p
{
    text-align:center;
}

div.widget ul.widget-boxes p.price
{
    margin:0 0 5px;
    text-align:center;
    font-size:150%;
}

#sub_navigation div.widget ul.widget-boxes p.price a
{
    font-size:90%;
    color:#ddd;
    background:transparent url(../images/widget/basket_go.png) no-repeat right 61%;
    padding:0 20px 0 0;
    font-weight:700;
    text-decoration:none;
}

div.widget ul.widget-boxes p.price a:hover
{
    color:#fff;
}

div.widget ul.widget-boxes p.more
{
    position:absolute;
    bottom:0px;
    right:7px;
    padding:0;
    margin:0;
	
}

#sub_navigation div.widget p.more a {

    font-size:120%;
    font-weight:700;
    padding:5px 25px 5px 0;
    cursor:pointer;
    position:relative;
    text-decoration:none;
    margin:0;
    display:block;
}

#sub_navigation div.widget p.more a:link,
#sub_navigation div.widget p.more a:visited {

    background:url(../images/widget/go.gif) no-repeat 100% 50%;

}


#sub_navigation div.widget p.more a:hover,
#sub_navigation div.widget p.more a:active
{
    background:url(../images/widget/go-on.gif) no-repeat 100% 50%;
    text-decoration:none;
    color:#000;
}

div.widget .next,
div.widget .last
{
    cursor:pointer;
    color:#FFF;
    position:absolute;
    top:50%;
    z-index:5;
    height:30px;
    display:none;
}

div.widget .next
{
    right:3%;
    padding:0 0 0 10px;
}

div.widget .last
{
    left:3%;
    padding:0 10px 0 0;
}


/* if the items originate from vandashop, the widget needs to
 * have different dimensions
 */
div.widget ul.widget-boxes li.shop
{
    height:182px;
    
}

div.shop-widget
{
    background:#fff url(../images/widget/shop_rounded.gif) top left no-repeat;
	height:230px;
}