<title>ADxMenu (www.aplus.co.yu)</title>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/


/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	color: #336699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:15px;
	line-height:15px;
	font-size:10px;
	text-indent:18px;
	padding:3px;
}

.menu {
	width: 180px;
	padding-top:2px;
	padding-left:10px;
}
.menu li{
	background-color:#fff;
}
.menu ul li{
	background-color:#FFFFFF;
}
.menu ul {
	width:180px;
}

.menu a {
	text-decoration: none;
	color: #336699;
	line-height:15px;
	height:15px;
	display:block;
	padding:3px;
}
/* PRIMARY MENU COLOR CHANGE */
#acne .med a, #agespots .cos a, #botox .cos a, #vein_conservative .treatments a, #contact_us .contact_us a, #evlt .treatments a, #facial_veins .cos a, #facials .aes a, #fraxel .cos a, #hand_veins .treatments a, #home .home a, #laser_hair_removal .cos a, #microdermabrasion .aes a, #microphlebectomy .treatments a, #photorejuvenation .cos a, #physician .physician a, #restylane .cos a, #rosacea .med a, #sclerotherapy .treatments a, #spider_veins .cos a, #vein_causes .about a, #vein_circ .about a, #vein_overview .treatments a, #vein_faqs .about a, #vein_intro .about a, #vein_rls .about a, #vein_symptoms .about a, #vein_lasers .treatments a, #skincancer .med a, #other .med a, #links .links a, #events .events a, #products .products a, #chemicalpeels .aes a {
	color: #990000;
	padding-left:7px;
}
/* CHANGE SECONDARY BACK TO BLUE */
#acne .second a, #agespots .second a, #botox .second a, #vein_conservative .second a, #evlt .second a, #facial_veins .second a, #facials .second a, #fraxel .second a, #hand_veins .second a, #laser_hair_removal .second a, #microdermabrasion .second a, #microphlebectomy .second a, #photorejuvenation .second a, #restylane .second a, #rosacea .second a, #sclerotherapy .second a, #spider_veins .second a, #vein_causes .second a, #vein_circ .second a, #vein_overview .second a, #vein_faqs .second a, #vein_intro .second a, #vein_rls .second a, #vein_symptoms .second a, #vein_lasers .second a, #skincancer .second a, #other .second a, #chemicalpeels .second a {
	color: #336699;
	padding:3px;
}
/* SECONDARY TO RED */
#acne .med_acne a, #agespots .cos_agespots a, #botox .cos_botox a, #vein_conservative .vein_conservative a, #evlt .vein_corrective a, #facial_veins .cos_facial a, #facials .aes_facials a, #fraxel .cos_fraxel a, #hand_veins .vein_corrective a, #laser_hair_removal .cos_laser a, #microdermabrasion .aes_micro a, #microphlebectomy .vein_corrective a, #photorejuvenation .cos_photorejuvenation a, #restylane .cos_restylane a, #rosacea .med_rosacea a, #sclerotherapy .vein_corrective a, #spider_veins .cos_spider a, #vein_causes .vein_varicose a, #vein_circ .vein_circ a, #vein_overview .vein_corrective a, #vein_faqs .vein_varicose a, #vein_intro .vein_intro a, #vein_rls .vein_varicose a, #vein_symptoms .vein_varicose a, #vein_lasers .vein_lasers a, #skincancer .med_skincancer a, #other .med_other a, #chemicalpeels .aes_chemicalpeels a {
	color:#990000;
	padding-left:7px;
}
/* THIRD TO BLUE */
#agespots .third a, #evlt .third a, #botox .third a, #vein_conservative .third a, #hand_veins .third a, #microphlebectomy .third a, #sclerotherapy .third a, #vein_causes .third a, #vein_overview .third a, #vein_faqs .third a, #vein_rls .third a, #vein_symptoms .third a {
	color: #336699;
	padding:3px;
}
/* INDIVIDUAL THIRD TO RED */
#evlt .vein_evlt a, #hand_veins .vein_hand a, #microphlebectomy .vein_microphlebectomy a, #sclerotherapy .vein_sclerotheraphy a, #vein_causes .vein_causes a, #vein_overview .vein_overview a, #vein_faqs .vein_faqs a, #vein_rls .vein_rls a, #vein_symptoms .vein_symptoms a {
	color:#990000;
	padding-left:7px;
}
	
/* HOVER BACK TO RED */
#acne .menu a:hover, #acne.menu li:hover>a,#agespots .menu a:hover, #agespots.menu li:hover>a, #botox .menu a:hover, #botox.menu li:hover>a, #vein_conservative .menu a:hover, #vein_conservative.menu li:hover>a, #evlt .menu a:hover, #evlt.menu li:hover>a, #facial_veins .menu a:hover, #facial_veins .menu li:hover>a, #facials .menu a:hover, #facials .menu li:hover>a, #fraxel .menu a:hover, #fraxel .menu li:hover>a, #hand_veins .menu a:hover, #hand_veins .menu li:hover>a, #laser_hair_removal .menu a:hover, #laser_hair_removal .menu li:hover>a, #microdermabrasion .menu a:hover, #microdermabrasion .menu li:hover>a, #microphlebectomy .menu a:hover, #microphlebectomy .menu li:hover>a, #photorejuvenation .menu a:hover, #photorejuvenation .menu li:hover>a, #restylane .menu a:hover, #restylane .menu li:hover>a, #rosacea .menu a:hover, #rosacea .menu li:hover>a, #sclerotherapy .menu a:hover, #sclerotherapy .menu li:hover>a, #spider_veins .menu a:hover, #spider_veins .menu li:hover>a, #vein_causes .menu a:hover, #vein_causes .menu li:hover>a, #vein_circ .menu a:hover, #vein_circ .menu li:hover>a, #vein_overview .menu a:hover, #vein_overview .menu li:hover>a, #vein_faqs .menu a:hover, #vein_faqs .menu li:hover>a, #vein_intro .menu a:hover, #vein_intro .menu li:hover>a, #vein_rls .menu a:hover, #vein_rls .menu li:hover>a, #vein_symptoms .menu a:hover, #vein_symptoms .menu li:hover>a, #vein_lasers .menu a:hover, #vein_lasers .menu li:hover>a, #skincancer .menu a:hover, #skincancer.menu li:hover>a, #other .menu a:hover, #other .menu li:hover>a, #chemicalpeels .menu a:hover, #chemicalpeels .menu li:hover>a   {
	color: #990000;
	padding-left:7px;
}
.menu li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 1;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 10px;
	left: 50%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}

/*]]>*/
</style>

[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* submenu goes to the right */
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #990000;
}

.menu .adxmhoverUL {	/* inset submenus, to show off overlapping */
	top: 10px;
	left: 50%;
}

/*]]>*/
</style>

<script type="text/javascript" src="../code/ADxMenu.js"></script>
<![endif]
