/* CSS Document www.emcowheaton.com */
/* GLOBAL SELECTORS*/

body {
	padding: 0;
	margin: 0;
	background-image: url(../images/back_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	background-color: #c8c8c8;
}

img  {
	border: 0
}

.imageAlignRight
{
		float:right;
}


h1, h2, h3, h5, ul, li, p, a, div, img, span, form, input, select{
	padding: 0;
	margin: 0;
	color: #69695F; /* General Font Color */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	
}

hr
{
	background-image:none;
	background-color:#ffffff;
	margin:0;
	padding:0;	
}

h1, h2 {
	font-size: 16px;
	text-transform: none;
	margin-bottom: 10px;
	font-weight: bolder;
	color: #9e1b34;
}

h3 {
	font-size: 14px;
	text-transform: none;
	padding-bottom:5px;
	font-weight: bolder;
	color: #9e1b34;
	background-color:#ffffff;
	background-image:none;
}

h4, h4 a {
	font-size: 12px;
	text-transform: none;
	margin-bottom: 3px;
	font-weight: bold;
	color: #9e1b34;
	background-color:#ffffff;
	background-image:none;
}

sup {
	vertical-align: text-top;
}

		/* Buttons */
		a {
			color: #69695f;
			text-decoration: none;
		}
		
		a:hover {
			text-decoration: underline;
			color: #9e1b34;
		}
		/* Buttons End */
/* GLOBAL SELECTORS END*/


/* HEAD SELECTORS	*/

div#head {
	height: 130px;
	position: absolute;
	left:0; top:0;
	z-index: 1; 
	float: left;
	min-width: 950px;
	width: 100%;
}


div#logo {
	position: absolute;
	top: 20px; left:0px;
	width: 254px;
	float: left;
	z-index: 5;
}

/*<!-- CORPORATE LOGO -->*/
div#logo h6.emco {
	padding: 6px 0px 0px 17px;
}

div#logo h6.todo {
	margin-top: -4px;
	padding: 0px 0px 0px 20px;
}
/*<!-- CORPORATE LOGO END-->*/


/* TOP NAVIGATION */
div#topnav {
	position: absolute;
	top: 3px;
	left: 0;
	min-width: 645px;
	width: 75%;
	height: 20px;
	text-align: right;
	float: right;
	z-index: 10;
}

div#topnav ul{
	list-style: none;
}

div#topnav li{
	padding-right: 8px;
	display: inline;
	vertical-align: middle;

}

	/* TopNav Buttons */
		div#topnav li a {
			vertical-align: middle;
			color: black;
			text-decoration: none;
			font-weight: bold;
		}
		
		div#topnav li a:hover {
			color: #9e1b34;
		}
		
		div#topnav li a:visited {
			color: black;
		}
		
		.divider {
			vertical-align: middle;
			color: black;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
		}
	/* TopNav Buttons End */
/* TOP NAVIGATION END */

/* TOP NAVIGATION - LANGUAGE/SEARCH */
div#topnav_2 {
	position: absolute; 
	top: 60px; 
	left: 0;
	min-width: 900px;
	width: 100%;
	height: 60px;
	text-align: right;
	float: right;
	z-index: 15;
}

div#topnav_2 p {
	color: black;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	margin-top: 2px;
	float: left;
}

div#topnav_2 ul{
	list-style: none;
}

div#topnav_2 li{
	vertical-align: middle;
	text-align: right;
	display:block;
	margin-bottom: 2px;
}

div#topnav_2 select, input {
	background-color: #eeeeee; 
	border:1px solid #69695f; 
	font-size: 11px;
	height: 1,5em;
}
/* TOP NAVIGATION - LANGUAGE/SEARCH END */
/* HEAD SELECTORS END*/




/* MAIN NAVIGATION */
div#main_nav {
	position: absolute;
	left: 0;
	top: 130px;
	min-width: 900px;
	width: 100%;
	height: 20px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 16px;	
	z-index: 900;
}

.dropdown {
	float: left; 
	padding-right: 5px;
	margin-top: 0px;
}

.dropdown dt {
	width: auto; 
	padding: 0px 15px 0px 0px;
	font-size: 16px; 
	font-weight: bold;
	color: black; 
	cursor: pointer;
}

.dropdowndt
{
	width: auto; 
	padding: 0px 15px 0px 0px;
	font-size: 16px; 
	font-weight: bold;
	color: black; 
	cursor: pointer;
}
	
.dropdown dt:hover {
	color:#9e1b34;
}

