/* 
-----------------------------------------------
	Global CSS
	Project: X
	Author: Netgenetix
	Version: Month 2008
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headings
		- Structure
		- Navigation
		- Lists
 	- Links
		- Forms
		- Standard + Misc
----------------------------------------------- */


/* =Base
----------------------------------------------- */
html, body {margin:0; padding:0; background:url(../_img/index_01.gif) repeat-x; background-color:#021e3b;height:100%;} 

#container {width:969px;min-height:550px;height:auto;margin-left:auto; margin-right:auto;}




/* =Headings
----------------------------------------------- */	
h1{ font-family:Arial, Helvetica, Sans-Serif; font-size:26px; color:#FF9900; font-weight:400; padding:0; margin:3px 0 0 0;}
h4{ font-family:Arial, Helvetica, sans-serif; color:#FF9900;font-weight:600;}
h5{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#003366;}
h6{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#003366; font-weight:lighter;}


#header {position:relative;}
#logoContainer {width:969px; height:93px;}

#logo {float:left;background-image:url(../_img/logo.gif);width:292px;height:93px;margin-left:50px;}
#logo a { display:block; width:292px; height:93px; }
#logo span{display:block;text-indent: -100.0em;overflow: hidden;text-decoration: none;}

#phoneNumber{background-image:url(../_img/number.gif); width:225px; height:61px; float:right; margin-right:69px;}
#phoneNumber span{display:block;text-indent: -100.0em;overflow: hidden;}

#topCurve {background-image:url(../_img/index_04.gif); width:969px; height:72px; margin:0; padding:0; }
#bottomCurve {background-image:url(../_img/index_13.gif); width:969px; height:84px;clear:both;}

/* =Structure
----------------------------------------------- */
#content{ 
	width:969px;
	background:url(../_img/background.gif) repeat-y left top; 
	padding:0 0 1px 0;
}

#mainContent{ /* float:left; */
	margin:0 0 0 208px;
	padding: 13px 0 0 0;
	background: url(../_img/index_07.gif) no-repeat top;
}

/* #topBar{background-image:url(../_img/index_07.gif);width:761px; height:19px;}

* html #topBar { width: 755px; margin: 0 0 0 -4px; border: 1px}  */

#middleContent{width:683px;	min-height:500px; padding: 0 58px 0 20px; overflow: hidden;}

* html #middleContent { width: 680px }

#middleContent p {font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#003366;}


.customLink:link, .customLink:visited { text-decoration:none; color:#FF9900; }
.customLink:hover { text-decoration:underline; }


#products {float:right; width:219px; margin:15px 0 0 5px;}

#productsTop{ background-image:url(../_img/products_top.gif); width:219px; height:45px;}
#productsMiddle { 
	background:url(../_img/products_middle.gif) repeat-y; 
	padding:1px 0 5px 0;
	width:219px;
	margin:0;
	margin-top: -1px !important; /* for the sexy browsers */
   	margin-top: 0px; /* for IE5/Win  :*(  */
	clear:both;
}

#productsBottom{background-image:url(../_img/products_bottom.gif); width:219px; height:41px;}

.products_services{font-size:11px;}




#jobApplication {float:right; width:259px; margin:0 0 0 5px; padding:0;overflow:hidden;}

#jobTop{ background-image:url(../_img/apply_top.gif); width:259px; height:59px;}
#jobMiddle { 
	display:block;
	background:url(../_img/apply_middle.gif) repeat-y; 
	padding:1px 0 1px 16px;
	width:259px;
	height:100%;
	margin-top: -1px !important; /* for the sexy browsers */
   	margin-top: 0px; /* for IE5/Win  :*(  */
	clear:both; 
}
#jobBottom{background-image:url(../_img/apply_bottom.gif); width:259px; height:24px;}


#contactUs {float:right; width:289px; margin:15px 0 0 5px;overflow:hidden;}

#contactUsTop{ background-image:url(../_img/contactUs_top.gif); width:289px; height:58px;}
#contactUsMiddle { 
	display:block;
	background:url(../_img/contactUs_middle.gif) repeat-y; 
	padding:1px 0 1px 25px;
	width:289px;
	height:100%;
	margin-top: -1px !important; /* for the sexy browsers */
   	margin-top: 0px; /* for IE5/Win  :*(  */
	clear:both;
}
#contactUsBottom{
background-image:url(../_img/contactUs_bottom.gif); 
width:289px; 
height:27px;
}



