Sobreescritura de estilos - Selector ID

[TrinityCore]

Buenas gente, espero esten bién

verán, necesito saber alguna manera de sobreescribir los estilos de un div cuyo id de herencia es window

Aclaro que los siguientes codigos se cargan mediante la funcion load() de Jquery

Estilo por defecto de window e image

Código CSS:

#window{
width:50%;
height:90%;
}
#window .image{
border:1px solid rgba(255,255,255,0.1);
margin:1vmin;
}
 

Estilo y Estrucura del modulo Test1

Código CSS:

#window .image.a{
width:10%;
height:10%;
}
 

Código HTML:

<link rel='stylesheet' href='modules/test1/css/auth.css'>
<div id='window'>
<div class='image a'></div>
</div> 

Estilo y Estrucura del modulo Test2

Código CSS:

#window .image.b{
width:25%;
height:15%;
}
 

Código HTML:

<link rel='stylesheet' href='modules/test2/css/auth.css'>
<div id='window'>
<div class='image b'></div>
</div> 

La cosa es que solo funciona el .image.a, cuando cargo con ajax la hoja de estilos con el contenedor .image.b no lee dichos estilos...

¿que puedo hacer?

[xfxstudios]

donde esta el codigo que carga los contenedores y los estilos????

[TrinityCore]

¿Es relevante?, Digo... es una funcion load que lo unico que hace es cargar el index.html que contiene el contenedor tal como se muestra en el codigo HTML que ahi puse.

Simplemente carga el <link> del estilo y el contenedor... no hay mas

[Pepbeer]

Siempre puedes usar el !important para que haga caso de esa instrucción.