body {
	background: #ffffff; 
	padding: 0px; margin: 0px;
	font-family: Arial, Verdana, san-serif;
	font-size: 0.8em;
}
body div#root {
	margin: 0px auto;
	background: #ffffff;
	width: 916px;
}
 
body div#root div#header {
	background: url(../images/menugrad.gif);
	padding: 0px 0px 0px 35px;
	height: 113px;
	position: relative;
}
body div#root div#header a#homelink {
	font-size: 1px;
	text-decoration: none;
	background: url(../images/homelogo.gif) top left no-repeat;
	width: 83px; height: 102px;
	display: block; 
	color: #222e62;
}
body div#root div#header div#menu {
	margin: 0px auto;
	width: 804px;
	top: 36px; left: 112px;
	position: absolute;
}

body div#root div#header div#menu a{
	float: left;  display: block; 
	padding: 30px 10px 23px 10px;
	position: relative;
	margin: 0px;
	font-weight: bold; text-decoration: none;
	color: #232d62; 
	background: url(../images/menuline.gif) top right no-repeat;
	text-transform: uppercase;
}
body div#root div#header div#menu a#contact{
	float: none;  background-image: none;
	margin-left: 695px; 
}
body div#root div#header div#menu a:hover {
	color: black;
	text-decoration: underline;
}

body div#root div#body { 
	padding-left: 0px; padding-top: 25px; 
	font-size: 0.9em; margin-bottom: 20px; 
}








/*
	Contact-Page specific CSS 
*/


	body div#root div#body div#contactleft {
		float: left;
		width: 408px;
		color: #3A8B25;
		font-size: 1.0em;
		padding-right: 40px;
		background: url(../images/longbar.gif) top right no-repeat;
	}

	body div#root div#body div#contactleft strong#title{
		padding-bottom: 5px; margin-bottom: 5px;
		border-bottom: 1px solid #222e62;
		color: #3A8B25;
		font-size: 1.5em;
		display: block;
		text-align: center;
	}
	body div#root div#body div#contactleft div#details  strong  {
		text-transform: uppercase;
		text-align: center;
		font-size: 1.1em;
		border: 1px solid #e9edf0;
		background: #efefef;
		display: block;
		color: #222e62;
	 }
	 
	 body div#root div#body div#contactleft div#details  img {
		border-style: none;
	}

	body div#root div#body div#contactleft div#details  a {
		text-decoration: none;
		color: #060398;
	}

	body div#root div#body div#contactleft div#details { color: #757784; }

	
	

	body div#root div#body div#actualform {
		font-size: 1em;
		color: #777684;
		padding-left: 24px;
		margin-left: 450px;
	}

	body div#root div#body div#actualform strong{
		color: #3a8b24;
		font-size: 1.5em;
	}

	body div#root div#body div#actualform div#bar {
		margin: 13px 0px 13px 0px;
		background: #e6e6e6 url(../images/cbarbg.gif) top left repeat;
		height: 33px;
		font-size: 1em; color: #e6e6e6; text-align: center;
	}
	
	body div#root div#body div#actualform form#form {
		background: #f8faf7;
		border: 2px solid #e9edf0;
	}
	body div#root div#body div#actualform form#form table#formtab {
		margin-top: 6px;
		margin-bottom: 0px;
		width: 92%;
	}
	body div#root div#body div#actualform form#form table#formtab tr td input.inputbox {
		width: 91%;
		border: 2px solid #c6ced6; 
		padding-left: 17px;
		color: #5c5c5c; font-size: 0.9em;
	}
	body div#root div#body div#actualform form#form table#formtab tr td select.inputbox {
		border: 2px solid #c6ced6; 
		color: #5c5c5c; font-size: 0.9em;
		padding: 3px 1px 3px 3px;
	}


	body div#root div#body div#actualform form#form table#formtab tr th { font-weight: normal; text-align: right; }
	body div#root div#body div#actualform form#form table#formtab tr td input#conname { background: white url(../images/c-person.gif) 1px center no-repeat; }
	body div#root div#body div#actualform form#form table#formtab tr td input#company { background: white url(../images/c-house.gif) 1px center no-repeat; }
	body div#root div#body div#actualform form#form table#formtab tr td input#phone { background: white url(../images/c-phone.gif) 1px center no-repeat; }
	body div#root div#body div#actualform form#form table#formtab tr td input#email { background: white url(../images/c-mail.gif) 1px center no-repeat; }
	
	body div#root div#body div#actualform form#form div#clearsubmit {
		text-align: right;
		margin-right: 10px;
		padding-top: 0px;
		margin-bottom: 30px;
	}
	body div#root div#body div#actualform form#form div#clearsubmit input {
		border: 2px solid #d7dde2;
		background: #c6ced6;
		color: #222e62;
		text-transform: uppercase; font-weight: bold;
		font-size: 0.9em;
		width: 101px;
	}

	
