Модули на ДИВах и CSS-cуффикс класса модуля - Вопросы по CSS

/* MODULE
--------------------------------------------------------- */
div.moduletable h3 {
	padding: 0;
	margin: 0 0 5px;
	color: #403C3A;
	font-size: 120%;
	text-transform: uppercase;
}

div.moduletable {
	padding: 0 15px;
	margin-bottom: 30px;
}

#ja-col1 div.moduletable {
	margin-bottom: 15px;
}

#ja-col1 div.moduletable h3 {
	margin: 0 -15px 5px;
	padding: 8px 15px;
	color: #EE9600;
	background: #403C3A;
}

[color=red]/* Right Module */[/color]
div.module h3,
div.module-grey h3,
div.module-dark h3 {
	margin: 0 -14px 5px;
	padding: 0 14px 8px;
	font-size: 120%;
	line-height: normal;
	text-transform: uppercase;
}

div.module,
div.module-grey,
div.module-dark,
div.module-blank {
	margin: 5px 0 10px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
}

div.module div, div.module div div,
div.module-grey div, div.module div div,
div.module-dark div, div.module div div {
	padding: 0;
}

div.module div div div,
div.module-grey div div div,
div.module-dark div div div {
	padding: 8px 15px 15px;
}

div.module-blank div div div {
	padding: 15px;
}

div.module div div div div,
div.module-grey div div div div,
div.module-dark div div div div,
div.module-blank div div div div {
	margin: 0;
	padding: 0;
	float: none;
	background: none;
}

div.module h3 {
	border-bottom: 1px solid #DDDDDD;
}

div.module {
	background: url(../images/box-br.gif) no-repeat bottom right;
}

div.module div {
	background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module div div {
	background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div {
	background: url(../images/box-tl.gif) no-repeat top left;
}

[color=red]/* Right Module - Grey */[/color]
div.module-grey h3 {
	background: url(../images/sep.gif) repeat-x bottom;
}

div.module-grey {
	background: url(../images/box-br-grey.gif) no-repeat bottom right #E6E6E6;
}

div.module-grey div {
	background: url(../images/box-bl-grey.gif) no-repeat bottom left;
}

div.module-grey div div {
	background: url(../images/box-tr-grey.gif) no-repeat top right;
}

div.module-grey div div div {
	background: url(../images/box-tl-grey.gif) no-repeat top left;
}

[color=red]/* Right Module - Dark */[/color]
div.module-dark h3 {
	background: url(../images/sep2.gif) repeat-x bottom;
}

div.module-dark {
	background: url(../images/box-br-dark.gif) no-repeat bottom right #544F4C;
	color: #E6E6E6;
}

div.module-dark div {
	background: url(../images/box-bl-dark.gif) no-repeat bottom left;
}

div.module-dark div div {
	background: url(../images/box-tr-dark.gif) no-repeat top right;
}

div.module-dark div div div {
	background: url(../images/box-tl-dark.gif) no-repeat top left;
}

div.module-dark a, div.module-dark a:hover, div.module-dark a:active, div.module-dark a:focus {
	color: #FFFFFF;
	text-decoration: underline;