* { -moz-box-sizing: border-box; } /* This CSS will switch Mozilla into 'border-box' model, which is compatible with IE. I am using this for all AW elements except I apply the rule to .gecko selector instead of * (so it does not work on non-AW elements). .gecko selector is appended automatically to all elements which have at least one css class set (not good idea - should apply to all!). This is why you may see the wrong ('standard') box model if you just create clean Active.HTML.DIV */

/* ========================================================================================================= */
/* NAVIGATION */
/* ========== */

div#nav {
	padding: 0 10px 0 0; 
	}
	
a.nav1, a.nav1-selected {
	display: block;
	height: 25px;
	max-height: 25px;
	overflow: hidden;
	padding: 5px 0 0 23px;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #A6393C;
	}

	a.nav1:link,
	a.nav1:visited { color: #F59194; background-image: url(../img/nav1.gif); }
	a.nav1:hover { color: #000; background-image: url(../img/nav1-active.gif); }

	a.nav1-selected:link,
	a.nav1-selected:visited { color: #000; background-image: url(../img/nav1-active.gif); }
	
a.nav2, a.nav2-selected, a.nav3, a.nav3-selected {
	display: block;
	height: 23px;
	max-height: 23px;
	overflow: hidden;
	padding: 2px 0 0 23px;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	color: #000;
	}

	a.nav2:link,
	a.nav2:visited { border-bottom: 1px solid #A6393C; background-image: url(../img/nav2.gif); }
	a.nav2:hover { border-bottom: 1px solid #A6393C; background-image: url(../img/nav2-active.gif); }

	a.nav2-selected:link,
	a.nav2-selected:visited { border-bottom: 1px solid #A6393C; background-image: url(../img/nav2-active.gif); }
	
	a.nav3:link,
	a.nav3:visited { background-image: url(../img/nav3.gif); }
	a.nav3:hover { background-image: url(../img/nav3-active.gif); }

	a.nav3-selected:link,
	a.nav3-selected:visited { background-image: url(../img/nav3-active.gif); }