/*
	Brand page specific CSS
*/


	
body div#root div#body div#table table {
	width: 672px;
	height: 465px;
	padding-left: 38px;
	font-weight: bold;
}	
	
body div#root div#body div#table th a {
	color: #489128;
}		
	
body div#root div#body div#table tr {
	text-align: center;
	color: #212e62
}	
	
body div#root div#body div#table tr#header{
	background: #efefef;
	text-align: center;
	color: #232d62;
	font-weight: bold;
	text-transform: uppercase;
}

body div#root div#body div#table table#acttable tr#header th {
	background: #efefef;
	padding: 3px; text-align: right;
}
body div#root div#body div#table table#acttable tr#header th#descrip {
	text-align: center;
}

body div#root div#body div#table table#acttable colgroup.colgroup1 {
	width: 93px;
}
	
body div#root div#body div#table table#acttable colgroup.colgroup2 {
	background: #f1f6f9;
	width: 138px;
}

body div#root div#body div#table table#acttable colgroup.colgroup3 {
	width: 93px;
}

body div#root div#body div#table table#acttable colgroup.colgroup4 {
	background: #f1f6f9;
	width: 93px;
}

body div#root div#body div#table table#acttable colgroup.colgroup5 {
	width: 230px;
}

body div#root div#body div#table table#acttable tr td div#desc {
	text-align: left;
	padding-left: 21px;
	font-weight: normal;
}	
	
body div#root div#body div#table table#acttable tr td img {
	border-style: none;
	border: 0px;
}	
body div#root div#body div#table table#acttable tr td, 
body div#root div#body div#table table#acttable tr th {
	padding: 3px;
}

body div#root div#body div#table table#acttable tr.divide ,
body div#root div#body div#table table#acttable tr.divide td {
	background-color: #818181;
	color: #818181;
	height: 1px;
	font-size: 0px;
	padding: 0px;
}

	
	
