@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	border:none;
	background-color: #333;
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #F2F2F2;
}
.botdot {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#E11B22;
	padding-bottom: 3px;
}
h1 {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 2em;
	color:#FFF;
	font-weight: lighter;
	padding-top: 35px;
}
h2 {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 1.3em;
	color: #BF2723;
	font-weight: lighter;
}
h3 {
	font-size: 1.2em;
	color: #BF2723;
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-weight: lighter;
	padding-right: 2px;
	padding-left: 2px;
}
h4 {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #BF2723;
	font-weight: lighter;
}
h5 {
	font-size: 1.5em;
	color: #DADADA;
	padding: 0px;
	margin: 0px;
}

#content {
	margin-top: 60px;
	margin-left: 10px;

}
#content p {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: lighter;
}
#container {
	width: 1000px;
	background-color: #010101;
}
.left {
	background-image: url(/images/left-slice.gif);
	background-repeat: repeat-y;
	width: 10px;
}
.right {
	background-image: url(/images/right-slice.gif);
	background-repeat: repeat-y;
	width: 10px;
}
#content ul li {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #FFF;
	display: list-item;
	line-height: 2em;
	list-style-position: outside;
	font-size: .9em;
}
#header {
	background-image: url(/images/top-tile.gif);
	background-repeat: repeat-x;
	position: fixed;
	z-index: 1;
	top: 0px;
	visibility: visible;
	width: 980px;
	background-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
}
#header h4 {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #F8F8F8;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#main {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	background-image: url(/images/bg-main.jpg);
}
#topmenu {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 1em;
	color:#E11B22;
	text-align: center;
	vertical-align: text-bottom;
	background-color: #000;
}
.breaker {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:#FF0400;
}
#topmenu a:link {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color:#BF2723;
	text-align: left;
	vertical-align: text-bottom;
	text-decoration: none;
}
#topmenu a:link:hover {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #FFF;
	text-decoration: none;
	position: relative;
	top: -2px;
}
#topmenu a:visited {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color:#BF2723;
	text-decoration: none;
}
#topmenu a:visited:hover {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #FFF;
	text-decoration: none;
	position: relative;
	top: -2px;
}
.footer {

}
.crumbback {
	background-image: url(/images/overlay.png);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#right {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: .9em;
	width: 140px;
	top: 90px;
	position: fixed;
	display: table;
	color:#BF2723;
	text-decoration: none;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#right a {
	color: #EAEAEA;
	text-decoration: none;
}
.redline {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color:#FF0400;
}
.rightleft {

}
#right a:hover {
	color:#FF0400;
	position: relative;
	top: -2px;
}
.bread {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #FFF;
}
.divider {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color:#BF2723;
}
.invisititle {
	font-size: .01em;
	display: none;
}
#contacts h2 {
	font-size: 1.75em;
	color: #932222;
}
ol li {
	list-style-type: disc;
	color: #FFF;
	font-family: Calibri, Arial, Verdana, sans-serif;
	line-height: 2em;
}

#breadnav {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #CCC;
	text-align: left;
	font-size: 1em;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
	width: 100%;
}
#breadnav a:link {
	color: #FFF;
	text-align: right;
	text-decoration: none;
}
#breadnav a:hover {
	color:#FF0400;
	text-align: right;
	text-decoration: none;
}
#breadnav a:visited {
	color: #FFF;
	text-align: right;
	text-decoration: none;
}
#contacts {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: .9em;
}

#contacts a:link {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #DC1F26;
	text-decoration: none;
}
#breadnav a:hover:visited {
	color:#FF0400;
	text-align: right;
	text-decoration: none;
}
#footmenu {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: .85em;
	color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E10B0B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E10B0B;
}
#footmenu a:link {
	font-family: Calibri, Arial, Verdana, sans-serif;
	text-align: center;
	vertical-align: text-bottom;
	text-decoration: none;
	color: #FFF;
}
#footmenu a:link:visited {
	font-family: Calibri, Arial, Verdana, sans-serif;
	text-align: center;
	vertical-align: text-bottom;
	text-decoration: none;
	color: #CCC;
}
#table-productgrade {
	font-size: 0.8em;
	font-weight: lighter;
	color: #000;
	background-color: #FFF;
	width: 100%;
}
#table-productgrade a {
	color: #C00;
	width: 100%;
	text-decoration: none;
}

