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

body {
	background: #CFE2F2 url(../images/gfx/bg.gif) repeat-x top center;
	color: #656565;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}

a img {
	border: none;
}

/********** HEADERS **********/

h1.pageHeader {
	border-bottom: 1px solid #5A9DD5;
	color: #7792A7;
	font: 24px 'century gothic', Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
	margin-bottom: 20px;
	width: 260px;
}

h2.customerCenterHeader {
	color: #7792A7;
	font: 18px 'century gothic', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

h2.logIn, h2.bulletBoxHeader, h2.subHeader {
	color: #7792A7;
	font: 18px 'century gothic', Arial, Helvetica, sans-serif;
}

/********** HR **********/

hr.customerCenter {
	background-color: #BFC5CD;
	border: none;
	color: #BFC5CD;
	height: 1px;
	margin: 20px 0;
}

hr.faq {
	background-color: #BFC5CD;
	border: none;
	color: #BFC5CD;
	height: 1px;
	margin-bottom: 20px;
}

/********** CLEARS **********/

div.clear {
	clear: both;
	margin-bottom: 20px;
}

div.clearLeft {
	clear: left;
	margin-bottom: 20px;
}

div.clearRight {
	clear: right;
}

div.clearLast {
	clear: both;
	margin: 0;
}

/********** SPAN & SUP TAGS **********/

span.backToTop {
	font-size: 10px;
}

span.faq {
	color: #5A9DD5;
	font: 14px 'century gothic', Arial, Helvetica, sans-serif;
}

span.highlight {
	color: #04579a;
	font-size: 14px;
	font-weight: bold;
}

span.highlightBig {
	color: #04579a;
	font-size: 18px;
	font-weight: bold;
}

span.highlightMed {
	color: #04579a;
	font-size: 12px;
	font-weight: bold;
}

sup.tm {
	font: 8px 'century gothic', Arial, Helvetica, sans-serif;
}

/********** IMAGE TAGS **********/

div.safecorProducts {
	background: url(../images/gfx/safecorProducts.png) no-repeat;
	position: relative;
	height: 113px;
	width: 300px;
	left: 210px;
}

div.submit {
	margin: 5px 0 0 305px;
}

img.backToTopAnchor {
	padding-left: 10px;
}

img.logo {
	margin: 11px 0 2px 8px;
}

img.pdf {
	float: right;
}

img.submit {
	margin-top: 5px;
}

/********** CONTAINER **********/

div#container {
	margin: 0 auto;
	padding: 0;
	width: 770px;
}

/********** HEADER **********/

div#header {
	background: url(../images/gfx/headerBG.jpg) no-repeat;
	height: 179px;
	padding: 0px 10px;
	position: relative;
}

div#trustedSource {
	color: #BED3E5;
	float: right;
	font: 28px 'century gothic', Arial, Helvetica, sans-serif;
	margin-top: 8px;
	text-align: right;
}

/********** HEADER NAVIGATION **********/

div#headerNav a {
	color: #9DAAC0;
	text-decoration: none;
}

div#headerNav {
	margin: -16px 10px;
	padding: 0;
	text-align: center;
}

div#headerNav ul {
	height: 25px;
	list-style: none;
	padding-top: 25px;
	text-align: center;
}

div#headerNav ul li {
	display: inline;
}

div#headerNav ul li a {
	padding: 23px 12px 0;
}

div#headerNav ul li a.selected, div#headerNav ul li a:hover {
	background: url(../images/gfx/navArrow.gif) no-repeat top center;
	height: 25px;
}

div#greyLine {
	border-bottom: 1px solid #BFC5CD;
}

/********** CONTENT **********/

div#content {
	background: url(../images/gfx/contentBG.png) repeat-y;
	min-height: 603px;
	padding: 0 0 20px 18px;
}

div#contents {
	background: url(../images/gfx/contentBG.png) repeat-y;
	min-height: 603px;
	padding: 0 0 20px 18px;
}


div#contentText {
	width: 520px;
	margin: 0;
}

div#contentText div.formField {
	margin-bottom: 10px;
}

div#contentText div.submit {
	margin-top: 20px;
}

div#contentText div.formField label {
	float: left;
	width: 170px;
}

div#contentText div.formField input {
	margin-right: 8px;
	width: 338px;
}

div#contentText div.formField textarea.comment{
	margin-right: 8px;
	width: 338px;
}

div#contentText p {
	line-height: 20px;
	margin: 20px 0;
}

div#contentText p.last {
	margin: 0;
}

div#contentText p.tableLast {
	margin-bottom: 0;
}	