/*
	Sub-Page specific CSS 
*/

	body div#root div#body div#leftmenu {
		width: 208px; padding-right: 22px;
		float: left;
		background: url(../images/menu-barR.gif) top right repeat-y;
	}
	body div#root div#body div#leftmenu img { margin-left: 8px; }
	body div#root div#body div#leftmenu strong#title {
		font-size: 1.5em; font-weight: bold;
		color: #222f64; display: block;
		border-bottom: 1px solid #222e62;
		text-align: center;
		margin: 0px 5px 10px 5px;
	}
	body div#root div#body div#leftmenu strong#title img {
		margin-left: 0px;	
	}

	body div#root div#body div#leftmenu div#navbg {
		margin: 10px 0px 3px 0px; width: 208px;
		background: url(../images/navbox-bg.gif) top left repeat;
	}
	body div#root div#body div#leftmenu div#navbg div#navtop {
		background: url(../images/navbox-t.gif) top left no-repeat;
	}
	body div#root div#body div#leftmenu div#navbg div#navtop div#navbot {
		background: url(../images/navbox-b.gif) bottom left no-repeat;
		padding: 4px 5px 6px 5px;
	}
	body div#root div#body div#leftmenu div#navbg div#navtop div#navbot a {
		margin-bottom: 2px;
		display: block;
		background: url(../images/navbox-0.gif) top left repeat;
		padding: 3px 0px 3px 14px; 
		color: white; font-weight: bold; text-decoration: none;
		font-family: Arial, san-serif;
		
		_width: 182px; _height: 16px;
		_position: relative; _left: 1px;
	}
	body div#root div#body div#leftmenu div#navbg div#navtop div#navbot a:hover {
		background: url(../images/navbox-1.gif) top left repeat;
	}
	body#security_warranty div#root div#body div#content,
	body#certservices div#root div#body div#content,
	body#cert div#root div#body div#content,
	body#overview div#root div#body div#content,
	body#services div#root div#body div#content {
		margin-left: 255px;
	}
	
	body#brands div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#brands,
	body#overview div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#overview,
	body#cert div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#cert,
	body#services div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#services,
	body#security_warranty div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#security_warranty {
		background: url(../images/navbox-2.gif) top left repeat;
	}	
	body div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#link5 {
		margin-bottom: 0px;
	}
	body#brands div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#brands:hover,
	body#overview div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#overview:hover,
	body#certifiedtape div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#certifiedtape:hover,
	body#services div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#services:hover,
	body#security_warranty div#root div#body div#leftmenu div#navbg div#navtop div#navbot a#security_warranty:hover {
		background: url(../images/navbox-2.gif) top left repeat;
	}

	
	body div#root div#body strong.title3,
	body div#root div#body strong.title4 {
		display: block; 
	}
	body div#root div#body strong.title3 { 
		color: #222e62; font-size: 1.1em; 
	}
	body div#root div#body strong.title4 { 
		color: #3a8b25; font-size: 1.5em;
		margin-bottom: 15px;
	}


/*
	These are specific CSS for the Recycling page ONLY
*/
	body#recycledtape div#root div#body div#content,
	body#employment div#root div#body div#content {
		float: left;
		width: 450px;
	}


/*
	These are specific CSS for the HOMEPAGE only ( #home bodytag!)
*/
	body#home div#root div#body div { width: 184px; text-align:center; }
	body#home div#root div#body div a { border: 0px; text-decoration: none; }
	body#home div#root div#body div a img  { border: 0px; }
	body#home div#root div#body div a strong  {
		border-bottom: 1px solid #222e62; display: block;
		padding-bottom: 8px; margin-bottom: 8px;
		font-size: 1.4em; color: #212e62;
	}
	body#home div#root div#body div p {
		padding-left: 4px;
		text-align:left;
		color: #787785;
	}

	body#home div#root div#body div.rightfloat { float:right; padding: 0px 28px 0px 28px; }
	body#home div#root div#body div#right{ background: url(../images/divider.gif) top left no-repeat;	}
	body#home div#root div#body div#right2{ background: url(../images/divider.gif) top left no-repeat; }
	body#home div#root div#body div#left2{ background: url(../images/divider.gif) top left no-repeat; }
/*
	These are specific styles that only exist to give images the proper distance!
*/
	body#home div#root div#body div#right a strong { margin-top: 11px;  _margin-bottom: 40px; }
	body#home div#root div#body div#right2 a strong { margin-top: 4px; _margin-bottom: -8px; }
	body#home div#root div#body div#left a strong { margin-top: 5px; _margin-bottom: 40px; }
	body#home div#root div#body div#left2 a strong{ margin-top: 8px; _margin-bottom: 40px; }

	
