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

body
{
	background: url(images/body-bg.gif) repeat-x top #FFFFFF;
	font-size: 62.5%;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#container
{
	width: 800px;
	margin: 0px auto 0px auto;
}

#header
{
	display: block;
	height: 168px;
	background: url(images/header-bg.png) no-repeat right;
	position: relative;
	margin: 0px 0px 15px 0px;
}

.canman
{
	position: absolute;
	top: 0px;
	background: url(images/can-man-watermark.png) no-repeat bottom;
	right: -103px;
	width: 103px;
	height: 168px;
}

#header img
{
	display: block;
	float: left;
	border: none;
}

#header h1
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #697F9F;
	text-align: right;
}

#contact
{
	float:right;
	width: 222px;
	height: 101px;
	padding: 0px 90px 0px 0px;
	margin: 20px 0px 0px 0px;
	/*  background: url(images/can-man.gif) no-repeat right; */
}
#contact p
{
	display: block;
	width: 199px;
	height: 48px;
	text-indent: -99999px;
	font-size: 0.00001em;
	margin: 7px 0px 7px 0px;
	background: url(images/telephone.gif) no-repeat top;
}
.emailus
{
	display: block;
	float: left;
	text-indent: -99999px;
	font-size: 0.00001em;
	width: 84px;
	height: 27px;
	background: url(images/contact-buttons.png) no-repeat 0px 0px;
}
.emailus:hover
{
	background-position: 0px -28px;
}
.livechat
{
	float: left;
	display: block;
	text-indent: -99999px;
	font-size: 0.00001em;
	width: 114px;
	height: 27px;
	background: url(images/contact-buttons.png) no-repeat -108px 0px;
}
.livechat:hover
{
	background-position: -108px -28px;
}
.ormid
{
	float: left;
	display: block;
	text-indent: -99999px;
	font-size: 0.00001em;
	width: 24px;
	height: 27px;
	background: url(images/contact-buttons.png) no-repeat -84px 0px;
}

#nav
{
	width: 800px;
	position: absolute;
	top: 121px;
	list-style-type: none;
	margin: 11px 0px 0px 0px;
	padding: 0px;
}

#nav li
{
	float: left;
	display: block;
	list-style-type: none;
}

#nav li a
{
	float: left;
	display: block;
	width: 90px;
	height: 24px;
	color: #FFFFFF;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
	background: url(images/nav-a-bg.gif) no-repeat 0px -500px;
}

#nav li a:hover
{
	background-position: 0px 0px;
}

#nav li a.selected
{
	height: 38px;
	background-position: 0px -30px;
}

/*Home*/
.hpBen
{
	padding: 0px 0px 0px 60px;
}
#hpCust { background: url(images/icon-customisation.gif) no-repeat 2px 0px; }
#hpVal { background: url(images/icon-value.gif) no-repeat 10px 0px; }
#hpConf { background: url(images/icon-confidence.gif) no-repeat 10px 0px; }
#hpTran { background: url(images/icon-transport.gif) no-repeat 1px 0px; }
#hpNat { background: url(images/icon-nationwide.gif) no-repeat 10px 0px; padding-bottom: 15px; }
#pageWide
{
	float: left;
	display: block;
	width: 800px;
	margin: 0px 0px 10px 0px;
}
#page
{
	float: left;
	display: block;
	width: 500px;
	margin: 0px 10px 10px 0px;
}

#page p, #pageWide p
{
	font-size: 1.3em;
	line-height: 1.4em; 
}
#page ul
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#page li
{
	list-style-type: none;
	font-size: 1.3em;
	line-height: 1.4em; 
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 15px;
	background: url(images/bullet.png) no-repeat 0px 3px;
}


#page h2, #page h1, #pageWide h1
{
	font-size: 2.6em;
	letter-spacing: -1px;
	background: url(images/h2-bg.gif) repeat-x bottom;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 10px 0px;
	color: #224272;
	font-weight: normal;
}

#page h3, #pageWide h3
{
	font-size: 1.4em;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
	color: #224272;
}

#rhn
{
	float: right;
	display: block;
	width: 290px;
}

#rhn div
{
	position: relative;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: url(images/rhn-box-corner.gif) no-repeat bottom left #224272;
}
#rhn div p
{
	width: 170px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
}
#rhn ul
{
	margin: 0px 0px 0px 9px;
	list-style-type: none;
	padding: 0px 0px 10px 0px;
}
#rhn ul li
{
	padding: 0px 0px 0px 8px;
	background: url(images/rhn-bullet.gif) no-repeat 0px 3px;
	font-size: 1.1em;
	width: 160px;
}

#rhn h2
{
	text-indent: -99999px;
	font-size: 0.00001em;
	display: block;
	margin: 0px 0px 6px 0px;
}
.matb { height: 27px; width: 290px; background: url(images/rhn-h2.gif) no-repeat; }
.scrap { height: 27px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -28px; }
.env { height: 44px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -56px; }
.cont { height: 24px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -101px; }
.addr { height: 24px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -126px; }
.briq { height: 47px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -150px; }
.scales { height: 44px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -197px; }
.chat { height: 24px; width: 290px; background: url(images/rhn-h2.gif) no-repeat 0px -241px; }