#featuredProducts{margin-top:25px; padding-top:30px;}

* html #featuredProducts{margin-top:20px; padding-top:20px;}

.featuredContainers{float:left; margin-right:8px;}
.featuredContainersTop{ background-image:url(../_img/containers_top.gif); width:219px; height:32px;}
.featuredDvdTop{ background-image:url(../_img/dvd_top.gif); width:219px; height:32px;}
.featuredServicesTop{ background-image:url(../_img/services_top.gif); width:219px; height:32px;}

.featuredContainersMiddle {
	background:url(../_img/featured_middle.gif) repeat-y;
	width:219px;
	padding: 8px 0 8px 0;
	margin-top: -1px !important; /* for the sexy browsers */
   	margin-top: 0px; /* for IE5/Win  :*(  */
	clear:both;
}
.img {padding-left:19px;}
.featuredContainersMiddle p {padding: 0 17px 0 19px; clear:both;}
.featuredContainersBottom{ background-image:url(../_img/featured_bottom.gif); width:219px; height:41px;}


.titlesBold{font:Arial, Helvetica, sans-serif; font-weight:bold;}
.productsServicesText{padding-left:20px;}




/*--------------  CAREERS PAGE JOB DESCRIPTION STYLES -----------     START   ------------------------------*/

.careerAvailability{width:390px;margin-bottom:20px;}
.arrow{background:url(../_img/arrow.gif) no-repeat; width:10px; height:9px; float:left; margin:3px 5px 0 0;}
.jobDescription p{font-family:Arial, Helvetica, sans-serif;	font-size:10px; padding-left:15px;}

/*--------------  CAREERS PAGE JOB DESCRIPTION STYLES -----------     END   ------------------------------*/




#productImage{float:right;}
#productContainers{ /*background-image:url(../_img/productPage.jpg);*/ width:263px; height:169px;}
#productDVDcases{ /*background-image:url(../_img/dvdcases.jpg);*/ width:263px; height:169px;}




#footer {font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#ffffff;}

#footer a:link, #footer a:visited  {text-decoration:none;  color:#FFFFFF;}
#footer a:hover {text-decoration:none; color:#FFCC00;}

#footerLinks{float:right; margin-right:50px; clear:both; display:inline;}
#copyright{float:left; margin-left:50px; padding:15px 0 20px 0;}
#webdesign{float:right; margin-right:50px; padding:15px 0 20px 0;}


/*#oldLogo{float:left; background-image:url(../_img/index_11.gif); width:208px; height:264px;}*/
#oldLogo span{display:block; height:264px; text-indent: -100.0em; overflow: hidden;}


