/* - WRAPPER - */

div#wrapper {
	width: 1051px;
	background: #F5F5F5;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
}

/* - HEADER - */

header {
	width: 100%;
	height: 90px;
	display: block;
}

/* - WEBSITE - */

div#website {
	width: 1047px;
	background: #fff;
	border-left: 4px solid #ee3424;
}

/* - NAV - */

nav {
	width: 224px;
    position: relative;
	background: #fff;
	float: left;
}

/* - NAV -> LOGO - */

nav a#logo {
	width: 174px;
	height: 18px;
	background: url('../images/ameropa-logo.png') no-repeat;
    background-size: 174px 18px;
	display: block;
	margin: 15px 0 25px 25px;
}

/* - NAV -> LVL 1 - */

nav ul {
	margin: 0;
	padding: 0;
}

nav ul.lvl-1 {
	margin: 0 25px;
}

nav ul li {
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

nav ul.lvl-1 li a {
	display: block;
	color: #707070;
	text-decoration: none;
	line-height: 41px;
}

nav ul.lvl-1 li a:hover,
nav ul.lvl-1 li.active a,
nav ul.lvl-1 li.active a:hover {
	color: #ee3626;
	text-decoration: none;
}

/* - NAV -> LVL 2 - */

nav ul.lvl-1 li ul.lvl-2 {
	margin: -10px 0 5px 0;
}

nav ul.lvl-1 li ul.lvl-2 li {
	border: none;
	background: url('../images/lvl-2.png') top left no-repeat;
	padding: 0 0 0 15px;
}

nav ul.lvl-1 li ul.lvl-2 li:hover,
nav ul.lvl-1 li ul.lvl-2 li.active {
	background: url('../images/lvl-2-hover.png') top left no-repeat;
}

nav ul.lvl-1 li ul.lvl-2 li a,
nav ul.lvl-1 li.active ul.lvl-2 li a {
	line-height: 24px;
	color: #707070;
}

nav ul.lvl-1 li ul.lvl-2 li a:hover,
nav ul.lvl-1 li ul.lvl-2 li.active a,
nav ul.lvl-1 li ul.lvl-2 li.active a:hover {
	color: #ee3626;
}

/* - NAV -> LVL 3 - */

nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 {
	margin: 0 0 2px 0;
}

nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li {
	border: none;
	background: url('../images/lvl-3.png') top left no-repeat;
	padding: 0 0 0 15px;
}

nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li:hover,
nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li.active {
	background: url('../images/lvl-3-hover.png') top left no-repeat;
}

nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li a,
nav ul.lvl-1 li ul.lvl-2 li.active ul.lvl-3 li a {
	line-height: 19px;
	color: #707070;
}

nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li a:hover,
nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li.active a,
nav ul.lvl-1 li ul.lvl-2 li ul.lvl-3 li.active a:hover {
	color: #ee3626;
}

/* - CONTENT - */

div#content {
	width: 822px;
	background: #fff;
    border-left: 1px solid #eaeaea;
	float: left;
}

/* - CONTENT -> HOME - */

div#content div#home {
	width: 835px;
	background: url('../images/home.png') center no-repeat;
	display: block;
}

/* - CONTENT -> SUB - */

div#content div#sub {
	width: 835px;
	background: #fff;
	overflow: hidden;
}

/* - CONTENT -> SUB -> TEXT WRAPPER - */

div#content div#sub div#text-wrapper {
	background: #fff;
	overflow: hidden;
}

/* - CONTENT -> SUB -> TEXT WRAPPER -> TEXT - */

div#content div#sub div#text-wrapper div#text {
	position: relative;
}

/* - CONTENT -> SUB -> TEXT WRAPPER -> TEXT - */

div#content div#sub div#text-wrapper div#text table.safety-sheets-table {
	width: 100%;
	border: none;
}

div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td {
	vertical-align: middle;
}

div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td ul.plus {
	margin: 0;
}

div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td.cell-2,
div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td.cell-3,
div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td.cell-4,
div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td.cell-5 {
	width: 30px;
	text-align: center;
}

div#content div#sub div#text-wrapper div#text table.safety-sheets-table tr td {
	padding-bottom: 10px;
}

/* - CONTENT -> SUB -> IMAGE WRAPPER - */

div#content div#sub div#image-wrapper {
	background: url('../images/loading.gif') center no-repeat;
	position: relative;
}

div#content div#sub div#image-wrapper div.cross {
	width: 64px;
	height: 66px;
	background: url('../images/cross.png') no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	margin: -33px 0 0 0;
	z-index: 9999;
}

div#content div#sub div#image-wrapper div.flexslider {
	position: relative;
}

/* - FOOTER - */

footer {
	width: 100%;
	min-height: 40px;
	display: block;
	font-size: 10px;
	text-align: right;
	color: #707070;
	position: relative;
}

footer p {
	margin: 0;
}

footer p a,
footer p a:hover,
footer p a:focus {
	color: #707070;
	font-size: 10px;
	text-decoration: none;
}

footer ul li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

footer ul li a {
	color: #707070;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

footer ul li a:hover,
footer ul li a.active {
	color: #707070;
	opacity: 1;
}