.dropdown dd {
	position: absolute;
	overflow: hidden; 
	width: 206px;
	display: none; 
	background: #fff; 
	z-index: 200; 
	opacity: 0;
	margin-left: 0px;
}

.dropdown ul {
	width: 204px;
	border: 1px solid #69695f; 
	list-style: none; 
	border-top: none;
}
	
.dropdown li {
	display: inline;
}

.dropdown a, .dropdown a:active, .dropdown a:visited {

}

.lidropdown a, .lidropdown a:active, .lidropdown a:visited
{
	display: block; 	
	padding: 5px;
	font-size: 12px;
	font-weight: bold; 
	color: #69695f; 
	text-decoration: none; 
	background-color: #eeeeee; 
	width: 194px; 
	}

.dropdown a:hover {
	background: #69695f; 
	color: white;
}

.dropdown .underline {
	border-bottom: 1px solid #69695f;
}
/* MAIN NAVIGATION END */


/* BREAD CRUMB */
div#breadcrumb {
	clear: left;
	position: relative;
	left: 0;
	top: 150px;
	width: 75%;
	height: 20px;
	text-align: left;
	padding: 15px 0px 0px 20px;
	font-size: 10px;
	font-weight: normal;
	z-index: 25;
}


/* Content Selectors	*/

div#hp_keyvisual {
	position: relative;
	background-color: #c8c8c8;
}

/* MAIN CONTENT */
/* Content container for all browsers that understand min-width */
div#page_container {
	position: absolute;
	top: 0;
	width: 97%;
	min-width: 950px;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

div#page_holder {
	display: block;
}
	
div#primaryContent_container {
	position: relative;
	top: 0;
	max-width: 100%;
	min-width: 784px;
	margin: 0;
	padding: 0;			
}

div#primaryContent_holder {
	display: block;
}
		


/* Boxes */

#threeColLayout {
background: #c8c8c8;
}
#twoColLayout {
background: #c8c8c8;
}
#oneColLayout {
	background: #c8c8c8;
}

#wrapper {
	width: 750px;
	margin: 0;
	background-color: #D7D493;
	padding: 0 10px 0px 0px;
}

/* MAIN COLUMNS */

#primaryContent {
	position: absolute;
	left: 0; 
	top: 145px;
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 0 5px;
	z-index: 5;
}

/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

#threeColLayout #primaryContent {
	position: absolute;
	left: 0; 
	right: 59.1%;
	top: 307px;
	float: left;
	width: 57%;
	margin: 0 0 0 10px;
	z-index: 5;

}

/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */

#twoColLayout #primaryContent {
	position: absolute;
	left: 0;
	top: 180px;
	float: left;
	width: 78.5%;
	margin: 0 0 0 5px;
	z-index: 5;
}

/* just incase twoColLayout is specified in body, and secondaryContent is left in, we turn it off - not ideal, but it works */

#twoColLayout #secondaryContent {
	display: none;
}

#secondaryContent {
	float: left;
	position: relative;
	top: 145px;
	left: 60%;
	right: 80%;
	width: 20.5%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 6;
}

#sideContent{
	float: left;
	position: absolute;
	top: 180px;
	left: 78.5%;
	width: 210px;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	z-index: 10;
}


#sideContentHP{
	float: left;
	position: absolute;
	top: 155px;
	left: 57%;
	width: 420px;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	z-index: 10;
}


#sideContentHP #sideContentLeftCol{
	float: left;
	position: relative;
	top: 152px;
	width: 210px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#sideContentHP #sideContentRightCol{
	float: left;
	width: 210px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* just incase oneColLayout is specified in body, and these are left in, we turn them off - not ideal, but it works */

#oneColLayout #secondaryContent, #oneColLayout #sideContent {
display: none;
}

/* twoColContent - used to span two right-hand columns - box used only if no selector */

#twoColContent{
width: 555px;
float: left;
margin: 0 0 20px 195px;
}


div#bbd_logo {
	position: relative;
	background-image: url(../images/bbd_logo.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 100px;
}


