/*BASIC TAG STYLES*/

body {
margin: 0;
background-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #efefef;
}
a, a:link, a:visited {
color: #79CAFB;
color: #DAD1F3;
}
	a:hover, a:active {
	color: #8adbec;
	color:#D2B3EC;
	}
a img {
border: none;
}
address {
font-style: normal;
margin: 1em 0;
font-size: 110%;
line-height: 1.3em;
}
h1 {
font-family: "Courier New", Courier, monospace;
font-size: 180%;
text-transform: uppercase;
color: #fc0;
margin: 0em 0 0.25em 0;
line-height: 1em;
letter-spacing: 0.05em;
}
h2 {
font-family: "Courier New", Courier, monospace;
font-size: 150%;
text-transform: uppercase;
color: #efefef;
margin: 0em 0 0.25em 0;
line-height: 1em;
}
	h2 a, h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #fc0;
	border-width: 0px;
	}		
	h2 a:hover, h2 a:active {
	color: #79CAFB;
	}
h3 {
font-family: "Courier New", Courier, monospace;
font-size: 150%;
text-transform: uppercase;
color: #fc0;
margin: 1.5em 0 1em 0;
line-height: 1em;
background: url(../Images/InsetBorderHoriz.gif) top left repeat-x;
padding-top: 1.5em;
}
h4 {
font-family: "Courier New", Courier, monospace;
font-size: 150%;
color: #efefef;
margin: 1em 0;
}
img {
display: block;
}
p {
margin: 0 0 1.3em 0;
line-height: 1.5em;
}

/*WORKER CLASSES*/
.PDF {
background: url(../Images/PDFIcon16.gif) left center no-repeat;
padding: 5px 0px 5px 20px;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.imagefloatright {
float: right;
margin: 0 0 0 20px;
}
.inline {
display: inline;
}
.nobackground {
background: none !important;
}

/*LAYOUT STYLES*/

.SiteNav .Logo {
display: block;
text-indent: -9999px;
width: 190px;
height: 59px;
background: #444 url(../Images/EMOSystemsLogo.gif) no-repeat;
margin: 0px auto 0px auto;
position: relative;
}
.SiteNav ul {
margin: 0.25em 0 0em -3px;
padding: 0;
list-style: none;
font-family: "Courier New", Courier, monospace;
font-size: 200%;
font-weight: bold;
line-height: 1.5em;
}
	.SiteNav ul li {
	float: left;
	display: block;
	width: 100%;
	}
		.SiteNav ul li a, .SiteNav ul li a:link, .SiteNav ul li a:visited {
		display: block;
		width: 155px;
		float: left;
		color: #efefef;
		text-decoration: none;
		padding-left: 30px;
		background: url(../Images/GreenLED.gif) 0px 50% no-repeat;
		}
		.SiteNav ul li a:hover {
		text-decoration: none;
		background: url(../Images/GreenLED.gif) -270px 50% no-repeat;
		}
.SiteNav .WS1 {
font-family: "Courier New", Courier, monospace;
font-size: 230%;
text-transform: uppercase;
color: #fc0;
margin: 0em 0 0.25em 0;
line-height: 1em;
letter-spacing: 0.05em;
font-weight: bold;
display: block;
margin-bottom: -6px;
}

.QuickFind {
}
	.QuickFind ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
		.QuickFind ul li {
		float: left;
		width: 4.22em;
		}
			.QuickFind ul li a {
			display: block;
			padding: 0.1em 0;
			}

.ColumnOne {
width: 250px;
}
.ColumnTwo {
margin-left: 253px;
}
* html .ColumnTwo {
margin-left: 250px; /*coounteracts 3px jog bug in IE6*/
}
.HalfHalf {
position: relative;
}
	.HalfHalf .HalfLeft {
	width: 49.8%;
	float: left;
	}
	.HalfHalf .HalfRight {
	width: 49.8%;
	float: right;	
	}
	
#HomepageBG {
/*height: 450px;
background: url(../Images/Background.jpg) bottom left no-repeat;
margin: -13px;*/
padding: 5px;
}
	#HomepageBG p {
	font-size: 110%;
	}
	#HomepageBG #flashcontent {
	margin: 3em 0 2em 0;
	text-align: center;
	}
		#HomepageBG #flashcontent img {
		margin: 0 auto;
		}
	