/* =Navigation
----------------------------------------------- */
#mainNav {float:left; width:208px; height:517px; background-image:url(../_img/index_11.gif)}

 ul#nav {padding: 0; margin: 0; list-style: none; /*width: 208px; height: 30px;*/}
	ul#nav li { float: left; position: relative; overflow: visible;}
	li.mnu {height: 30px; overflow: visible; }
	li.mnu span { position: absolute; left: -9999px }
	* html li.mnu span { position: relative; left: -9999px } /* ie6 hack for nav */
	li.mnu a { 
		display: block; 
		vertical-align: bottom; /* This fixes the IE5 Win gap! */
		width:186px; 
		height:30px;  
		background: url(../_img/navigation.gif) no-repeat; 
		color: #fff;
	}
	
	
	/* text in flyout menu*/
	li.mnu a:link		{ color: #fff; }
	li.mnu a:visited	{ color: #fff; }
	li.mnu a:hover		{ color: #fff; }
	li.mnu a:active		{ color: #fff; } 

	li.mnu ul	{ 
		display: none; 
		position: absolute;
		/*border: solid 1px #fff; */
		margin-left: 185px; 
		margin-top: -25px; 
		padding: 0px;  
		height: auto;
		width:160px;
		top: 28px; 
		left: 1px;
		background:url(../_img/normal_state.gif) repeat-y; /*background-color: #b5c2cd; */
		list-style: none;
		z-index:1000;
	} /* second-level lists */
	
	li.mnu>ul	{ top: 28px; left: 1px; } 
	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	li.mnu ul li { 
		display: block; 
		float: none; 
		position: relative;
		/*border-bottom: solid 1px #fff; */
		padding: 0; 
		width: 160px;
		height:30px;
	}
	li.mnu ul li a { 
		background-image:none; 
		background-color: transparent; 
		display: block; 
		float: none; 
		padding: 4px 17px; 
		margin: 0; 
		height: auto;
		width:140px;
		text-decoration: none;
		text-align: left; 
		font: bold 12px Arial, Helvetica, sans-serif;
		text-transform: lowercase; /* force text to lowercase */
	}
	li.mnu ul li a:link		{  }
	li.mnu ul li a:visited	{  }
	li.mnu ul li a:hover	{ color: #ffcb49;} /*background-color: #8c9193;*/
	li.mnu ul li a:active	{  }

	a#itm-set { background-color: #333333; }
	a#itm-set:link		{ color: #ccc; }
	a#itm-set:visited	{ color: #ccc; }
	a#itm-set:hover		{ color: #ccc; }
	a#itm-set:active	{ color: #ccc; }

 li:hover ul, li.over ul { display: block; }

	li#li1	 { width: 186px;}
	li#li2	 { width: 186px; }
	li#li3	 { width: 186px; }
	li#li4	 { width: 186px; }
	li#li5	 { width: 186px; }
	li#li6  { width: 186px; }
	li#li7  { width: 186px; }	
	li#li8  { width: 186px; }	
	li#li9  { width: 186px; }	

	li#li1 a:link, li#li1 a:visited	{ background-position: 0px 0px; }
	li#li2 a:link, li#li2 a:visited	{ background-position: 0px -30px; }
	li#li3 a:link, li#li3 a:visited	{ background-position: 0px -60px; }
	li#li4 a:link, li#li4 a:visited	{ background-position: 0px -90px; }
	li#li5 a:link, li#li5 a:visited	{ background-position: 0px -120px; }
	li#li6 a:link, li#li6 a:visited	{ background-position: 0px -150px; }
	li#li7 a:link, li#li7 a:visited	{ background-position: 0px -180px; }
	li#li8 a:link, li#li8 a:visited	{ background-position: 0px -210px; }	
	li#li9 a:link, li#li9 a:visited	{ background-position: 0px -240px; }		

	ul#nav li#li1 a:hover, ul#nav li#li1:hover a, ul#nav li#li1.iehover a   { background-position: -186px 0px; }
	ul#nav li#li2 a:hover, ul#nav li#li2:hover a, ul#nav li#li2.iehover a	{ background-position: -186px -30px }
	ul#nav li#li3 a:hover, ul#nav li#li3:hover a, ul#nav li#li3.iehover a	{ background-position: -186px -60px }
	ul#nav li#li4 a:hover, ul#nav li#li4:hover a, ul#nav li#li4.iehover a	{ background-position: -186px -90px }
	ul#nav li#li5 a:hover, ul#nav li#li5:hover a, ul#nav li#li5.iehover a	{ background-position: -186px -120px }
	ul#nav li#li6 a:hover, ul#nav li#li6:hover a, ul#nav li#li6.iehover a	{ background-position: -186px -150px }
	ul#nav li#li7 a:hover, ul#nav li#li7:hover a, ul#nav li#li7.iehover a	{ background-position: -186px -180px }
	ul#nav li#li8 a:hover, ul#nav li#li8:hover a, ul#nav li#li8.iehover a	{ background-position: -186px -210px }	
	ul#nav li#li9 a:hover, ul#nav li#li9:hover a, ul#nav li#li9.iehover a	{ background-position: -186px -240px }
	
	
	li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited	{ background-position: -186px 0; }
	li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited	{ background-position: -186px -30px; }
	li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited	{ background-position: -186px -60px; }
	li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited	{ background-position: -186px -90px; }
	li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited	{ background-position: -186px -120px; }
	li#li6 a.mnu-set:link, li#li6 a.mnu-set:visited	{ background-position: -186px -150px; }
	li#li7 a.mnu-set:link, li#li7 a.mnu-set:visited	{ background-position: -186px -180px; }
	li#li8 a.mnu-set:link, li#li8 a.mnu-set:visited	{ background-position: -186px -210px; }
	li#li9 a.mnu-set:link, li#li9 a.mnu-set:visited	{ background-position: -186px -240px; }			
	
	





#requestBtn a{
float:right;
/*background-image:url(../_img/requestNow.gif);*/
background-image:url(../_img/requestNow_combine.gif);
background-position:0 -31px;
width:102px;
height:31px;
margin-right:20px;
}
#requestBtn a:hover { /*background-image:url(../_img/requestNow_over.gif);*/ background-position:0 0; }
#requestBtn span{
display:block;
height:31px; /*match to #requestBtn height*/
text-indent: -100.0em;
overflow: hidden;

}



.learnMoreBtn a{
float:right;
background-image:url(../_img/learnMore_combine.gif);
background-position:0 -31px;
width:91px;
height:31px;
margin-right:20px;
}

.learnMoreBtn a:hover {/*background-image:url(../_img/learnMore_over.gif);*/ background-position:0 0;}

.learnMoreBtn span{
display:block;
height:31px; /*match to #learnMoreBtn height*/
text-indent: -100.0em;
overflow: hidden;
}



#browseBtn a{
float:right;
background-image:url(../_img/browse.gif);
width:75px;
height:32px;
margin-top:-40px;
margin-right:35px;
}

#browseBtn a:hover {background-image:url(../_img/browse_over.gif);}

#browseBtn span{
display:block;
height:32px; /*match to #browseBtn height*/
text-indent: -100.0em;
overflow: hidden;
}



#submitBtn a{
float:right;
background-image:url(../_img/submit.gif);
width:75px;
height:32px;
margin-top:-10px;
margin-right:35px;
}

