/* --- BlockMaster Page CSS --*/

/* --- HTML Selectors --- */

html	{font-family: Arial;
}

body	{/* background-color: #62c5fe; */
			/* background-image: url(images/backgrounds/paper.gif); */
			/*BFE2F9;*/
			/*background-color: #9e9590;*/
			background-color: #cdd7d7;
			background-repeat: repeatx;
			}

h1		{color: Black;
			font-family: Arial Black, sans-serif;
			font-size: 18px;
			color: black;
			text-align: center;
			}
			

h2		{color: Blue;
			font-family: Arial, sans-serif;
			font-style: italic;
			font-size: 14px;
			margin: -14px 0px 0px 0px;
			text-align: center;
			}
			
h4		{color: Black;
			font-family: Arial Black, sans-serif;
			font-size: 12px;
			color: black;
			text-align: center;
			}



h3		{color: red;
			font-family: Arial, sans-serif;
			font-style: italic;
			font-size: 13px;
			}

a			{color: blue;
			font-family: Verdana;
			font-weight: bold;
			font-style: italic;
			text-decoration: none;
			}
			
 a {color: red;
			
			}

a: hover	{color: red;
				}

hr			{width: 80%;
			}
			
p {
	font: 10pt Verdana, Arial;
	color: black;
	font-weight: regular;
	line-height: 12pt;
	margin-left: 10pt;
	margin-right: 10pt;
	}

table	{clear: both;
			border: 1px solid black;
			text-align: center;
			font-family: Arial Black, sans-serif;
			font-size: 12px;
			background-color: white;
			color: blue;
			margin-left: auto;
			margin-right: auto;
			line-height: 12px;
			padding: 5px;
			spacing: 5px;
			}

/* border=1 cellspacing=5 cellpadding=5 width=650 style="text-align:center" bgcolor= "#000000" */

table a		{font-family: Times New Roman, serif;
				font-size: 14px;
				}

/* --- CLASSES --- */

.header	{width: 762px;
				height: 133px;
				background-image: url(images/blockmasterheader2.jpg);
				background-repeat: no-repeat;
				color: white;
				border: 0px solid black;
				font-family: 'Arial Black', Verdana, sans-serif;
				font-size: 25px;
				line-height: 133px;
				margin: 0px 0 0px 0;
				}

.feature_list {
	width: 475px;
	border: 1px solid black;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background: transparent url(images/backgrounds/yellowy_background.gif) repeat scroll 0 0;
	font-family: Arial;
	font-size: 11px;
	padding: 0px 10px 5px 10px;
	text-align: left;
}


.footer		{width: 762px;
				height: 133px;
				background-image: url(images/blockmasterfooter1small.jpg);
				background-repeat: no-repeat;
				color: white;
				border: 0px solid yellow;
				font-family: 'Arial Black', Verdana, sans-serif;
				font-size: 25px;
				line-height: 133px;
				margin: 0px 0px 0px 0px;
				overflow: auto;
				}

.navbar	{width: 25%;
				float: right;
				/* height: 100%;*/
				background-color: white;
				margin: 0 0 0 -10px;
				padding: 5px;
				text-align: center;
				border: 0px solid green;
				overflow: hidden;
				clear: both;
				}

.mainarea		{background-color: white;
						width: 70%;
						padding: 10px;
						overflow: hidden;
						border: 0px solid black;
						text-align: center;
						display: block;
						}

.fullmainarea		{background-color: white;
							width: 95%;
							padding: 10px;
							overflow: hidden;
							}

.horizontalnavbar		{width: 762px;
									clear: both;
									height: 25px;
									background-color: red;
									color: white;
									margin: 0
									padding: 10px;
									line-height: 25px;
									text-align: center;
									}

.overallcenter		{width: 762px;
							margin-left: auto;
							margin-right: auto;
							border: 1px solid black;
							overflow: hidden;
							background-color: white;
							}
	
.navbar h1	{color: black;
					font-weight: bold;
					background-color: gold;
					border: 1px solid black;
					font-size: 12px;
					}

.products_navbar {
}

/* --- IDS --- */

#shadow 		{
						width: 792px;
						height: auto;
						background: url(shadow2_copy.png) transparent repeat;
						text-align: center;
						left: auto;
						overflow: auto;
						}

#maps				{background-color: #000099;
						border: 5px solid black;
						color: white;
						padding: 10px;
						width: 680px;
						margin: auto;
						}
						
#maps2				{background-color: #000099;
						border: 5px solid black;
						color: white;
						padding: 10px;
						width: 680px;
						margin: auto;
						}


#whitetable		{background-color: white;
							}



#blockcategory	{background-color: #3b72ff;
							/* BFE2F9; */
							float: left;
							width: 40%;
							height: 150px;
							border: 1px solid black;
							margin: 10px 20px 10px 20px;
							padding: 5px;
							text-align: center;
							vertical-align: text-bottom;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}

#whatsnew			{width: 500px;
							border: 4px solid black;
							color: black;
							background-color: white;
							padding: 10px;
							margin: 10px;
							margin-left: auto;
							margin-right: auto;
							overflow: hidden;
							text-align: center;
							}