div#contentText p.center {
	margin: 0;
	text-align: center;
}

div#contentText table {
	margin-bottom: 30px;
}

div#contentText table.products {
	margin: 0;
}

div.mission {
	background: #F4F8FA;
	border: 1px solid #BFC5CD;
	margin-bottom: 20px;
	padding: 10px;
}

p.noMargin {
	margin: 0 !important;
	padding: 0 !important;
}

div.roundedCornerContainerLtBlueContent ul ul li {
	margin-top: 0px !important;
}

div.roundedCornerContainerLtBlueContent ul li.hasChildren ul {
	margin: 0 !important;
	padding: 0 !important;
}

div.roundedCornerContainerLtBlueContent ul, div#contentText ul {
	margin-top: 10px;
	padding-left: 15px;
}

div.roundedCornerContainerLtBlueContent ul li, div#contentText ul li {
	background: url(../images/gfx/crossBullet.png) no-repeat 0 4px;
	list-style: none;
	list-style-image: none;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}

div.roundedCornerContainerLtBlueContent ul li.secondTier, div.roundedCornerContainerLtBlueContentOurProcessRight ul li.secondTier, div#content ul li.secondTier {
	background: url(../images/gfx/dash.gif) no-repeat 0 9px;
	list-style: none;
	list-style-image: none;
	margin: 0 0 10px 7px;
	padding: 0 0 0 10px;
}

div.roundedCornerContainerLtBlueContent ul li.secondTierLast, div.roundedCornerContainerLtBlueContentOurProcessRight ul li.secondTier, div#content ul li.secondTierLast {
	background: url(../images/gfx/dash.gif) no-repeat 0 9px;
	list-style: none;
	list-style-image: none;
	margin: 0 0 10px 5px;
	padding: 0 0 0 10px;
}

div#content ul li.secondTierHome {
	background: url(../images/gfx/dash.gif) no-repeat 0 9px;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 10px;
}

div.eventsBody {
	height: 265px;
	overflow: auto;
	padding-right: 10px;
}

div.productHolder {
	float: right;
	width: 200px;
	height: 200px;
	text-align: center;
}

/********** CONTENT - CUSTOMER CENTER **********/

div#customerCenterContainer {
	float: right;
	width: 208px;
}

div#customerCenterContainerContent {
	background: url(../images/gfx/customerCenterBG.png) no-repeat top center;
	min-height: 283px;
	padding: 0 16px;
}

div#customerCenterContainerContent p {
	margin-top: 11px;
}

div#customerCenterContainerContent ul {
	margin: 0;
}

div#customerCenterContainerContent ul li {
	color: #7792A7;
	list-style: none;
	margin-left: 15px;
}

div#customerCenterContainerContent ul li.last {
	color: #7792A7;
	list-style: none;
	margin: 0 0 10px 15px;
}

div#customerCenterContainerContent ul li.secondTierCustomerCenter {
	margin-left: 25px;
}

div#customerCenterContainerContent form input {
	margin-top: 5px;
	width: 169px;
}

div#customerCenterContentBG {
	background: url(../images/gfx/customerCenterBGrpt.gif) repeat-y bottom center;
	width: 208px;
}

div#customerCenterContentBottom {
	background: url(../images/gfx/customerCenterBottom.png) no-repeat;
	height: 70px;
}

div#customerCenterContentBottomLogos {
	background: url(../images/gfx/ourProcessLogos.gif) no-repeat;
	height: 302px;
}

div#customerCenterContentBottomAd {
	background: url(../images/gfx/safecorAd.gif) no-repeat;
	height: 40px;
}

div#customerCenterContentBullet {
	background: url(../images/gfx/customerCenterArrow.gif) no-repeat center left;
	padding-left: 20px;
}

div#customerCenterContentBullet a, div#contentText a, div#customerCenterContainerContent a {
	color: #5A9DD5;
	text-decoration: none;
}

div#customerCenterContainerContent input.customerCenterField {
	background: url(../images/gfx/inputBG.gif) no-repeat;
	border: none;
	color: #BFC5CD;
	font: 11px 'century gothic', Arial, Helvetica, sans-serif;
	height: 21px;
	padding: 3px 10px 0 10px;
}

/********** FOOTER **********/

div#footer a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

div#footer {
	background: url(../images/gfx/footerBG.png) no-repeat;
	height: 112px;
}

div#footer ul {
	list-style: none;
	padding-top: 24px;
	text-align: center;
}

div#footer ul li {
	display: inline;
	padding: 0 15px;
}

div#footer ul li.last {
	padding-right: 40px;
}

