/* --- 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 Black, 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	{
			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 --- */

.clear		{clear: both;
			}

.header	{	width: 762px;
				height: 133px;
				/* --  background-image: url(/images/bm_website_header.jpg);
				height: 150px; */
				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;
				text-align: right;
				}

.contact_box	{
					width: 50%;
					height: 133px;
					margin-right: auto;
					float: right;
					border: 1px solid black;
					color: blue;
					text-align: center;
					font-family: "Arial Black";
					}
					
					
.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: 5px;
						overflow: hidden;
						border: 0px solid black;
						text-align: center;
						display: block;
						}

.fullmainarea		{background-color: white;
							width: 100%;
							padding: 5px;
							margin-left: auto;
							margin-right: auto;
							overflow: hidden;
							}

.horizontalnavbar		{width: 762px;
									clear: both;
									height: 30px;
									background-color: red;
									color: white;
									font-weight: bold;
									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;
							}

.videocenter		{
							padding-left: 100px;
							padding-right: 100px;
							margin-left: auto;
							margin-right: auto;
							border: 0px 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 {
}

.spec_table {
				border: 2px solid white;
				box-shadow: 1px 1px 3px 1px #888888;
				width: 46%;
				float: left;
				clear: none;
				margin: 10px 10px 10px 10px;
				}

.spec_table td {
					background-color: #f1f1f1;
					color: black;
					height: 20px;
					padding: 3px;
					}
					
.spec_table th {
					background-color: blue;
					color: white;
					height: 20px;
					padding: 3px;
					}

				
/* --- 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: 0px 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;
							border-radius: 25px;
							box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.4), 3px 3px 3px 0px rgba(255, 255, 255, 0.8);
							}
							
#kitcategory	{background: transparent url(images/backgrounds/yellowy_background.gif) repeat scroll 0 0;
							float: left;
							width: 45%;
							height: 250px;
							border: 1px solid black;
							margin-left: 10px;
							margin-right: 10px:
							margin-top: 10px;
							margin-bottom: 10px;
							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: 9pt;
							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: #d3d3d3;
	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: 1px solid black;
	padding: 5px;
	overflow: hidden;
	box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.4), 3px 3px 3px 0px rgba(255, 255, 255, 0.8);

}

#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;										
										}
										
#kitcategory img		{width: 90%;
										border: 1px solid black;	
										margin-left: auto;
										margin-right: auto;
										clear: both;										
										}

#navitem img	{width: 98%;
							border: 1px solid black;
							float: right;
							clear: all;
							}

#navitem a			{color: blue;
							text-decoration: underline;
							font-family: Arial, sans-serif;
							text-align: right;
							font-size: 10px;}
							
#navitemtop img	{width: 98%;
							border: 1px solid black;
							float: right;
							clear: all;
							}

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

.horizontalnavbar a	{font-size: 12px;
									color: white;
									text-shadow: 5px 5px solid black; 
									}

.horizontalnavbar a:hover	{color: blue;
												}
												
.products_navbar a  {color: red;
							}
							
/* --- Products Page IDs --- */

#products_blockcategory	{background-color: #EBEBEB;
							/* BFE2F9; */
							float: left;
							width: 22%;
							height: 200px;
							border: 1px solid black;
							margin: 10px 5px 10px 5px;
							padding: 5px;
							text-align: center;
							vertical-align: text-bottom;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}
							
#products_blockcategory img {width: 150px;
							border: 1px solid black;	
							margin-left: auto;
							margin-right: auto;
							clear: both;										
							}

#products_family_description {
							background-color: #EBEBEB;
							/* BFE2F9; */
							float: right;
							width: 40%;
							height: 290px;
							border: 2px solid black;
							margin: 10px 20px 10px 5px;
							padding: 0px 0px 10px 0px;
							text-align: center;
							vertical-align: text-bottom;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}

#products_page_main_image {float: left;
						margin: 10px 0px 10px 10px;
						width: 50%;
						height: 300px;
						border: 2px solid black;
						}

#products_page_spacer {width: 100%;
						background-color: white;
						padding: 10px;
						clear: both;
						height: 20px;
						margin: 0px 0px 10px 0px;
						}

#products_page_category_wrapper {width: 100%;
						padding-right: auto;
						padding-left: auto
						}

#logo_centered {display: block;
						margin-left: auto;
						margin-right: auto;
						}

#products_tech_specs {background-color: white;
							float: right;
							width: 95%;
							border: 0px solid black;
							margin: 5px;
							padding: 10px;
							vertical-align: text-bottom;
							color: black;
							font-family: Arial Black, sans-serif;
							font-size: 12px;
							clear: both;
							}

#products_tech_specs	h2 {
						margin: 0px
						}

.attribute {	
					width: 45%
					font-style: oblique;
					font-size: 14px;
}

.value {	
					text-indent: 50px;
					}
					
#products_left_column {
							background-color: #EBEBEB;
							/* BFE2F9; */
							float: left;
							width: 40%;
							height: 290px;
							border: 2px solid black;
							margin: 10px 20px 10px 5px;
							padding: 0px 0px 10px 0px;
							text-align: center;
							vertical-align: text-bottom;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}
							
#products_right_column {
							background-color: #EBEBEB;
							/* BFE2F9; */
							float: left;
							width: 40%;
							height: 290px;
							border: 2px solid black;
							margin: 10px 20px 10px 5px;
							padding: 0px 0px 10px 0px;
							text-align: center;
							vertical-align: text-bottom;
							color: black;
							font-family: Arial Black, sans-serif;
							font-style: italic;
							font-size: 12px;
							}