.RackCabinet {
margin: 1em auto;
background: #222 none;
}.RackCabinet div {
background: url(../Images/BoxParts/RackCab_Side.gif) repeat-y top right;
}.RackCabinet div div {
background: none;
}.RackCabinet div div div {
background: url(../Images/BoxParts/RackCab_Side.gif) repeat-y bottom left;
}.RackCabinet div div div div {
background: url(../Images/BoxParts/RackCab_TL.gif) no-repeat top left;
}.RackCabinet div div div div div {
background: url(../Images/BoxParts/RackCab_TR.gif) no-repeat top right;
}.RackCabinet div div div div div div {
background: url(../Images/BoxParts/RackCab_BR.gif) no-repeat bottom right;
}.RackCabinet div div div div div div div {
background: url(../Images/BoxParts/RackCab_BL.gif) no-repeat bottom left;
padding: 0px 57px 3px 57px;
}.RackCabinet div div div div div div div div {
position: relative;
background: none;
padding: 0;
}

.RackCabinet .ScrewPlate, .ScrewPlate {
width: 100%;
margin: 3px 0px 0px 0px;
background: #444 url(../Images/BoxParts/ScrewPlate_T.gif) repeat-x top left;
}.RackCabinet .ScrewPlate div, .ScrewPlate div {
background: url(../Images/BoxParts/ScrewPlate_R.gif) repeat-y top right;
}.RackCabinet .ScrewPlate div div, .ScrewPlate div div {
background: url(../Images/BoxParts/ScrewPlate_B.gif) repeat-x bottom right;
}.RackCabinet .ScrewPlate div div div, .ScrewPlate div div div {
background: url(../Images/BoxParts/ScrewPlate_L.gif) repeat-y bottom left;
}.RackCabinet .ScrewPlate div div div div, .ScrewPlate div div div div {
background: url(../Images/BoxParts/ScrewPlate_TL.gif) no-repeat top left;
}.RackCabinet .ScrewPlate div div div div div, .ScrewPlate div div div div div {
background: url(../Images/BoxParts/ScrewPlate_TR.gif) no-repeat top right;
}.RackCabinet .ScrewPlate div div div div div div, .ScrewPlate div div div div div div {
background: url(../Images/BoxParts/ScrewPlate_BR.gif) no-repeat bottom right;
}.RackCabinet .ScrewPlate div div div div div div div, .ScrewPlate div div div div div div div {
background: url(../Images/BoxParts/ScrewPlate_BL.gif) no-repeat bottom left;
padding: 40px 15px;
}.RackCabinet .ScrewPlate div div div div div div div div, .ScrewPlate div div div div div div div div {
background: none;
padding: 0;
}

