
@import "reset.css";
@import "type.css";
@import "grid.css";
@import "widgets.css";

/* bradley colors:

royal blue: #003d7e;
light blue: #6abfe6;
clean'n safe blue: #0079c2;
rtx green: #a8d59e;
true green: #00853F;
highlight-yellow: #ffffcc;

*/

a {
	color: #003d7e;
	text-decoration: none;
}

a:hover {
	color: #0079c2;
	text-decoration: none;
}

a.purchase {
	display: block;
	width:  178px;
	height:  32px;
	background-image:  url(../_images/buy.gif);
	background-repeat:  no-repeat;
	clear:  both;
}

a.purchase:hover {
	background-position:  0px -38px;
}

p.msds a {
	font-size:  1em;
	margin:  0px;
	color:  #555;
}


p a, li a, td a {
	border-bottom: 1px solid #c7d7e2;
}

strong {font-weight: bold;}

p {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 19px;
	margin: 0px 0px 7px 0px;
	padding: 6px 0px;
	color: #333;
}

td {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 8px 0px;
}

ul li {
	padding: 2px 0px;
	color: #333;
	line-height: 17px;
}

h1 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 22px;
	margin: 0px 0px 7px 0px;
	padding: 6px 0px 6px 0px;
	color: #333;
	border-bottom: 2px solid #eee;
}

h2 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 21px;
	color:  #0079c2;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

h3 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 22px;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	color: #0e4985;
}


h3 span {
	color: #0e4985 !important;
}

h4 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	margin: 0px;
	padding: 12px 0px 2px 0px;
	color: #00853F;
}

h5 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #003d7e;
	padding: 7px 0px 6px 0px;
	margin: 0px;
}

h6 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	color: #003d7e;
	border-bottom: 1px solid #ccc;
	padding: 15px 0px 4px 0px;
	margin: 0px;
}

/*

h7 {
	display: block;
	font-size:1.6em;
	font-weight: bold;
	color: #00853F;
	padding: 7px 0px !important;
	margin: 5px 0px 0px 0px;
}

h8 {
	text-align:center !important;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 24px;
	color: #0079c2;
	padding: 4px 0px;
	margin: 0px;
}

*/



/* id specific */

div#header p {
	color: #fff;
	margin: 0px !important;
	padding: 0px !important;
}

div#leftcol ul {
	margin: 0px 10px 0px 0px;
}

div#leftcol ul li {
	color: #333;
	padding-left: 11px;
	font-size: 1.2em;
	background-image: url(../_images/grayarrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

div#leftcol h4 {
	margin: 0px;
	font-size: 1.6em;
	padding: 0px 13px;
}

div#rightcol ul li span.list {
	font-family: verdana, arial, helvetica, sans-serif;
	display: block;
	font-weight: normal !important;
	color: #555 !important;
	font-size: 0.9em;
	line-height: 14px;
	margin: 3px 0px;
	
}

	div#rightcol ul li ul li, div#leftcol ul li ul li {
		font-family: verdana, arial, helvetica, sans-serif;
		background-image: url(../_images/dash.gif);
		background-repeat: no-repeat;
		line-height: 12px;
		font-size: 0.9em;
		color: #555;
	}
	
	div#rightcol ul li ul, div#leftcol ul li ul {
		margin: 3px 0px;
	}

div#rightcol ul {
	margin: 6px 30px 10px 10px;
	padding: 0px;
}

	div#rightcol ul li {
		color: #333;
		padding-left: 11px;
		font-size: 1.3em;
		background-image: url(../_images/grayarrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
	}

		div#rightcol ul li span {
			font-weight: bold;
			color: #0079C1;
		}
		
	div#rightcol td ul {
		margin: 0px 12px 0px 10px;
	}
	
	div#rightcol td ul li {
		font-size: 1.2em;
	}


div#rightcol h1 {
	margin-top: 12px;
}
	
		
div#promo td {
	font-size:1.2em;
	line-height: 15px;
	padding-right: 22px;
	color: #333;
}

	div#promo td ul li {
		padding: 4px 0px 4px 12px;
		background-image: url(../_images/grayarrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 7px;
	}

	div#promo td strong {
		font-size: 1.1em;
	}
	
	
div#threecolcontainer div#cubecrate h2 {
	margin: 0px 0px 10px 0px;
}

div#threecolcontainer h2.lookma {
	color: #333;
	font-size: 2em;
}

div#threecolcontainer div#cubecrate span {
	width: 180px;
	float: right;
	font-size: 1.3em;
	line-height: 19px;
	font-weight: bold;
	color: #444;
	padding: 20px 40px 0px 0px;
}
	
div#threecolcontainer div.threecolpromo ul {
	padding: 4px 10px 14px 4px;
}
	
	div#threecolcontainer div.threecolpromo ul li {
		font-size: 1.2em;
		background-image: url(../_images/graycircle.gif);
		background-repeat: no-repeat;
		background-position: 0px 8px;
		padding: 3px 12px;
	}


	span.disclaimer {
		display: block;
		font-size: 0.9em;
		font-family: verdana, arial, helvetica;
		color: #666;
		margin: 5px 0px 15px 0px;
		padding: 0px;
		line-height: 13px;
	}








div#logotag p {
	font-size: 1.1em;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}





