/* CSS Document */
/*********************************

	 Global Spicebox CSS Guide

	 Project: SBX

	 Version: 1.0	 

 *********************************/

	*{ margin:0; padding:0; outline:none;}
	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {
	
		font-family: Tahoma;
	
		line-height:normal;
	
		font-size: 11px;
	
		color: #000; 
	}

	body { border: 0; padding: 0; margin: 0; background-color:#FFF; text-align:center;height:100%; }

	img { border: 0; padding: 0; margin: 0; }
	
	form { border: 0; padding: 0; margin: 0; }

	A:link, A:visited { color:#2F4C78;}

	A:Hover {color:#000; background:#EEF4FB;}

	P { line-height:18px;}

	.hide{display:none;}

	.hidden	{
		position:absolute;
		left:-9999px;
		font-size:small;
	}
		
	/* Structural */
	
	/* Site BG */
	.bg_home, .bg_notfound, .bg_error{ background:url(../_img/background/site_bg_home.gif) repeat-x;}
	.bg_about{ background:url(../_img/background/site_bg_about.gif) repeat-x;}
	.bg_products{ background:url(../_img/background/site_bg_products.gif) repeat-x;}
	.bg_where{ background:url(../_img/background/site_bg_where.gif) repeat-x;}
	.bg_faq{ background:url(../_img/background/site_bg_faq.gif) repeat-x;}
	.bg_charity{ background:url(../_img/background/site_bg_charity.gif) repeat-x;}
	.bg_careers{ background:url(../_img/background/site_bg_careers.gif) repeat-x;}
	.bg_contact{ background:url(../_img/background/site_bg_contact.gif) repeat-x;}
	
	.color_home, .color_notfound, .color_error{ background:#4386D7;}
	.color_about{ background:#E9630C;}
	.color_products{ background:#1E3267;}
	.color_where{ background:#4D921E;}
	.color_faq{ background:#1490A2;}
	.color_charity{ background:#A7CBEB ;}
	.color_careers{ background:#7A4FC3;}
	.color_contact{ background:#4D921E;}
	
	#wrapper{ display:block; width:975px;  margin:0 auto;position:relative; background-position:237px 0px;}
	#cover{display:block; width:1px; height:300px; background:url(../_img/special_BG.gif) repeat-x; position:absolute; left:974px;  top:0px; z-index:40; font-size:1px;}
	#HeaderContainer{ width:975px; height:136px; top:0; left:0; z-index:50; background:url(../_img/header_bg.gif) no-repeat; background-position:0px 8px;}
	
	
	#BodyContainer{
	width:975px;
	text-align:left; /* border: 1px solid red */
	background-image: url(../_img/bkgd_main.gif);
	background-repeat: repeat-y;
	background-position: right;
}
	
	
	#FooterContainer{ width:975px; height:71px;}
	
	.Swatch{ width:236px; line-height:8px; height:8px;position:absolute; top:0px; left:0px;}
	
	
	/** Site Header **/
	#HeaderContainer h1{ width:182px; height:100px; background:url(../_img/site_logo.gif) no-repeat; position:absolute; top:20px; left:23px; }
	#HeaderContainer h2{ width:419px; height:43px; background:url(../_img/site_header.gif) no-repeat; position:absolute; top:33px; right:0px;}
	
	/*** Site  Nav ***/
	#navbar
		{
			width:738px;
			height:35px;
			background:url(../_img/site_nav.gif);
			background-position:bottom;
			display:block;
			position:absolute;
			top:97px;
			right:0px;
			z-index:55;
		}

	/* Begin Main navigation */
	ul#nav {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	ul#nav li {
		float: left;
		position: relative;
		overflow: visible;
	}
		
	li.mnu a {
		display: block;
		height: 35px;
		border: 0;
		background:url(../_img/mainnav.gif) transparent no-repeat;
		color: #303435;
	}
	
	li.mnu a:link {
		color: #303435;
	}
	
	li.mnu a:visited {
		color: #303435;
	}
	
	li.mnu a:hover {
		color: #cc0000;
		background:url(../_img/mainnav.gif) transparent no-repeat; /* Fixes bug in IE5.5 and IE6 */
	}
	
	li.mnu a:active	{
		color: #cc0000;
	}
	
	/* inner list */
	li.mnu ul	{ display: none; position: absolute;
	
					border: solid 1px #fff; margin: 0; padding: 2px 6px 7px 6px; width: 130px; height: auto; top: 33px; left: 1px;
		
					background-color: #eaf3fa; list-style: none; } /* second-level lists */
	
		li.mnu>ul	{ top: 35px; left: 0px; } /* 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: 3px 0 4px 0; width: 100%;}
	
		li.mnu ul li a { background-image: none; background-color: transparent; 
	
						display: block; float: none; padding: 2px 4px 1px 4px; margin: 0; height: auto;
	
						text-decoration: none; text-align: left; font-size:12px;font-family: Tahoma; color:#243d65; }
	
			li.mnu ul li a:link		{  }
	
			li.mnu ul li a:visited	{  }
	
			li.mnu ul li a:hover	{ background: #567fbd; color: #fff;}
	
			li.mnu ul li a:active	{  }

			li:hover ul, li.over ul { display: block; }
	
	
	li#li1 {
		width:55px;
	}
	
	li#li2 {
		width:113px;
	}
	
	li#li3 {
		width:122px;
	}
	
	li#li4 {
		width:100px;
	}
	
	li#li5 {
		width:38px;
	}
	
	li#li6 {
		width:152px;
	}
	
	li#li7 {
		width:69px;
	}
	
	li#li8 {
		width:89px;
	}
	
	/* Begin Normal state */
	li#li1 a:link, li#li1 a:visited	{
		background-position: -0px 0px;
	}
	
	li#li2 a:link, li#li2 a:visited	{
		background-position: -55px 0px;
	}
	
	li#li3 a:link, li#li3 a:visited	{
		background-position: -168px 0px;
	}
	
	li#li4 a:link, li#li4 a:visited	{
		background-position: -290px 0px;
	}
	
	li#li5 a:link, li#li5 a:visited	{
		background-position: -390px 0px;
	}
	
	li#li6 a:link, li#li6 a:visited	{
		background-position: -428px 0px;
	}
	
	li#li7 a:link, li#li7 a:visited	{
		background-position: -580px 0px;
	}
	
	li#li8 a:link, li#li8 a:visited	{
		background-position: -649px 0px;
	}
	/* End Normal state */
	
	/* Begin Hover state */
	li#li1 a:hover, li#li1 a:active {
		background-position: -0px -35px;
	}
	
	li#li2 a:hover, li#li2 a:active {
		background-position: -55px -35px;
	}
	
	li#li3 a:hover, li#li3 a:active	{
		background-position: -168px -35px;
	}
	
	li#li4 a:hover, li#li4 a:active	{
		background-position: -290px -35px;
	}
	
	li#li5 a:hover, li#li5 a:active	{
		background-position: -390px -35px;
	}
	
	li#li6 a:hover, li#li6 a:active	{
		background-position: -428px -35px;
	}
	
	li#li7 a:hover, li#li7 a:active	{
		background-position: -580px -35px;
	}
	
	li#li8 a:hover, li#li8 a:active	{
		background-position: -649px -35px;
	}
	/* End Hover state */
	
	/* Begin Set state */
	li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited	{
		background-position: -0px -70px;
	}
	
	li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited	{
		background-position: -55px -70px;
	}
	
	li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited	{
		background-position: -168px -70px;
	}
	
	li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited	{
		background-position: -290px -70px;
	}
	
	li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited	{
		background-position: -390px -70px;
	}
	
	li#li6 a.mnu-set:link, li#li6 a.mnu-set:visited	{
		background-position: -428px -70px;
	}
	
	li#li7 a.mnu-set:link, li#li7 a.mnu-set:visited	{
		background-position: -580px -70px;
	}
	
	li#li8 a.mnu-set:link, li#li8 a.mnu-set:visited	{
		background-position: -649px -70px;
	}
	/* End Set state */
		
	/* End Main navigation */


	/* Begin sidebar navigation */
	ul#sidenav {
		padding:0;
		padding-bottom:69px;
		margin:0;
		list-style:none;   
	}

	li.sidemnu {
		border-bottom:solid 1px #4B6389;
		margin:0 12px 0 13px;		
	}

	li.sidemnu a {
		display:block;
		padding:4px 6px 4px 17px;    
		margin:3px 0 3px 0;
		font-family:Arial;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:1px;
	}

	li.sidemnu a:link, li.sidemnu a:visited	{
		color:#BCCAE7;
		background:url(../_img/sidenav-bullet.gif) no-repeat;  
		background-position:4px 0px;
	}

	li.sidemnu a:hover {
		color:#000;
		background:#3478CB url(../_img/sidenav-bullet-hover.gif) no-repeat;   
		background-position:4px 0px;        
	}
		
	li.sidemnu a.mnu-set	{
		color:#000;
		background:#4386D8 url(../_img/sidenav-bullet-hover.gif) no-repeat;
		background-position:4px 0px;        
	}

	li.sidemnu a.mnu-set:link, li.sidemnu a.mnu-set:visited	{
		color:#000;
		background:#4386D8 url(../_img/sidenav-bullet-hover.gif) no-repeat;
		background-position:4px 0px;        
	}

	/* End sidebar navigation */
	.side_spacer {
		clear:both; 
		background-color:#fff; 
		height:3px;	
		line-height:1px; 
	}

	/** Site Body **/
	.Column{ float:left; margin-top:0px;}
	#LeftColumn{ width:237px;  height:100%;  }
	.LeftColumnSubBox{ margin-top:-3px; }

	#RightColumn{ width:738px; margin-bottom:27px;}
	
	/*** Left Column ***/	
	#SubNav{ width:237px;}
	#ListNav{ width:236px; margin-left:1px; margin-top:0px; }
	
	/**** Sub Nav ****/
	.ColSpacer{ width:1px; height:233px; float:left; font-size:1px;}
	.BoxWrapper{ width:236px;float:left;}
	.CatalogHeader{ height:58px; background:url(../_img/subnav_header.gif) no-repeat; }
	.CatalogHeader span{ display:none; margin:0px; padding:0px;}
	.CatalogDescription{ height:70px; background:url(../_img/subnav_des.gif); margin:0px; padding:0px;}
	.CatalogDescription p{ color:#becee5; width:200px; margin-top:0px; margin-left:20px; line-height:15px;}
	.CatalogNav{ background:url(../_img/subnav_body.gif) bottom no-repeat; background-color:#2f4c78; }
	
	/**** News Box ****/
	#NewsBoxWrapper{background:url(../_img/news_body_bg.gif) repeat-y ; }
	.NewsHeader{ width:236px; height:41px; line-height:1px; background:url(../_img/news_header.gif) no-repeat; margin-bottom:12px;}

	/* Begin News List */
	.NewsList {
		list-style-type:none;
		margin:0 12px 60px 13px;
	}
	
	.NewsList li {
		border-bottom:solid 1px #CBD5DF;
		margin-bottom:12px;
		padding-bottom:9px;
	}
	.NewsList li div{ 
		width:201px; 
		padding-left:5px; 
		display:block;
	}
	.NewsList li div span{
		font-family:Arial;
		font-size:10px;
		color:#2f4c78;
		padding-bottom:5px;
		text-transform:uppercase;
		display:block;
	}		
	.NewsList li div a{
		font-family:Tahoma;
		font-weight:bold;
		font-size:11px;		
		text-decoration:none;
		color:#2f4c78;
		border-bottom:solid 1px #cbd5e1;
		line-height:16px;		
	}
	.NewsList li div a:hover {
		background-color:transparent;
		border-bottom:solid 1px #000;
		color:#000;		
	}
	
	/* End News List */

	
	/*** Right Column ***/
	.PageBanner{width:738px; height:230px; }
	.banner_home, .banner_notfound, .banner_error{background:url(../_img/banners/home.jpg) no-repeat}
	.banner_about{background:url(../_img/banners/about.jpg) no-repeat}
	.banner_products{background:url(../_img/banners/products.jpg) no-repeat}
	.banner_where{background:url(../_img/banners/whereToBuy.jpg) no-repeat}
	.banner_faq{background:url(../_img/banners/faq.jpg) no-repeat}
	.banner_charity{background:url(../_img/banners/charity.jpg) no-repeat}
	.banner_careers{background:url(../_img/banners/career.jpg) no-repeat}
	.banner_contact{background:url(../_img/banners/contact.jpg) no-repeat}
	.PageContentTopCover{width:738px; height:3px; background:#FFF; line-height:3px;font-size:1px;}
	#PageContent{
	width:738px;
	height:auto;
	margin-top:0px;
	background-image: url(../_img/bkgd_content.gif);
	background-repeat: no-repeat;
	background-position: top;

	
}
	.PageTitle{ width:700px; height:20px; position:relative; top:23px; left:17px; display:block; margin:0; padding:0;}
	.title_home{background:url(../_img/PageTitle/home.jpg) no-repeat;}
	.title_about{background:url(../_img/PageTitle/about.jpg) no-repeat}
	.title_products{background:url(../_img/PageTitle/products.jpg) no-repeat;}
	.title_where{background:url(../_img/PageTitle/whereToBuy.jpg) no-repeat}
	.title_faq{background:url(../_img/PageTitle/faq.jpg) no-repeat}
	.title_charity{background:url(../_img/PageTitle/charity.jpg) no-repeat}
	.title_careers{background:url(../_img/PageTitle/career.jpg) no-repeat}
	.title_contact{background:url(../_img/PageTitle/contact.jpg) no-repeat}
	.title_notfound{background:url(../_img/PageTitle/pageNotFound.jpg) no-repeat;}
	.title_error{background:url(../_img/PageTitle/systemError.jpg) no-repeat;}
	.title_netgenetix{background:url(../_img/PageTitle/netgenetix.jpg) no-repeat;}
	
	.content {
		margin:22px 0 0 21px;position:relative; top:15px; left:0px;
		width:695px;
		display:block;
	}
	
	.content p {
		font-family:Tahoma;
		font-size:11px;
		line-height:18px;
		/*color:#2f4c78;		*/
		color:#000;
		margin-bottom:18px;
	}
	
	.content a:link, .content a:visited {
		color:#2f4c78;
		text-decoration:none;
		border-bottom:solid 1px #2f4c78;
	}
	
	.content a:hover {
		color:#000;
		background-color:#eef4fb;
		text-decoration:none;
		border-bottom:solid 1px #000;
	}
	
	.content h4, .content h2 {
		font-family:Georgia;
		font-style:italic;
		font-size:18px;
		font-weight:normal;
		/*margin:0 0 20px 0;*/
		margin:0;
		color:#0d1f3a;
	}
		
	.content h5 {
		font-family:Tahoma;
		font-weight:bold;
		font-size:14px;
		/*margin:20px 0 18px 0;*/
		margin:10px 0 18px 0;
		color:#000;
	}
	
	.content h6 {
		color:#2F4C78;
		display:block;
		margin:18px 0 10px 0;
		font-family:Arial;
		font-size:10px;
		text-transform:uppercase;
		letter-spacing:1px;		
	}
	
	.content .subpage_title 
	{
	    margin:30px 0 12px 0;
	}
	
	/*.content_list {*/
	.content ul {
		margin-top:0px;
		margin-left:32px;
	}

	/*.content_list li {*/
	.content ul li {
		font-family:Tahoma;
		font-size:11px;
		list-style-image:url(../_img/content-bullet.gif);
		list-style-position:outside;
		list-style-type:disc;
		line-height:18px;
		color:#324D7A;
	}
	
	/*.content_list li ul {*/
	.content ul li ul {
		margin-top:4px;
		margin-left:40px;
	}

    .content ul li ul li 
    {
        color:#000;
    }
		
	.content_repeater {
		list-style:none;
		margin:0 0 0 2px;			
	}
	
	.content_repeater li {
		list-style:none;
		list-style-image:none;
		border-bottom:solid 1px #C5D9F1;
		margin-bottom:10px;
		padding-bottom:20px;
	}
		
	.content .expandable:link, .content .collapsedable:link, .content .expandable:visited, .content .collapsedable:visited 
	{
		margin:0 0 0 15px;
		padding:0 0 0 15px;		
		text-transform:uppercase;
		background:url(../_img/content-bullet.gif) no-repeat scroll 0%;
		font-size:10px;
		letter-spacing:1.5px;
		text-decoration:underline;
		border-bottom:none;
	} 

	.content .expandable:hover, .content .collapsedable:hover
	{
		color:#000;
		background-color:#eef4fb;
	}
					
	.product_widget {
		display:block;
		background:url(../_img/home_product_bg.gif);
		width:694px;
		height:297px;
		margin:50px 0 37px 25px;
	}
	
	.product_widget ul {
		display:inline;
		list-style:none;
	}
	
	.product_widget ul li {
		float: left;
		position: relative;
		display:inline;		/* fixes margins in IE */
		height:238px;
	}
	
	.square1 {
		width:214px;
		margin:38px 0 0 20px;
	}
	
	.square2 {
		width:225px;
		margin-top:31px;
	}
	
	.square3 {
		width:211px;
		margin-top:24px;
	}
	
	.product_widget ul li h4 
	{
	    display:block; 
	    position:absolute; 
	    font-size:12px;
	    font-family:Tahoma;
	    font-weight:bold;
	    color:#375a8e;
	    text-transform:uppercase;
   		text-align:center;
		left:7px;
	}
	
	.square1 h4 {
		width:204px;	
		top:22px;
	}
	
	.square2 h4 {
		width:215px;
		top:30px;		
	}
	
	.square3 h4 {
		width:201px;
		top:36px;
	}

	.square1 div {
        position:absolute;
        width:214px;
        top:55px;	
    }

	.square2 div 
	{
	    position:absolute;
		width:225px;		
		top:60px;
	}

	.square3 div {
		position:absolute;
        width:211px;
		top:65px;
	}
	
	.product_widget ul li h5 a {
		font-family:Arial;
		font-size:10px;
		font-weight:normal;
		letter-spacing:1px;
		line-height:15px;
		text-transform:uppercase;
		text-decoration:none;
		background:url(../_img/content-bullet.gif) no-repeat;
		padding-left:10px;
		background-position:left center;	
	}

	.product_widget ul li h5 a:link, .product_widget ul li h5 a:visited {	
		color:#2D4E7B;
		border-bottom:solid 1px #2D4E7B;		
	}

	.product_widget ul li h5 a:hover {
		color:#000;		
		border-bottom:solid 1px #000;	
		background:url(../_img/content-bullet.gif) no-repeat;	
		background-position:left center;				
		background-color:#EEF4FB;	
	}
	
	.product_widget ul li.square1 h5 a {
		position:absolute;
		top:195px;
		left:50px;
	}
		
	.product_widget ul li.square2 h5 a {
		position:absolute;
		top:200px;
		left:63px;
	}

	.product_widget ul li.square3 h5 a {
		position:absolute;
		top:207px;
		left:60px;
	}
		
    /** Where to Buy table **/
    .content table tr td h5 
    {
        margin: 20px 0pt 18px; font-family: Tahoma; font-weight: bold; font-size: 14px;
        color:#2f4c78;
    }

	/** Product repeater **/
	#ProductRepeater {
		margin-bottom:10px;
		margin-left:0px;
		
	}
	
	#ProductRepeater img{
		padding: 0 10px 25px 10px;
	}
	
	#ProductRepeater li {
		list-style:none;
		display:inline;
	}
	#ProductRepeater li .product_text ul , #ProductRepeater li .text_list_content ul
	{
	    margin:0 0 10px 20px;
	}
	#ProductRepeater li .product_text ul li ul,#ProductRepeaterli .text_list_content ul li
	{
	     margin:0 0 0px 20px;
	}
	#ProductRepeater li .product_text ul li ,#ProductRepeaterli .text_list_content  ul li
	{
	    list-style-image:url(../_img/content-bullet.gif);
	    display:list-item;
	}
	
	#ProductRepeater p 
	{
	    color:#324D7A;
	}
	
	.product_image {
		float:left;
		width:182px;		
		text-align:center;		
	}
		
	.product_text {
		float:left;
		width:511px;
	}
		
	.product_text h5 {
		margin:0 0 5px 0;
	}					
			
	.product_spacer {
		clear:both;
		background-color:#C5D9F1;
		display:block;
		height:1px;
		line-height:1px;
		margin-bottom:20px;
	}

	.text_list_content {
		margin:0 0 20px 2px;
	}

	.text_list_spacer {
		margin-bottom:18px; 
		line-height:1px;
	}
		
	/** Contact Form **/
	.address_col {
		width:173px;
		padding-bottom:3px;
	}
	
	.phone_fax_email_col {
		width:45px;
	}
	
	.contact_form {
		margin:0;
		padding:0;		
	}	
	
	.contact_form td 
	{
	    vertical-align:top;
	}
	
	.left_col {
		width:228px;
		height:16px;
		background-color:#E3EDF7;
		padding-left:4px;
		padding-top:2px;
	}
	
	.contact_textbox {
		width:329px;
		height:16px;
		border:solid 1px #D8D8D8;
	}
	
	.contact_textarea {
		width:329px;
		height:90px;
		border:solid 1px #D8D8D8;
	}
	
	.contact_checkbox_cell {
		width:109px;
		height:16px;
	}
	
	.required_field {
		float:left;
		font-family:Arial;
		font-size:10px;
		color:#2A558A;
		margin-top:5px;
	}
	
	.submit_button {
		float:right;
		margin-top:3px;
	}
	
	.checkbox_form {
		margin-top:5px;
		margin-left:5px;
	}
	
	/** Site Footer **/
	#FooterContainer{ clear:both; width:974px; height:84px; margin-left:1px; background:url(../_img/footer_bg.gif) no-repeat; position:relative; }
	.NewsFooter{ position:absolute;top:-53px; left:0px; width:236px; height:53px; background:url(../_img/news_footer.gif) no-repeat;}
	#FooterContainer div { font-family:Arial; font-size:10px; }
	.copyright{  color:#C7C7C7; position:absolute; top:20px; left:23px;}
	.credit{ position:absolute; top:56px; left:48px;}
	.credit, .credit a:link, .credit a:visited {color:#C7C7C7; text-decoration:none; }
	.credit a:hover{ color:#999; text-decoration:underline; background:none;}
	#FooterNav{ list-style:none; font-family:Arial; font-size:10px; position:absolute; top:20px; left:243px;}
	#FooterNav li { float:left; padding-left:24px;}
	#FooterNav li a:link, #FooterNav li a:visited{ color:#B6B6B6; text-decoration:none; }
	#FooterNav li a:hover{ color:#999; text-decoration:underline; background:none; }
	
	
	
	.test {border: 1px solid red }
	
    /** Site credit table **/
    .creditTable
    {
        border:0;
    }		

    .creditTable td
    {
        vertical-align:middle;
    }
    
    .creditTable td a , .creditTable td a:link , .creditTable td a:hover ,
    .creditTable td a:visited 
    {
        border:0;
        background:none;
    }