/*
	These CSS classes are for product pages.
*/
	body.product div#root div#body strong#title { 
		color: #222e62;
		padding: 0px 13px 3px 10px;
		margin-left: 10px;
		border-bottom: 1px solid #222e62;
		font-size: 1.4em;
		line-height: 1.4em;
	}
	body.product div#root div#body div#image {
		width: 218px; text-align: left;
		float: left; overflow: hidden;
	}
	body.product div#root div#body div#image strong#subtitle {
		color: #3a8b25; text-transform: uppercase;
		font-size: 1.2em;
		padding: 7px 0px 6px 0px; display: block;
		text-align: center;
	}
	body.product div#root div#body div#image div#imagediv {
		width: 206px; border: 4px solid #eaedf0;
		background: #f8faf7;  display: block;
		padding: 3px 0px 3px 0px;
		text-align: center;
	}
	body.product div#root div#body div#image div#imagediv img { 
		border: 0px;
	}
	
	body.product div#root div#body div#text{
		float: left;
		width: 263px;
	}
	body.product div#root div#body div#text strong#subtitle { 
		display: block;
		border: 2px solid #eaedf0;
		background: #efefef;
		margin-bottom: 6px;
		text-align: center; color: #222e62;
		min-height: 22px; _height: 22px;
	}
	body.product div#root div#body div#text div#content {  
		border: 3px solid #eaedf0;		
		display: block; padding: 7px 10px 9px 10px;		
	}
	body.product div#root div#body div#actualform {
		margin-left: 486px;
		padding-left: 0px;
	}
	body.product div#root div#body div#actualform div#bar {
		margin: 0px 0px 5px 0px;
		height: 22px;
		_margin-bottom: 3px;
		font-size: 1.2em; color: #222e62;
		padding: 5px 0px 0px 10px;
	}
	body.product div#root div#body div#actualform form#form {
		border-width: 3px;
		margin: 0px;
		_margin: 5px 0px 0px 3px;
	}		
	
	
	
	

	
	
	
	
	
	
	
	
	

body div#root div#contact {
	background: url(../images/footer.gif) top left no-repeat;
	height: 72px;
	position: relative;
}

body div#root div#contact a {
	position: absolute;
	top: 0px;
	height: 61px; color: #dadada;
	display: block;
	font-size: 1px;
	color: #dadada;
}

body div#root div#contact a#contactus { 
	left: 0px; width: 321px;
	padding: 10px 0px 0px 10px;
}
body div#root div#contact a#emailus { right: 0px; width: 300px; }

body div#root div#footer div#menu {
	text-align: center;
	padding: 3px; margin: 2px;
	padding-bottom: 12px;
	font-size: 0.8em;
	color: #999898;
}
body div#root div#footer div#menu a { color: #232d62; text-decoration: none; }
body div#root div#footer div#menu a:hover { background: #7caf63; }

body div#root div#footer div#copy {
	text-align: center;
	font-size: 0.7em;
	padding-left: 3px;
	padding-bottom: 12px;
}

body div#root div#footer div#credits {
	font-size: 0.7em;
	padding-left: 3px;
}



.clear {
	clear: both;
}

/*
	Polar Credits on Website Page
*/
body#credits div#root div#body table tr td#polardcredit {
}
body#credits div#root div#body table tr td#polardcredit div#start {
	background: #11589d url(../images/creditsbg.gif) bottom center repeat-x;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft {
	background: url(../images/creditstl.gif) top left no-repeat;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright {
	background: url(../images/creditstr.gif) top right no-repeat;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright div#botleft {
	background: url(../images/creditsbl.gif) bottom left no-repeat;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright div#botleft div#botright {
	background: url(../images/creditsbr.gif) bottom right no-repeat;
	position: relative;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright div#botleft div#botright,
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright div#botleft div#botright a {
	font-size: 1px; color: #11589d;
	padding-left: 10px;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright div#botleft div#botright a#show{
	color: #F2f2f2; display: block;
	font-size: 18px; font-weight: bold; text-decoration: none;
	font-family: Verdana, Arial, san-serif;
	padding: 10px 0px 10px 130px;
	background: url(../images/creditspolar.gif) 15px -45px no-repeat;
}
body#credits div#root div#body table tr td#polardcredit div#start div#topleft div#topright div#botleft div#botright a#show:hover{
	color: white;
}