/* CSS FOR UNIVERSAL BOX - GREY BACKGROUND */
	.box {
		padding: 0 12px 0 0;
		background: #fff url(../images/borders.gif) 100% 0 repeat-y;
	}
	
	.bi {
		padding: 0 0 0 12px;
		background: #fff url(../images/borders.gif) 0 0 repeat-y;
	}
	
	.content
	{
		background-image:none;
		background-color:#ffffff;	
	}
	
	.bt {
		height: 17px;
		margin: 0 -12px;
		background: #fff url(../images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width: 18px;
		height: 17px;
		background: #fff url(../images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height: 17px;
		margin: 0 -12px;
		background: #fff url(../images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width: 18px;
		height: 17px;
		background: #fff url(../images/box.gif) 0 100% no-repeat;
	}
	.box h2, .box h1 {
		margin: 0;
		padding: 0 10px 0.2em 10px;
		background: #fff;
		
	}
	.box p, .box ul {
		margin: 0;
		padding: 4px 10px;
		background: #fff;
	}
	.box li {
		margin: 0 0 0 2em;
		padding: 0;
	}
	.box ul.contactus {
		list-style: none;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	.box ul.contactus li {
		margin: 0;
		height: 24px;
		padding: 4px 0;
		background: #fff;
	}
	
	.box ul.contactus ul.list  {
		list-style: none;
		background: #fff;
	}
	.box ul.contactus ul.list li.icon {
		display: inline;
	}
	.box ul.contactus ul.list li.link {
		margin: 0 0 0 5px;
		display: inline;
	}
	.box ul.contactus ul.list li.link a{
		font-size: 14px;
		font-weight: bold;
	}

	.box img {
		vertical-align: middle;
		background: #fff;
	}
	
	.box img.product_picture {
		margin: 5px 10px 5px 10px;
		padding: 0;
		float: right;
	}
	
			/* ONLY NEEDED FOR FIREFOX */
			.box table { 
				background: #fff;
				padding: 0;
				overflow: visible;
				width: 100%;
			}
			.box table tr {
				
			}
			.box table tr td {
				vertical-align: top;
				height: 100%;
			}

	
	/* PRODUCT TEXT LIST	*/
	.box ul.stretcher {
		list-style: none;
		margin: 0;
		padding: 0;
		background: #fff;
		z-index: 500;
	}
	

	.box ul.stretcher li.col_a {
		display: inline;
		width: 30%;
		float: left;
		margin: 0;
		padding: 0 0 0 10px;
		z-index: 501;
	}
	.box ul.stretcher li.col_b {
		display: inline;
		width: 30%;
		float: left;
		margin: 0 0 0 20px;
		padding: 0;
		z-index: 502;
		height:500px;
	}
	.box ul.stretcher li.col_c {
		display: inline;
		width: 30%;
		float: left;
		margin: 0px 0px 0px 20px;
		padding: 0;
		z-index: 503;
	}
	
	.box ul.stretcher li h3 {
		margin-top: 10px;
	}
					
	.box ul.stretcher li a {
		font-size: 14px;
		line-height: 20px;
		color: #69695f;
		}
		
	.prod_list_item
	{
		font-size: 14px;
		line-height: 20px;
		color: #69695f;
		text-align: left; 
		text-indent: -10px;
		list-style:none;
		padding-left:10px;
	}
	
	.box ul.stretcher li a:hover,
	a:hover .prod_list_item {
		color: #9e1b34;
		text-decoration: underline;
	}
	.box ul.stretcher li a:active {
		color: #833645;
	}
/* PRODUCT TEXT LIST	END */

/* PRODUCT QUICK LINKS */
	.box ul.prodQuicklinks {
		list-style: none;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	.box ul.prodQuicklinks li {
		display: block;
		margin: 0;
		padding: 4px 0;
		background: #fff;
	}

	.box ul.prodQuicklinks li a {
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		margin: 0 0 0 10px;
		padding: 0 0 0 0px;
	}
	
/* PRODUCT QUICK LINKS END*/
/* CSS FOR UNIVERSAL BOX - GREY BACKGROUND END */




/* CSS FOR UNIVERSAL BOX - WHITE BACKGROUND */
	.boxwhite {
		padding: 0 12px 0 0;
		background: #fff url(../images/borders_white_bg.gif) 100% 0 repeat-y;
		
	}

	.biwhite {
		padding: 0 0 0 12px;
		background: #fff url(../images/borders_white_bg.gif) 0 0 repeat-y;
	}
	.btwhite {
		height: 17px;
		margin: 0 -12px;
		background: #fff url(../images/box_white_bg.gif) 100% 0 no-repeat;
	}
	.btwhite div {
		width: 18px;
		height: 17px;
		background: #fff url(../images/box_white_bg.gif) 0 0 no-repeat;
	}
	.bbwhite {
		height: 17px;
		margin: 0 -12px;
		background: #fff url(../images/box_white_bg.gif) 100% 100% no-repeat;
	}
	.bbwhite div {
		width: 18px;
		height: 17px;
		background: #fff url(../images/box_white_bg.gif) 0 100% no-repeat;
	}
	.boxwhite h4 {
		margin: 0;
		padding: 0 0 3px 3px;
		background: #fff;
	}
	.boxwhite p {
		margin: 0;
		padding: 0 0 3px 3px;
		background: #fff;
	}

/* PRODUCT OVERVIEW LIST	*/
	.boxwhite ul.list {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.boxwhite ul.list li {
		list-style: none;
		display: inline;	
		height: 100%;
		padding: 0 0 0 0;
	}
	
	.boxwhite ul.list li.prodicon {
		width: 90px;
		height: 91px;
		float: left;
		margin: 0;
		padding: 0 5px 0 0;
	}
	.boxwhite ul.list li.prodtext {
		position: relative;
		top: 0;
		left: auto;
		width: 60%;
		float: left;
		margin: 0;
		padding: 0 5px 0 5px;
	}

	.boxwhite ul.list li.prodtextlong {
		position: relative;
		top: 0;
		left: auto;
		width: 80%;
		float: left;
		margin: 0;
		padding: 0 5px 0 5px;
	}
	
	.boxwhite ul.list li.prodinfo {
		position: relative;
		top: 0;
		left: auto;
		width: 20%;
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		z-index: 30;
	}
	
	.boxwhite ul.list li.prodinfo p.header {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		margin: 0 0 2px 0;
	}
	.boxwhite ul.list li.prodinfo p.header img {
		font-size: 12px;
		line-height: 24px;
		margin: 0 0 0 0;
	}
	.boxwhite ul.list li.prodinfo p.footer {
		font-weight: normal;
		margin: 0 0 0 0;
		padding: 0 0 3px 32px;
	}
	.boxwhite ul.list li.prodinfo a {
		font-size: 10px;
		line-height: 12px;
	}
	
	/* PRODINFO LIST END */
	
/* CSS FOR PRODUCT PICTURE BOX - WHITE BACKGROUND */
	.boxwhite_prod_pic {
		padding: 0 12px 0 0;
		background: #fff url(../images/borders_white_bg.gif) 100% 0 repeat-y;
		overflow: visible;
		width: 40%;
		float: right;
		margin: 0px 20px 15px 20px;
	}

	.biwhite_prod_pic {
		padding: 0 0 0 12px;
		background: #fff url(../images/borders_white_bg.gif) 0 0 repeat-y;
	}
	
	.btwhite_prod_pic {
		height: 17px;
		margin: 0 -12px;
		background: #fff url(../images/box_white_bg.gif) 100% 0 no-repeat;
	}
	
	.btwhite_prod_pic div {
		width: 18px;
		height: 17px;
		background: #fff url(../images/box_white_bg.gif) 0 0 no-repeat;
	}
	
	.bbwhite_prod_pic {
		height: 17px;
		margin: 0 -12px;
		background: #fff url(../images/box_white_bg.gif) 100% 100% no-repeat;
	}
	
	.bbwhite_prod_pic div {
		width: 18px;
		height: 17px;
		background: #fff url(../images/box_white_bg.gif) 0 100% no-repeat;
	}
	
	.boxwhite_prod_pic p {
		margin: 0;
		padding: 0;
		text-align: center;
		background: #fff;
	}
	
	/* ONLY NEEDED FOR FIREFOX */
	table.picture_box_floater {
		background: #fff;
		padding: 0 0 0 0px;
		overflow: visible;
		width: 100%;
	}
	
	table.box_floater tr {
	}
	
	table.box_floater tr td {
		vertical-align: top;
		height: 100%;
	}
	
/* PRODUCT OVERVIEW LIST END*/
/* CSS FOR UNIVERSAL BOX - WHITE BACKGROUND END */



/* PRODUCT PAGE */
div#product_picture {
	margin: 5px 0px 0px 0px;
	padding: 0px 20px 5px 20px;
	float: right;
	width: auto;
	height: auto;
}
/* PRODUCT PAGE END */


/* PRODUCT OVERVIEW PAGE */
div#side_info_picture {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: auto;
	height: auto;
}
/* PRODUCT OVERVIEW PAGE END */


/* KEYVISUAL HOMEPAGE */
div#keyvisualPicture {
	position: absolute;
	top: 160px;
	left: 6px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	max-width: 80%;
	min-width: 780px;
	width: 78%;
}