#table-productgrade th {
	background-color: #FF0400;
	display: block;
	text-align: left;
}
.table-copy {
	color: #000;
	font-size: 1em;
	font-family: Calibri, Arial, Verdana, sans-serif;
}
#table-chemical {
	padding: 2px;
	font-weight: lighter;
	font-family: Calibri, Arial, Verdana, sans-serif;
	background-color: #FFF;
	color: #000;
	font-size: .695em;
}
#table-chemical th {
	background-color: #FF0400;
	display: block;
	text-align: left;
	color: #FFF;
}
.tablestuff {
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #000;
}
#table-packing {
	font-size: 0.8em;
	padding: 2px;
	font-weight: lighter;
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #FFF;
}
#table-packingl th {
	background-color: #FF0400;
	display: block;
	text-align: left;
	color: #FFF;
}
.thumbs {
	border: 5px solid #FFF;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
}/* ------------------------------------------------------------------------
	Lightbox Code
------------------------------------------------------------------------- */

	div.pictureHolder .top .left {
	background: url(images/tl.gif) top left no-repeat;
} /* Top left corner */
div.pictureHolder .top .middle {
	background: #fff;
} /* Top pattern/color */
div.pictureHolder .top .right {
	background: url(images/tr.gif) top left no-repeat;
} /* Top right corner */
div.pictureHolder .content a.next:hover {
	background: url(images/btnNext.gif) center right no-repeat;
	cursor: pointer;
} /* Next button */
div.pictureHolder .content a.previous:hover {
	background: url(images/btnPrevious.gif) center left no-repeat;
	cursor: pointer;
} /* Previous button */
div.pictureHolder .content a.close {
	width: 52px;
	height: 26px;
	background: url(images/btnClose.gif) center left no-repeat;
	cursor: pointer;
} /* Close button */
div.pictureHolder .bottom .left {
	background: url(images/bl.gif) top left no-repeat;
} /* Bottom left corner */
div.pictureHolder .bottom .middle {
	background: #fff;
} /* Bottom pattern/color */
div.pictureHolder .bottom .right {
	background: url(images/br.gif) top left no-repeat;
} /* Bottom right corner */
div.pictureHolder .loaderIcon {
	background: url(images/loader.gif) top left no-repeat;
} /* Loader icon */
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
	background: #003367;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
div.pictureHolder {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 100px;
}
div.pictureHolder .top {
	position: relative;
	height: 20px;
}
* html div.pictureHolder .top {
	padding: 0 20px;
}
div.pictureHolder .top .left {
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .top .middle {
	position: absolute;
	left: 20px;
	right: 20px;
	height: 20px;
}
* html div.pictureHolder .top .middle {
	position: static;
}
div.pictureHolder .top .right {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .content {
	position: relative;
	background-color: #fff;
	text-align: left;
	width: 100%;
	height: 40px;
}
div.pictureHolder .content .details {
	display: none;
	margin: 10px 15px 0 15px;
}
div.pictureHolder .content .details p {
	float: left;
	clear: left;
	margin: 0;
}
div.pictureHolder .content div.hoverContainer {
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
}
div.pictureHolder .content a.next {
	position: relative;
	z-index: 2000;
	display: block;
	float: right;
	text-indent: -10000px;
	width: 49%;
	height: 100%;
	background: url(img/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}
div.pictureHolder .content a.previous {
	cursor: pointer;
	display: block;
	text-indent: -10000px;
	width: 49%;
	height: 100%;
	background: url(img/btnPrevious.gif) -10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}
div.pictureHolder .content a.close {
	float: right;
	display: block;
	text-indent: -10000px;
}
div.pictureHolder .bottom {
	position: relative;
	height: 100px;
}
* html div.pictureHolder .bottom {
	padding: 0 20px;
}
div.pictureHolder .bottom .left {
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .bottom .middle {
	position: absolute;
	left: 20px;
	right: 20px;
	height: 20px;
}
* html div.pictureHolder .bottom .middle {
	position: static;
}
div.pictureHolder .bottom .right {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 20px;
	height: 20px;
}
div.pictureHolder .loaderIcon {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
}
div.pictureHolder #fullResImage {
	display: block;
	margin: 0 auto;
}
a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
.tableborder {
	color: #F2F2F2;
	font-family: Calibri, Arial, Verdana, sans-serif;
}
.tableheader {
	font-family: Calibri, Arial, Verdana, sans-serif;
	color: #900;
}
.table-copy p {
	color: #000;
	background-color: #CCC;
	font-size: .9em;
}
.red {
	color: #BF2723;
	font-weight: bold;
}
#table-size {
	font-size: 0.8em;
	font-weight: lighter;
	color: #000;
	background-color: #FFF;
}
#table-contacts {
	font-size: 0.8em;
	font-weight: lighter;
	color: #FFF;
	width: 100%;
}
#table-contacts a {
	font-weight: lighter;
	color: #FFF;
	width: 100%;
}
.but {
	color: #FFF;
	background-color: #BF2723;
	border: 2px solid #FFF;
}
h6 {
	font-size: 1.2em;
	color: #FFF;
	padding: 0px;
	margin: 0px;
}
#sp1 {
	position: relative;
	top: -130px;
}
#table-chemicalsmall {
	padding: 2px;
	font-weight: lighter;
	font-family: Calibri, Arial, Verdana, sans-serif;
	background-color: #FFF;
	color: #000;
	font-size: 0.6em;
}
.white2 {
	background-image: url(images/white-pix.gif);
	background-repeat: repeat-x;
	background-position: 50%;
}
.flag {
	background-color: #FFEAFF;
	border: 1px solid #BF2723;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: .85em;
}
.flag a {
	color: #BF2723;
}