.RackCabinet .ScrewPlate .Yellowbox, .Yellowbox {
background: #444 url(../Images/BoxParts/YB.gif) repeat-x top left;
}.RackCabinet .ScrewPlate .Yellowbox div, .Yellowbox div {
background: url(../Images/BoxParts/YB.gif) repeat-y top right;
}.RackCabinet .ScrewPlate .Yellowbox div div, .Yellowbox div div {
background: url(../Images/BoxParts/YB.gif) repeat-x bottom right;
}.RackCabinet .ScrewPlate .Yellowbox div div div, .Yellowbox div div div {
background: url(../Images/BoxParts/YB.gif) repeat-y bottom left;
}.RackCabinet .ScrewPlate .Yellowbox div div div div, .Yellowbox div div div div {
background: url(../Images/BoxParts/YB_TL.gif) no-repeat top left;
}.RackCabinet .ScrewPlate .Yellowbox div div div div div, .Yellowbox div div div div div {
background: url(../Images/BoxParts/YB_TR.gif) no-repeat top right;
}.RackCabinet .ScrewPlate .Yellowbox div div div div div div, .Yellowbox div div div div div div {
background: url(../Images/BoxParts/YB_BR.gif) no-repeat bottom right;
}.RackCabinet .ScrewPlate .Yellowbox div div div div div div div, .Yellowbox div div div div div div div {
background: url(../Images/BoxParts/YB_BL.gif) no-repeat bottom left;
padding: 15px;
}.RackCabinet .ScrewPlate .Yellowbox div div div div div div div div, .Yellowbox div div div div div div div div {
background: none;
padding: 0;
}

.RackCabinet .ScrewPlate .Yellowbox div div div div div div div div.WaterMarked, .Yellowbox div div div div div div div div.WaterMarked {
background: url(../Images/EMOSystemsWatermark.gif) center 40px no-repeat;
}

/*Products Grid Styles*/

.RackCabinet .ColumnTwo .ScrewPlate .Yellowbox .ProductsGrid {
float: left;
width: 100%;
background: url(../Images/InsetBorderVert.gif) repeat-y 32.7% 0;
margin: 0;
padding: 0;
}
	.RackCabinet .ColumnTwo .ScrewPlate .Yellowbox .ProductsGrid div {
	float: left;
	width: 100%;
	background: url(../Images/InsetBorderVert.gif) repeat-y 65.7% 0;
	margin: 0;
	padding: 0;
	}
		.ProductsGrid div ul {
		float: left;
		width: 100%;
		background: url(../Images/InsetBorderHoriz.gif) repeat-x bottom left;
		margin: 0;
		padding: 0 0 1em 0;
		list-style: none;
		}
			.ProductsGrid div ul li {
			float: left;
			display: inline;
			width: 29.1%;
			margin: 1em 2% 0 2%; /*bottom margin from p tag for the sake of IE6*/
			background: url(../Images/EMOSystemsWatermark_150.gif) center 50px no-repeat;
			}
				.ProductsGrid div ul li h2 {
				margin: 0;
				color: #fc0
				}
					.ProductsGrid div ul li h2 a {
					border-width: 0px;
					float: left;
					margin: 0;
					}
				.ProductsGrid div ul li p {
				margin: 0.5em 0;
				float: left;
				clear: left;
				}
				.ProductsGrid div ul li a {
				border: solid 1px #777;
				margin: 0.5em 0;
				float: left;
				}
				.ProductsGrid div ul li a:hover {
				border-color: #79CAFB;
				}
					.ProductsGrid div ul li a img {
					border: solid 1px #000;
					float: left;
					}
/*Instructions styles*/
.RackCabinet .ScrewPlate .Yellowbox .Instructions {
clear: both;
#clear: none;
border: solid 1px #666;
background-color: #333;
padding: 5px 5px;
margin: 1.5em 0;
}
	.RackCabinet .ScrewPlate .Yellowbox .Instructions p {
	margin: 0;
	}
/*Downloads styles*/
ul.Downloads {
margin: 1em 0 0 0;
padding: 0;
list-style: none;
}
	ul.Downloads li {
	padding: 0.5em;
	}
	ul.Downloads li.altLI {
	background: #333;
	}
		ul.Downloads li h2 {
		clear: both;
		color: #ddd;
		}
		ul.Downloads li ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
			ul.Downloads li ul li {
			float: left;
			display: inline;
			padding: 2px 5px;
			white-space: pre;
			margin: 0 5px 0.5em 0;
			}