div#keyvisCover {
	position: absolute;
	background-image: url(../images/keyvisCover.png);
	background-repeat: no-repeat;
	background-position: top left;
	top: -147px;
	left: 192px;
	text-align: right;
	z-index: 1000;
	width: 18px;
	height: 147px;
}
/* KEYVISUAL HOMEPAGE END */



	
/* FOOTER */
div#footer_line {
	position: relative;
	top: 0px;
	left: 0;
	width: 500px;
	height: 20px;
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 0;
	z-index: 100;
}

div#footer_line ul{
	list-style: none;
}

div#footer_line li{
	padding: 0px 4px 0px 0px;
	display: inline;
	background-image: none;
}
/* FOOTER END */


/* TECH LIB */
#searchCriteria
{
	background-color: #ffffff;
	background-image: none;	
	width:500px;
	height:100px;
	padding-bottom:20px;
}
.searchValue
{
	float:left;	
	width:340px;
	text-align: left;
	padding: 2px 2px 2px 2px;
	margin:0;
	height:25px;
}
.searchField
{
	float:left;
	width:150px;
	text-align:right;
	padding: 2px 2px 2px 2px;
	margin:0;
	height:25px;
}
#searchResults
{
	background-color: #ffffff;
	background-image: none;	
	margin:0;
	padding-left:5px;
}
.techlib_item
{
	margin:0px 2px 0px 2px;	
	background-color: #ffffff;
	background-image: none;	
	padding-bottom:10px;	
}
.techlib_item_top
{
	background-color: #ffffff;
	background-image: none;
}
.techlib_item_top a
{
	font-weight:bold;	
}
.techlib_item_bot
{
	background-color: #ffffff;
	background-image: none;		
}
.tech_resultcount
{
	background-color: #ffffff;
	background-image: none;		
}
.paging_item
{
	float:left;
	width:30px;
	font-size:12px;
	font-weight:bold;
	background-color: #ffffff;
	background-image: none;		
}
.paging_item a
{
	text-decoration: underline;
}
.paging
{
	margin:10px 0 0 10px;
	height:25px;
	width:500px;
}
.event
{
	background-color:#ffffff;
	background-image:none;
	padding:0 0 0 10px;
}
.event h2, .event h1
{
	padding:0 0 0 0;	
}
.event_item
{
	background-color:#ffffff;
	background-image:none;
	padding: 0 0 0 10px;
}
.event_item h4
{
	background-color:#ffffff;
	background-image:none;	
	padding-top:5px;
	margin:0;
}
#serviceForm
{
	background-color:#ffffff;
	background-image:none;
	padding: 10px 0 20px 0px;
}
.distributor_item
{
	background-color:#ffffff;
	background-image:none;
	padding: 10px 0 20px 10px;


}
.distributor_criteria
{
	background-color:#ffffff;
	background-image:none;
	padding: 10px 0 20px 10px;
}
.distributor_criteria input
{
	margin:10px 0 0 0;	
}
.distributor_results
{
	background-color:#ffffff;
	background-image:none;
}
.news_item
{
	background-color:#ffffff;
	background-image:none;
	padding-left:10px;
	
}
.news_item h4
{
	background-color:#ffffff;
	background-image:none;
	margin:0;
	padding-top:10px;
}
.event_img
{
	float:right;	
}
.careers_list
{
	background-color:#ffffff;
	background-image:none;
	margin:0;
	padding-left:10px;
	padding-bottom:15px;
}
.careers_list h4
{
	background-color:#ffffff;
	background-image:none;
	margin-top:0px;
	padding-top:8px;	
}
.careers_back
{
	background-color:#ffffff;
	background-image:none;
	padding-left:10px;
}
.breadcrumb
{
	width:500px;
	height:20px;
	padding:0 0 0 17px;
	top:160px;
	position:absolute;
}
.breadcrumb a
{
	font-size:11px;
}
.home_quick
{
	padding-left:0px;
	margin-left:0px;
}
.home_quick a
{
	font-weight:bold;
	padding:0 0 3px 0;
}
.home_quick li
{
	list-style: none;	
	margin:0;
	padding-bottom:5px;
}
.techlib_ddl
{
	z-index:10;
}
.sitemap_outer,
.sitemap_outer li,
.sitemap_outer a
{
	background-color:#ffffff;
	background-image:none;
	margin-top:0px;
}
.form_container
{
	margin: 0;
	padding: 0 0 0 0px;
	background-color: #ffffff;
	background-image:none;
}
.show_design_border
{
	margin:0;	
}

p a
{
	text-decoration: underline;
	color:#9E1B34;
}