div#footer div#copyright {
	color: #04599C;
	font-size: 11px;
	margin-top: 42px;
	padding-bottom: 28px;
	text-align: center;
}

/********** PRODUCT NAVIGATION **********/

div.next {
	border: 1px solid #BFC5CD;
	float: right;
	margin: 10px 0 0 3px;
	padding: 3px;
}

div.previous {
	border: 1px solid #BFC5CD;
	float: right;
	margin-top: 10px;
	padding: 3px;
}

/********** ROUNDED CORNERS - LIGHT BLUE WIDE BOX **********/

/********** ROUNDED CORNERS - LIGHT BLUE WIDE BOX - GENERAL SHAPES **********/

div.roundedCornerContainerLtBlue {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
}

div.roundedCornerContainerLtBlueTopBox {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	margin-top: 70px;
}

div.roundedCornerContainerLtBlueTop {
	background: url(../images/gfx/dot.gif) repeat-x top center;
	height: 12px;
}

div.roundedCornerContainerLtBlueTopTL {
	background: url(../images/gfx/tl.gif) no-repeat top left;
	float: left;
	height: 12px;
	width: 12px;
}

div.roundedCornerContainerLtBlueTopTR {
	background: url(../images/gfx/tr.gif) no-repeat top right;
	float: right;
	height: 12px;
	width: 12px;
}

div.roundedCornerContainerLtBlueBottomBL {
	background: url(../images/gfx/bl.gif) no-repeat bottom left;
	float: left;
	height: 12px;
	width: 12px;
}

div.roundedCornerContainerLtBlueBottomBR {
	background: url(../images/gfx/br.gif) no-repeat bottom right;
	float: right;
	height: 12px;
	width: 12px;
}

div.roundedCornerContainerLtBlueBottom, .roundedCornerContainerLtBlueBottom245 {
	background: url(../images/gfx/dot.gif) repeat-x bottom center;
	height: 12px;
}

/********** ROUNDED CORNERS - LIGHT BLUE WIDE BOX - HOMES SHAPES **********/ 

div.roundedCornerContainerLtBlueMedLeftHome {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: left;
	margin-top: 20px;
	width: 250px;
}

div.roundedCornerContainerLtBlueMedRightHome {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: right;
	margin-top: 20px;
	width: 250px;
}

div.roundedCornerContainerLtBlueContent {
	border-left: 1px solid #BFC5CD;
	border-right: 1px solid #BFC5CD;
	padding: 0 12px 1px 12px;
}

div.roundedCornerContainerLtBlueContentHomeLeft {
	border-left: 1px solid #BFC5CD;
	border-right: 1px solid #BFC5CD;
	min-height: 237px;
	padding: 0 12px;
}

/********** ROUNDED CORNERS - LIGHT BLUE WIDE BOX - OUR PROCESS SHAPES **********/

div.roundedCornerContainerLtBlueMedLeftOurProcess {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: left;
	margin-top: 20px;
	width: 250px;
}

div.roundedCornerContainerLtBlueMedRightOurProcess {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: right;
	margin-top: 20px;
	width: 250px;
}

div.roundedCornerContainerLtBlueContentOurProcessRight {
	border-left: 1px solid #BFC5CD;
	border-right: 1px solid #BFC5CD;
	min-height: 672px;
	padding: 0 12px;
}

/********** ROUNDED CORNERS - LIGHT BLUE WIDE BOX - OUR QUALITY SHAPES **********/

div.roundedCornerContainerLtBlueMedLeftOurQuality {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: left;
	margin-top: 20px;
	width: 250px;
}

div.roundedCornerContainerLtBlueMedRightOurQuality {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: right;
	margin-top: 20px;
	width: 250px;
}

div.roundedCornerContainerLtBlueContentOurQualityRight {
	border-left: 1px solid #BFC5CD;
	border-right: 1px solid #BFC5CD;
	min-height: 292px;
	padding: 0 12px;
}

/********** ROUNDED CORNERS - LIGHT BLUE WIDE BOX - NEWS & INDUSTRY LINKS SHAPES **********/

div.roundedCornerContainerLtBlueMedLeftNews {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: left;
	width: 250px;
}

div.roundedCornerContainerLtBlueMedRightNews {
	background: #E6EAF0 url(../images/gfx/boxBG.gif) repeat-x top left;
	float: right;
	width: 250px;
}

div.roundedCornerContainerLtBlueContentNewsLeft {
	border-left: 1px solid #BFC5CD;
	border-right: 1px solid #BFC5CD;
	min-height: 288px;
	padding: 0 12px;
}

.negMargin{
	margin-top: -35px !important;
}