#submitBtn a:hover {background-image:url(../_img/submit_over.gif);}

#submitBtn span{
display:block;
height:32px; /*match to #submitBtn height*/
text-indent: -100.0em;
overflow: hidden;
}


#specSheetBtn a{
float:left;
/*background-image:url(../_img/viewSpec_set.gif);*/
background-image:url(../_img/viewSpec_combine.gif);
background-position:0 -32px;
width:117px;
height:32px;
margin-top:10px;
margin-left:16px;
}


#specSheetBtn a:hover {/*background-image:url(../_img/viewSpec_over.gif);*/ background-position:0 0; }

#specSheetBtn span{
display:none;
height:32px; /*match to #specSheetBtn height*/
text-indent: -100.0em;
overflow: hidden;
}

#diagramBtn a{
float:left;
/*background-image:url(../_img/viewDiagram_set.gif);*/
background-image:url(../_img/viewDiagram_combine.gif);
background-position:0 -32px;
width:106px;
height:32px;
margin-top:10px;
margin-left:5px;
}


#diagramBtn a:hover {/*background-image:url(../_img/viewDiagram_over.gif); */ background-position:0 0; }

#diagramBtn span{
display:none;
height:32px; /*match to #specSheetBtn height*/
text-indent: -100.0em;
overflow: hidden;
}




/* =Lists
----------------------------------------------- */

.products_services ul{margin:0; padding-left:20px;}
.products_services li, .products_services li a {
    padding:0;
    margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	list-style-image:url(../_img/arrow.gif);
}

#products_services a:link {text-decoration:none;  color:#003366;}
#products_services a:visited {text-decoration:none;  color:#003366;}
#products_services a:hover {text-decoration:none; color:#FFCC00;}


#middleContent ul li { /* --------------- main content list style---------------*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	list-style-image:url(../_img/arrow.gif);
}

#middleContent a:link {text-decoration:none;  color:#003366;}
#middleContent a:visited {text-decoration:none;  color:#003366;}
#middleContent a:hover {text-decoration:none; color:#FFCC00;}


/* =Links
----------------------------------------------- */


/* =Forms
----------------------------------------------- */


/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}

.linkedImage { margin: 0; padding: 0; border: 0px }
.linkedImage a:hover { background: none }
	
* {outline:none;} /* no outline on linked images when clicked in Firefox */


/* =Breadcrumbs
------------------------------------------------ */
.breadcrumb
{
    float:left;font-family:Arial, Helvetica, sans-serif; font-size:10px;padding:0 5px 5px 0;display:block;
}

.breadcrumb a:link { text-decoration:none;color:#003366; }
.breadcrumb a:visited { text-decoration:none;color:#003366; }
.breadcrumb a:hover { text-decoration:none; color:#003366;}


/* =Catalog
------------------------------------------------- */
.catalogLink:link { text-decoration:none;color:#003366; }
.catalogLink:visited { text-decoration:none;color:#003366; }
.catalogLink:hover { text-decoration:none;color:#FFCD4B; }