#rhn h3
{
	width: 280px;
	background: url(images/rhn-h2.gif) no-repeat 0px -265px #224272;
	display: block;
	font-size: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	line-height: 1.3em;
}

#rhn a
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 6px 0px 0px 0px;
	background: url(images/rhn-a.gif) no-repeat top;
	width: 94px;
	height: 23px;
	font-size: 1.3em;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#rhn a:hover { background-position: bottom; text-decoration: underline; }

.trImg
{
	position: absolute;
	top: 0px;
	right: 0px;
}
.imgSpc
{
	margin: 0px 0px 10px 0px;
}


#footer
{
	float: left;
	display: block;
	width: 780px;
	height: 155px;
	padding: 10px;
	background: url(images/footer.gif) no-repeat top;
	color: #666666;
}

#footer div
{
	float: left;
	display: block;
	width: 380px;
	margin: 0px 0px 0px 10px;
}

#footer h2
{
	margin: 0px 0px 10px 0px;
	font-size: 1.6em;

}

#footer p
{
	font-size: 1.2em;
	line-height: 1.3em;
	width: 250px;
	margin: 0px 0px 10px 0px;
}

#footer ul
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}
#footer li
{
	font-size: 1.2em;
	list-style-type: none;
	width: 300px;
	background: url(images/footer-bullet.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 8px;
}
#footer a
{
	font-size: 1.2em;
	background: url(images/footer-bullet.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 8px;
}
#wm
{
	width: 800px;
	display: block;
	float: left;
	text-align: center;
	color: #CCCCCC;
	font-size: 2em;
	font-weight: normal;
}
#copy
{
	width: 800px;
	display: block;
	float: left;
	text-align: center;
	color: #999999;
	font-size: 1.2em;
	font-weight: normal;
}

form
{
	margin: 0px;
	padding: 0px;
}
#contactForm table, #collectForm table
{
	font-size: 1.3em;
}
#contactForm strong, #collectForm strong
{
	color: #FF0000;
}

#contactForm th {width: 130px;}

#contactForm th
{
	
	text-align: right;
	padding: 5px;
	font-weight: bold;
}
#contactForm td, #collectForm td
{
	padding: 5px;
}
.field
{
	border-top: solid 1px #969696;
	border-left: solid 1px #969696;
	border-right: solid 1px #c2c2c2;
	border-bottom: solid 1px #c2c2c2;
	background: url(images/field-bg.gif) no-repeat top left #FFFFFF;
}

.msg { height: 150px; width: 300px; }
.txt { height: 20px; width: 270px; padding: 2px 0px 0px 3px; }
.sel { width: 275px; }
.err
{
	background: #FFFFCC;
	padding: 5px;
	display: block;
	border-left: solid 1px #FF5E5E;
	border-right: solid 1px #FF5E5E;
	border-bottom: solid 1px #FF5E5E;
	color: #FF5E5E;
	width: 263px;
}


#certs
{
	text-align: center;
	background: none;
	margin: 0px;
	padding: 0px;
}
#bigCerts, #equipBig
{
	display: none;
}
#equip img
{
	margin: 0px 5px 5px 0px;
}
.spreadsheet
{
	background: url(images/excel.png) no-repeat;
	padding: 0px 0px 0px 21px;
}
.pdf
{
	background: url(images/pdf.png) no-repeat;
	padding: 0px 0px 0px 21px;
}
#faq dt
{
    margin: 0px 0px 0px 0px;
    font-size: 1.2em;
    line-height: 1.8em;
}
#faq dt a
{
    cursor: pointer;
    width: 479px;
    display: block;
    padding: 6px 3px 6px 50px;
    background: url(images/symbols.png) no-repeat 5px 1px;
	border-bottom: dotted 1px #224272;
    font-weight: bold;
	color: #224272;
}
#faq dt a:hover
{
    background-color: #BFD9FF;
    text-decoration: underline;
}
#faq dt a.alu
{
	background-position: 5px -31px;
}
#faq dt a.nick
{
	background-position: 5px -100px;
}
#faq dt a.cop
{
	background-position: 5px -68px;
}
#faq dd
{
    width: 490px;
    margin: 0px;
    padding: 5px;
    background: #DFDFDF;
}

.grid tr td
{
	border-left: dotted 1px #CCCCCC;
}
.grid td
{
	text-align: center;
	padding: 15px 5px 15px 5px;
	border-bottom: solid 1px #CCCCCC;
	border-right: dotted 1px #CCCCCC;
}
.grid th
{
	text-align: center;
	font-weight: bold;
	color: #333333;
	background: #DDDDDD;
	padding: 6px;
}
.alt td
{
	background: #EAEAEA;
}