@charset "UTF-8";
/*
	Layout Columns CSS 	
	
*/

/*--- COMMON VALUES ---*/

.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-aa,
.columns-3-aaBC-B,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-B,
.columns-2-aaB-aa,
.columns-2-distributor-aa,
.columns-2-Abb-A,
.columns-2-AB-A
.columns-highlights-A,
.columns-science-A,

.columns-2-AA-A {
	margin-bottom: 0.5em;
	float: left;
}

.columns-4-ABCD-D,
.columns-3-ABC-C,
.columns-3-ABcc-cc,
.columns-3-aaBcc-cc,
.columns-3-aaBC-C,
.columns-2-Abb-bb,
.columns-2-aaB-B,
.columns-2-distributor-B,
.columns-2-AB-B
.columns-highlights-B,
.columns-science-C,
.columns-2-AA-bb
{
	margin-bottom: 0.5em;
	float: right;
}

/*--- SETS ---*/

/*--- 2-AB ---*/

.columns-2-AB-A,
.columns-2-AB-B { width: 48%;              
}

.columns-2-aaB-B { width: 750px;
}

.columns-2-aaB-aa { width: 200px;
}

.columns-2-Abb-A {width: 450px; 
}
.columns-2-Abb-bb {overflow: hidden; width: 260px; 
}

.columns-highlights-A {width: 450px;
}
.columns-highlights-B {width: 200px; 
}

.columns-science-A {width: 180px;
}
.columns-science-B {width: 20px; 
}

.columns-science-C {width: 550px;
border:none;
}

.columns-2-AA-A {width: 230px;
padding-right: 10px;
}
.columns-2-AA-bb {width: 440px;

}

.columns-2-distributor-B { width: 800px;
}

.columns-2-distributor-aa { width: 150px;
}
/*--- 3-ABC ---*/

.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABC-C { width: 30%; 
}

.columns-3-ABC-B { margin-left: 5%; 
}

/* Safari floors percentages instead of rounding, so this helps with balanced columns */

/* \*/
::root .columns-3-ABC-B,
::root .columns-3-aaBC-B,
::root .columns-3-ABcc-B,
::root .columns-3-aaBcc-B,
::root .columns-4-ABCD-B,
::root .columns-4-ABCD-C {
	position: relative;
	left: 1px;
}

/* */

.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBC-C { width: 34%; }

.columns-3-ABcc-cc,
.columns-3-aaBC-aa,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-cc { width: 26%; }

.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBcc-B { margin-left: 3%; }

.columns-3-aaBcc-B { width: 42%; }

/*--- 4-ABCD ---*/

.columns-4-ABCD-A {width: 200px} 
.columns-4-ABCD-B {width: 200px}
.columns-4-ABCD-C {width: 200px} 
.columns-4-ABCD-D  { width: 30%; margin-right:50px; }

.columns-4-ABCD-B,
.columns-4-ABCD-C { margin-left: 30px; }


/* 
	Object: Columns

	
	Example:
>	div class="columns"
*/

.columns {
	zoom: 100%;
}

[class~=columns] {
	display: table-row;
}

.columns>[class|=columns] {
	display: table-cell;
	float: none;
	padding-left: 0;
	padding-right: 12px;
	margin: 0; /* override default */
	position: static; /* override default */
	left: 0; /* override default */
}

[class~=columns]>[class|=columns-2-AB],
[class~=columns]>[class*=columns-2-AB] /* help Opera */ {
	width: 50%;
}

[class~=columns]>[class|=columns-3-ABC],
[class~=columns]>[class*=columns-3-ABC] /* help Opera */ {
	width: 33%;
}

[class~=columns]>[class|=columns-4-ABCD],
[class~=columns]>[class*=columns-4-ABCD] /* help Opera */ {
	width: 25%;
}

div.columns-2-aaB-aa h4 {
	margin-bottom: 5px;
	
}

div.columns-2-aaB-aa h3 {
	margin-top: 5px;
	
}