#promotion		{width: 700px;
							border: 4px solid black;
							color: black;
							background-color: white;
							padding: 10px; 
							margin: 0px 10px 10px 10px;
							margin-left: auto;
							margin-right: auto;
							overflow: hidden;
							text-align: center;
							}

#promotiontopbar	{background-color: black;
									color: white;
									width: 700px;
									border: 4px solid blue;
									padding: 10px;
									margin: 10px 10px 0px 10px;
									margin-left: auto;
									margin-right: auto;
									overflow: hidden;
									text-align: center;
									font-family: Arial Black, sans-serif;
									font-size: 13pt;
									}
									

#distsreps			{background-color: white;
							border: 1px solid black;
							color: black;
							width: 97%;
							float: left;
							padding: 5px;
							text-align: center;
							font-family: Arial, sans-serif;
							font-size: 10pt;
							margin-left: auto;
							margin-right: auto;
							margin: 0px 10px 10px 10px;
							clear: both;
							}

#representative		{background-color: white;
							border: 1px solid black;
							color: black;
							width: 570px;
							float: left;
							padding: 5px;
							text-align: center;
							font-family: Arial, sans-serif;
							font-size: 10pt;
							margin-left: auto;
							margin-right: auto;
							margin: 0px 10px 10px 10px;
							clear: both;
							overflow: hidden;
							}

#contactcategory	{/* background-color: #BFE2F9; */
							text-align: center;
							float: left;
							width: 44%;
							border: 0px solid black;
							margin: 10px;
							padding: 5px;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}

#contactcategorydouble	{/* background-color: #BFE2F9; */
							text-align: center;
							float: left;
							width: 95%;
							border: 0px solid black;
							margin: 10px;
							padding: 5px;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}


#blockcategorydouble	{background-color: green;
							float: left;
							width: 90%;
							border: 1px solid black;
							margin: 10px;
							padding: 5px;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}

#crossleft		{background-color: #BFE2F9;
							width: 40%;
							float: left;
							border: 1px solid black;
							margin: 10px 20px 0px 10px;
							padding: 5px;
							text-align: center;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}

#crossright		{background-color: #BFE2F9;
							width: 40%;
							float: left;
							clear: both;
							border: 1px solid black;
							margin: 20px;
							padding: 5px;
							text-align: center;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}



#navitemtop		{
	background: transparent url(images/backgrounds/yellowy_background_small.jpg) repeat scroll 0 0;
	width: 90%;
	/* height: 20px; */
	font-family: Arial Black, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin: 5px, auto, 0, auto;
	color: black;
	border: 2px solid black;
	padding: 5px;
	overflow: hidden;
}

#navitem	{
	width: 90%;
	margin: 10px, auto, 0, auto;
	color: black;					
	border: 0px solid green;
	font-size: 11px;
	overflow: auto;
	padding: 5px;
	clear: both;
}

#navitemyellow		{
	background-color: yellow;
	color: blue;
	width: 90%;
	/* height: 20px; */
	font-family: Arial Black, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin: 5px, auto, 0, auto;
	color: black;
	border: 2px solid black;
	padding: 5px;
	overflow: hidden;
}


#footerbox		{width: 30%;
						height: 78px;
						padding: 10px;
						float: left;
						text-align: center;
						font-family: Arial Black, sans-serif;
						font-size: 12pt;
						color: white;
						border: 1px solid red;
						margin-left: auto;
						margin-right: auto;
						vertical-align: middle;
						}

#leftimage		{float: left;
						margin: 10px;
						}

#rightimage	{float: right;
			margin: 0px 10px 10px 10px;
}

/* --- Descendant IDs --- */

#whatsnew	 img			{float: left;
									border: 2px solid black;
									margin: 10px;
									}

#promotion	 img			{float: left;
									border: 2px solid black;
									margin: 10px;
									}

#whatsnew	 h2			{text-align: center;
									margin: 0 0 0 0;
									}

#whatsnew	 p				{text-align: center;
									}


#distributor h1			{color: Red;
										font-size: 8px;
										text-align: center;
										font-family: Verdana, sans-serif;
										font-weight: bold;
										margin: 0 0 -10px 0;
										}

#representative h1		{color: black;
										font-size: 13px;
										text-align: center;
										font-family: Verdana, sans-serif;
										font-weight: bold;
										margin: 0 0 -10px 0;
										}
										

#blockcategory img		{width: 150px;
										border: 1px solid black;	
										margin-left: auto;
										margin-right: auto;
										clear: both;										
										}

#navitem img	{width: 80px;
							border: 1px solid black;
							float: right;
							margin: 5px 10px 5px 10px;
							clear: all;
							}

#navitem a			{color: blue;
							text-decoration: underline;
							font-family: Arial, sans-serif;
							text-align: right;
							font-size: 10px;}

.horizontalnavbar a	{font-size: 12px;
									color: yellow;
									}

.horizontalnavbar a:hover	{color: blue;
												}
												
.products_navbar a  {color: red;
							}