/*Dealers styles*/
.Dealers {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.5em;
}
	.Dealers li {
	margin-bottom: 1.25em;
	}
		.Dealers li img {
		float: left;
		display: inline;
		background: #fff;
		margin-top: 3px;
		border: solid 2px;
		border-color: #222 #666 #666 #222;
		}		
		.Dealers li h5 {
		margin: 0;
		margin-left: 113px;
		font-size: 110%;
		color: #fff;
		}	
			.Dealers li h5 span {
			display: inline;
			font-weight: normal;
			padding: 0;
			margin: 0;
			}
		.Dealers li address {
		margin: 0 0 0 113px;
		font-style: normal;
		}
		.Dealers li span {
		display: block;
		margin-left: 113px;
		margin-bottom: 0.5em;
		}
		.Dealers li a.external {
		padding-right: 13px;
		background: url(../Images/ExternalLink.gif) right center no-repeat;
		white-space: pre;
		display: inline-block;
		}

/*TechSpec ul Styles*/
ul.TechSpec {
clear: both;
background-color: #606060;
list-style: none;
padding: 10px;
margin: 1em 0 0.5em 0;
}
	ul.TechSpec li {
	padding: 10px;
	}
	ul.TechSpec li.altLI {
	background-color: #505050;
	}
		ul.TechSpec li h5 {
		font-weight: normal;
		margin: 0;
		font-size: 100%;
		color: #FFCC00;
		float: left;
		width: 150px;
		}
		ul.TechSpec li span {
		color: #efefef;
		display: block;
		padding-left: 150px;
		#padding-left: 0px;
		#height: 1%;
		}
			/*Wider h5 variant*/
			ul.WideTech li h5 {
			width: 220px;
			}
			ul.WideTech li span {
			padding-left: 220px;
			#padding-left: 0px;
			}
			/*Narrower h5 variant*/
			ul.NarrowTech li h5 {
			width: 60px;
			}
			ul.NarrowTech li span {
			padding-left: 60px;
			#padding-left: 0px;
			}
/*Product Image Styles*/	
.ProductImages {
margin-bottom: 1em;
#margin-bottom: 1.5em;
}
	.ProductImages a {
	margin: 0 10px 10px 0;
	float: left;
	border: solid 1px #777;
	position: relative;
	text-decoration: none;
	}	
	.imagefloatright a {
	margin: 0;
	}
		.ProductImages a img {
		border: solid 1px #000;
		}
			.ProductImages a:hover {
			border: solid 1px #79CAFB;
			}
		.ProductImages a span {
		position: absolute;
		bottom: 0px;
		left: 0px;
		color: #fc0;
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
		line-height: 1em;
		background-color: #666;
		padding: 1px 0.25em;
		border: solid 1px #000;	
		}
			.ProductImages a:hover span {
			color: #333;
			background-color: #fc0;
			}
			
/*Table Styles*/
table {
border-collapse: collapse;
width: 100%;
margin: 1em 0;
background-color: #4c4c4c;
}
	table thead {
	
	}
		table thead tr {
		background-color: #555;
		}
			table thead tr th, table tr td {			
			border: solid 1px #393939;
			padding: 7px 5px;
			text-align: center;
			}
			table thead tr th {
			font-family: "Courier New", Courier, monospace;
			font-size: 150%;
			color: #fc0;
			}
	table tbody {
	
	}
		table tbody tr {
		
		}
			table tbody tr td {
			
			}
			table tbody tr.ImageRow td {
			padding: 5px 5px;
			}
				table tbody tr td a {
				}
					table tbody tr td a img {
					border: solid 1px #000;
					margin: 0 auto;
					}
					table tbody tr td a:hover img {
					border-color: #79CAFB;
					}
	table .AttributeName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 218px;
	text-align: left;
	color: #fc0;
	}
			
.Note {
color: #fff;
line-height: 2em;
padding: 3px 0 3px 20px;
background: url(../Images/NoteIcon.gif) no-repeat;
}
		
.CanfordGroupBadge {
position: absolute;
bottom: 40px;
right: -54px;
}

/*CLEARFIX*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */