﻿body
{
	margin: 0px;
	font-family: arial, sans-serif;
}

img {border:none;}

a {color:#000000}

/* Utils */
.clear{clear:both;height:0px;font-size:0px;overflow:hidden;}
.right{float:right!important;}
.left{float:left!important;}

.TopImage{display:none;}


/******************************** SITE STRUCTURE ******************************/
#PageContainer
{
	width: 980px;
	margin: 0px 0px 0px 0px;
	background-image: url(../imgs/MenuBG.gif);
	background-repeat: repeat-y;
	overflow:hidden;
}

#Top
{
	width: 978px;
	height: 213px;
	background-image: url(../imgs/Top.jpg);
	background-repeat: repeat-x;
	font-family: arial, sans-serif;
	font-size: 0.75em;
	font-weight:bold;
	color: #666666;
}

#SiteTools
{
	padding: 5px 15px 0px 0px;
}

#SiteTools a
{
	color: #666666;
	text-decoration: none;
}

#InjectionKit
{
	position: absolute;
	width: 331px;
	height: 267px;
	top: 60px;
	left: 665px;
	background-image: url(../imgs/InjectionKit.png);
	z-index:1;
}
	/* IE6 Transparency hack */
	* html #InjectionKit
	{
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/imgs/InjectionKit.png", sizingMethod="crop");
	}

#LogoLink
{
	position: absolute;
	top:30px;
	left:0px;
	width:200px;
	height: 150px;
}

#LogoLink a
{
	text-decoration: none;
	display:block;
	width: 100%;
	height:100%;
}

#Top #Search
{
	float: right;
	padding: 10px 8px 0px 0px;
}

#Top #Search a
{
	color:#666666;
	text-decoration: none;
}

#Top #Search form
{
	float: left;
}

#Top #Search form #strWord
{
	height: 14px;
	border: 1px solid #cccccc;
	margin: -2px 0px 0px 15px;
	float:left;
	color: #666666;
	font-weight: bold;
	font-size: 1.0em;
}

#Top #Search form #goBtn
{
	display:block;
	width: 31px;
	height: 18px;
	background-image: url(../imgs/goBtn.gif);
	float:left;
	margin: -2px 0px 0px 3px;
}

#LeftCol
{
	float:left;
	width:200px;
	height:100%;
	font-family: arial, sans-serif;
	font-size: 0.75em;
	font-weight:bold;
	margin-top: 1px;
}

/* #### Menu overlays #### */
#LeftCol #MenuLeftOverlay
{
	position:absolute;
	top: 213px;
	left:0px;
	width:17px;
	height: 461px;
	background-image: url(../imgs/MenuLeftOverlay.png);
}
	/* IE6 Transparency hack */
	* html #LeftCol #MenuLeftOverlay
	{
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/imgs/MenuLeftOverlay.png", sizingMethod="crop");
	}

#LeftCol #MenuRightOverlay
{
	position:absolute;
	top: 213px;
	left:192px;
	width:17px;
	height: 285px;
	background-image: url(../imgs/MenuRightOverlay.png);
	background-repeat:no-repeat !important;
}
	/* IE6 Transparency hack */
	* html #LeftCol #MenuRightOverlay
	{
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/imgs/MenuRightOverlay.png", sizingMethod="crop");
	}


/* #### MENU LEVEL 1 #### */
	#LeftCol .Menu ul.level1
	{
		padding: 0px;
		margin: 0px;
		list-style: none;
		list-style-image: none;
	}
	
	#LeftCol .Menu ul.level1 li
	{
		padding: 0px;
		margin: 0px;
	}
	
	#LeftCol .Menu ul.level1 li a
	{
		display: block;
		text-decoration: none;
		padding: 7px 5px 7px 25px;
		color: #FFFFFF;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		background-color: #414b8d;
	}
	
	#LeftCol .Menu ul.level1 li a:hover
	{
		color: #FFFFFF;
		background-color: #5d66a2;
	}
	
	#LeftCol .Menu ul.level1 li.selected a
	{
		background-color: #041067;
		background-repeat: no-repeat;
		color: #FFFFFF;
	}


	
/* #### MENU LEVEL 2 #### */
	#LeftCol .Menu ul.level2 li a
	{
		color: #ffffff !important;
		display: block;
		text-decoration: none;
		padding: 7px 5px 7px 15px;
	}
	
	#LeftCol .Menu ul.level2 li a:hover
	{
		color: #FFFFFF !important;
	}
	
	#LeftCol .Menu ul.level2 li.selected a
	{
		color: #FFFFFF !important;
		background-image: url(../imgs/menuArrowBlack.gif) !important;
	}
	
	#LeftCol .Menu ul.level2
	{
		padding: 0px;
		margin: 0px;
		list-style: none;
		list-style-image: none;
	}
	
	#LeftCol .Menu ul.level2 li
	{
		background-color: #e89ed1;
	}
	
	#LeftCol .Menu ul.level2 li a
	{
		display: block;
		padding: 7px 5px 7px 8px;
		margin: 0px 0px 0px 22px;
		background-image: url(../imgs/menuArrowWhite.gif);
		background-position: left;
		background-repeat: no-repeat;
	}

#CenterCol
{
	float: left;
	width: 523px;
	background-image: url(../imgs/MainTop.gif);
	background-repeat:repeat-x;
	padding: 20px;
	/* background-color: #e6afd6; */
}

#CenterCol a
{
	color: #000000;
	text-decoration: underline;

}
#CenterCol #FirstpageBanner
{
	margin-bottom: 20px;
}

#RightCol
{
	float:left;
	width: 190px;
	background-image: url(../imgs/MainTop.gif);
	background-repeat:repeat-x;
	padding: 110px 0px 0px 0px;
	font-size: 0.75em;
	font-family: arial, sans-serif;
}

/* * html #RightCol
{
	margin-left: -5px;
} */

#PageFooter
{
	clear:both;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	height: 40px;
	border-top: 2px solid #d0d318;
	margin: 0px 0px 0px 25px;
}

#PageFooter div
{
	text-align: left;
	padding: 3px;
}

#PageFooter #emlatrade {
	margin: 0px 10px 0px 10px;
	float:right;
	font-size:0.8em;
}

#PageFooter div a
{
	color: #000000;
	text-decoration:none;
	margin: 0px 10px 0px 10px;
	float:left;
}

#PageFooter div a:hover
{
	text-decoration:underline;
}

#SendToFriend
{
	text-align: right;
	margin-right: 240px;
	padding: 10px;
	font-family: arial, sans-serif;
	font-size: 0.75em;
}

#SendToFriend a
{
	color: #000e64;
	font-weight: lighter;
}

#AZLogo
{
	margin: 40px 0px 0px 35px;
}


#JobNumber
{
	text-align: right;
	color: #444444;
	font-size: 0.75em;
}

#InjectionKitText
{
	color: #444444;
	font-size: 0.8em;
	font-weight: bold;
	position: absolute;
	background-color: #FFFFFF;
	width: 300px;
	height: 100px;
	top: 80px;
	left: 0px;
	z-index:2000;
	border: 2px solid #cccccc;
	padding: 10px;
}


/******************************** CONTENT STYLES ******************************/

#CenterCol h1
{
	color: #000e64;
	font-size: 1.7em;
	font-family: helvetica, arial, sans-serif;
	font-weight: lighter;
	margin-bottom: 10px;
}

#CenterCol h2
{
	display:block;
	padding: 1px 0px 0px 5px;
	height:17px;
	background-image: url(../imgs/h2.gif);
	background-repeat: no-repeat;
	font-size: 110%;
	color: #33297a;
	margin-bottom: 10px;
}

#CenterCol h2.smallversion
{
	font-size: 1.2em;
}

#CenterCol #Content
{
	font-family: arial, sans-serif;
	font-size: 0.75em;
	padding-left: none;
	z-index:1000;
}

#RightCol div.RightColBody
{
	background: url(/imgs/rightColBoxBottom.gif) no-repeat bottom left;
	padding: 10px 30px 10px 10px;
	font-size: 0.9em;
}

div.hidable
{
	visibility:hidden;
	height:0px;
	overflow: hidden;
}

/* ******* Firstpage ******* */

#CenterCol #Content div.hcpBox
{
	margin-top: 20px;
	width: 255px;
}
	#CenterCol #Content div.hcpBox div.boxTop
	{
		height: 16px;
		background-image: url(../imgs/boxTop.gif);
		background-repeat: no-repeat;
		overflow:hidden;
		margin-bottom: 0px;
	}
	
	#CenterCol #Content div.hcpBox div.boxMiddle
	{
		background-image: url(../imgs/boxMiddle.gif);
		background-repeat: repeat-y;
		padding: 0px 15px 0px 20px;
	}
		#CenterCol #Content div.hcpBox div.boxMiddle h2
		{
			margin: 0px;
			padding: 0px;
			font-size: 1.7em;
			font-weight: lighter;
		}
		#CenterCol #Content div.hcpBox div.boxMiddle p.boxContent
		{
			margin: 0px;
			padding: 10px 0px 10px 0px;
		}
	
	#CenterCol #Content div.hcpBox div.boxBottom
	{
		height: 37px;
		background-image: url(../imgs/boxBottom.gif);
		background-repeat: no-repeat;
	}
	
	#CenterCol #Content div.consumerBoxBody
	{
		background: url(../imgs/consumerSiteBoxBottom.gif) bottom;
		padding: 10px 10px 20px 10px;
	}
	
	
	
/* ****************************** SPLASHPAGE ******************************** */

.Splash
{
	margin: 50px auto 0px auto !important;
	width:616px !important;
	background-image:url(/imgs/SplashBG.jpg) !important;
	background-repeat: no-repeat !important;
}

#SplashNeedle
{
	position:absolute;
	top:0px;
	left:0px;
	width: 19px;
	height: 592px;
	background-image: url(/imgs/splashneedle.gif);
}

#SplashContent
{
	width: 230px;
	height: 295px;
	padding: 55px 0px 0px 365px;
	font-size: 0.7em;
	color: #FFFFFF;
}

#SplashContent p
{
	height: 150px;
}

#SplashContent img
{
	margin-bottom: 10px;
}

#Footer
{
	margin-top: 00px;
	border-top: 2px solid #d2d318;
	font-size: 0.8em;
	overflow: visible;
	padding: 5px 5px 5px 10px;
	clear:both;
	zoom:100%;
}

#Footer a
{
	color: #000000;
	text-decoration: none;
	margin-right: 10px;
	float:left;
}

#Footer a:hover
{
	text-decoration: underline;
}

#SplashReferences
{
	font-size: .6em;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: -10px;
	float:right;
	width: 282px;
}

#SplashReferences a
{
	overflow:hidden;
}

#Footer #emlatrade {
	font-size:0.8em;
}


/* ************************** Registration page ***************************** */

#Registration .fieldTitle
{
	float:left;
	width: 170px;
	height: 36px;
	padding-top: 4px;
	text-align: left;
	padding-right: 40px;
	color: #01066E;
	font-weight: bold;
	font-size: 1.1em;
}

#Registration .fieldInput
{
	float:right;
	width: 290px;
	height: 40px;
}

#Registration .fieldInput input
{
	width: 260px!important;
	padding: 2px;
	border: 1px solid #01066E;
}

input.error, textarea.error
{
	border: 2px solid #FF0000;
}

#Registration .fieldInput select
{
	width: 268px!important;
	border: 1px solid #01066E;
}

#Registration .fieldInput textarea
{
	width: 260px!important;
	height: 100px;
	padding: 2px;
	border: 1px solid #01066E;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #555555;
	font-size: 1.0em;
}

select.error
{
	background-color: #FF8888;
	border: 2px solid #FF0000;
}

#Registration .fieldInput img
{
	margin-left: 5px;
}

#FHOutput
{
	text-align: center;
	margin-top:20px;
	font-size: 1.2em;
	color: #FF0000;
	font-weight: bold;
}

#btnSubmitReg
{
	width:187px;
	height:36px;
	background: url(/imgs/completeReg.gif);
	border:none;
}


#btnSubmitContact
{
	width:187px;
	height:36px;
	background: url(/imgs/contactUsSubmit.gif);
	border:none;
}


div.error
{
	text-align: right;
	color: #FF0000;
	font-weight: bold;
	width: 430px;
}

span.error
{
	display:block;
	color: #FF0000;
}



/* ************************* REQUEST ITEMS PAGE ***************************** */

#irUserDetails
{
	margin: 10px 0px 0px 0px;
	background: url(../imgs/staticBox.gif);
	padding: 10px;
	height:65px;
	width: 504px;
}

#irUserDetailsTop
{
	margin: 10px 0px 0px 0px;
	background: url(../imgs/greenBoxTop.gif);
	padding: 10px 10px 0 10px;
	width: 504px;
}

#irUserDetailsBottom
{
	margin: 0px;
	background: url(../imgs/greenBoxBottom.gif);
	height:17px;
	width: 524px;
}

#irUserDetailsTop textarea, #irUserDetailsTop input
{
	width: 200px;
	overflow:auto;
}

div.irItem
{
	/* background-color: #EFF2FF;	 */
	/* border-bottom: 2px solid #B5BDDF; */
	margin: 15px 0px 5px 0px;
	overflow: hidden;
}

div.irItem.selected
{
	/* background-color: #FEFFBF!important; */
	border: 2px solid #D3D319;
}

div.irItem div.irThumb
{
	float:left;
	height: 50px;
	width: 70px;
	/* background: #cccccc; */
}

	div.irItem.selected div.irThumb
	{
		margin: -2px 0 -2px -2px;
	}

div.irItem div.irDescription
{
	float:left;
	height: 40px;
	width: 300px;
	padding: 10px 10px 10px 15px;
	font-size: 1.1em;
	color: #444444;
	font-weight: bold;
	overflow:hidden;
}

	div.irItem.selected div.irDescription
	{
		margin: -2px 0 -2px 0px;
	}

div.irItem div.irSelect
{
	float:right;
	height: 30px;
	width: 100px;
	padding: 14px 10px 6px 10px;
}
	div.irItem div.irSelect select
	{
		width: 100px;
	}
	
	div.irItem.selected div.irSelect
	{
		margin: -2px -2px -2px 0px;
	}
	
#irSubmit
{
	margin: 10px 0 0 0;
	padding-right: 10px;
	text-align: right;
}
