@charset "ISO-8859-1";
/* CSS Document */

/* ---------------- MENU -------------------- */
#menu {
	clear:both;
	margin-top:10px;
	width:164px;
	margin-left:83px;
	/*border:1px solid #333399;*/
	
}

/* SPECIAL FIX FOR THE 'make offer' AND 'buy it now' BUTTONS THAT HAVE BEEN ADDED THE SITE */
#buttonNavContatiner {
	border:1px solid #FFFFFF;
	margin-top:25px;
 	margin-left:330px;
        margin-bottom:15px;
        margin-right:30px;
	width:230px;
	min-height:50px;
}

#offer {
	float:left;
	/*margin-top:25px;*/
	/*margin-left:235px;*/
	/*margin-bottom:15px;*/
	/*margin-right:30px;*/
	/*width:164px;*/
	width:104px;
	height:30px;
	border:1px solid #FFFFFF;

}

#buy {
	float:right;
        /*width:164px;*/
        width:104px;
	height:30px;
        border:1px solid #FFFFFF;

}



#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 164px;
}

#offer ul, #buy ul {
        margin: 0;
        padding: 0;
       	list-style: none;
        width: 104px;
}


	
#menu ul li, #offer ul li, #buy ul li {
	position: relative;
}

/* sub Menu Position*/
#menu li ul {
	position: absolute;
	left: 164px;
	top: 0;
	display: none;
}

#offer li ul, #buy li ul {
        position: absolute;
        left: 104px;
        top: 0;
        display: none;
}
	

/* Style of the menu below */
#menu ul li a  {
	display: block;
	background-image: url("../gui/menu-hover.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
  	opacity:0.8;
	padding: 1px 0px 1px 13px;
	
}

#offer ul li a {
        display: block;
        background-image: url("../gui/small-menu-hover.gif");
        background-repeat:no-repeat;
        background-position:bottom right;
        opacity:1.0;
        padding: 11px 0px 1px 13px;
}

#buy ul li a {
        display: block;
        background-image: url("../gui/small-menu-hover.gif");
        background-repeat:no-repeat;
        background-position:bottom right;
        opacity:1.0;
        padding: 11px 0px 1px 38px;
}



	
	/* test */
#menu a, #offer a, #buy a {
	display: block;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	color: #222222;
	}
	

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%;}
* html #menu ul li a { height: 1%; }
* html #offer ul li { float: left; height: 1%;}
* html #offer ul li a { height: 1%; }
* html #buy ul li { float: left; height: 1%;}
* html #buy ul li a { height: 1%; }

/* End */

/* to end ul only */
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 164px;
	border-bottom: 0px solid #ccc;
}

#offer ul, #buy ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 104px;
        border-bottom: 0px solid #ccc;
}


/* HOVER STYLING */
#menu ul li a:hover { 
	color: #FFFFFF;
	font-weight:bold;
	background-image: url("../gui/menu-hover.gif");
	background-repeat:no-repeat;
	background-position:center right;
  	opacity:1.0;
	top: 100%;
} /* Hover Styles */
		
#offer ul li a:hover {
        color: #FFFFFF;
        font-weight:bold;
        background-image: url("../gui/small-menu-hover.gif");
        background-repeat:no-repeat;
        background-position:center right;
        opacity:1.0;
        top: 100%;
} /* Hover Styles */
		
#buy ul li a:hover {
        color: #FFFFFF;
        font-weight:bold;
        background-image: url("../gui/small-portfolio-menu-hover.gif");
        background-repeat:no-repeat;
        background-position:center right;
        opacity:1.0;
        top: 100%;
} /* Hover Styles */
	
	
#menu li ul li a  { 
	
	padding: 1px 0px 1px 13px; 
	
	} /* Sub Menu Styles */
	
#offer li ul li a  {

        padding: 11px 0px 1px 13px;

        } /* Sub Menu Styles */

#buy li ul li a {
        padding: 11px 0px 1px 38px;

        } /* Sub Menu Styles */



/* IE 7 BUG FIX USE THE BACKGROUND IMAGE SO SUBMENU DO DISAPPEAR WHEN YOU ROLL BETWEEN ONE BUTTON TO THE OTHER!!! */
#menu li:hover ul, li.over ul { display: block; background-image: url("../gui/no.gif"); } /* The magic */
#offer li:hover ul, li.over ul { display: block; background-image: url("../gui/no.gif"); }
#buy li:hover ul, li.over ul { display: block; background-image: url("../gui/no.gif"); }
/*li:hover ul { display: block; } */


/* ---------------- MENU END -------------------- */

/* buttons colours */


#menu .selected {
        color: #FFFFFF;
        font-weight:bold;
        background-image: url("../gui/menu-hover.gif");
        background-repeat:no-repeat;
        background-position:center right;
        opacity:1.0;
        top: 100%;

}

#offer .selected {
        color: #FFFFFF;
        font-weight:bold;
        background-image: url("../gui/small-menu-hover.gif");
        background-repeat:no-repeat;
        background-position:center right;
        opacity:1.0;
        top: 100%;

}

#buy .selected {
        color: #FFFFFF;
        font-weight:bold;
        background-image: url("../gui/small-portfolio-menu-hover.gif");
        background-repeat:no-repeat;
        background-position:center right;
        opacity:1.0;
        top: 100%;

}

#menu .general {
	color: #222222;
	background-image: url("../gui/menu-line.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
}
	

#offer .general {
        color: #FFFFFF;
        background-image: url("../gui/small-menu.gif");
        background-repeat:no-repeat;
        background-position:center right;
}

#buy .general {
        color: #FFFFFF;
        background-image: url("../gui/small-portfolio-menu.gif");
        background-repeat:no-repeat;
        background-position:center right;
}


#menu .general span, #offer .general span, #buy .general span  {display:none;}