﻿/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#4f5048;
    background: #FFFFFF url(../images/bg.gif) repeat-x top left;
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}

/**********************************************************************************
=Useful Classes
**********************************************************************************/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix 	{ height:1%; }
	
	/* WinIE6 and below */
	/*¥*/
	* html .clearfix { height:1%;}

	/**/
	/* MacIE only */
	/*¥*//*/
	.clearfix { display:inline-table; }
	/**/

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.b , strong, b { font-weight:bold; }
.i , em, i { font-style:italic; }

.nobrk  { white-space : nowrap; }
.upper {text-transform:uppercase;}

/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-family: Trebuchet MS, Arial, Times New Roman;
	font-size:2.7em;
	font-weight:normal;	
}

h2
{
	font-size:1.6em;
	font-weight:bold;
}
  
h3
{
	font-size:1.4em;
	font-weight:bold;
}

h4
{
	font-size:1.2em;
	font-weight:bold;
}

h5{font-weight:bold;}

p
{
	padding:0 0 1em 0;
	font-size:1em;
}

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/
.title
{
    color:#799F5A;
    text-transform:uppercase;
}

/**********************************************************************************
=Links
**********************************************************************************/

a {color:#59835B;
	text-decoration: underline;}
a:hover {text-decoration: none;}

a.flip{color:#59835B;
	text-decoration: underline;}
	
	a.flip:hover{text-decoration: none;}
	
	

/**********************************************************************************
=Forms 
**********************************************************************************/

form
{
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
		vertical-align:middle;
	}
	
/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/info.gif) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}
	
/**********************************************************************************
=Homepage
**********************************************************************************/
.home_block, #subnav
{
    background: url(../images/bg_homeblock_btm.gif) no-repeat bottom left;
    float:left;
    height:331px;
    margin:0 6px;
    overflow:hidden;
    width:226px;
    text-align:center;
}
    .home_block h3, #subnav h3
    {
        color:#FFFFFF;
        display:block;
        height:26px;
        padding:135px 60px 0 20px;
        font-size:1.6em;
        font-weight:normal;
        text-align:left;
    }
    
    .home_block h3 a{color:#FFFFFF; text-decoration:none;}
    
    .home_block p
    {
        color:#4F5048;
        height:106px;
        line-height:1.2em;
        padding:10px 20px 7px;
        text-align:left;
    }
    
#intro p
{  
    color:#528628;
    float:left;
    font-size:1.29em;
    line-height:1.2em;
    padding:20px 20px 7px;
    text-align:left;
    width:240px;
}

#testimonial
{
    float:left;
    padding:20px 0 0 0;
    width:390px;
}
    #testimonial h3
    {
        color:#799F5A;
        font-size:2.5em;
        font-weight:normal;
        line-height:60px;
        padding:0 0 0 60px;
        background: url(../images/bg_testimonial.gif) no-repeat top left;
    }
    
    #testimonial h3 a{text-decoration:none; color:#799F5A;}
    #testimonial h3 a:hover{text-decoration:underline;}
    
    #testimonial p
    {
        color:#585E53;
        font-size:1.2em;    
        line-height:1.2em;
    }
    #testimonial span.title
    {
        float:right;
    }
    #testimonial a.more
    {
        float:left;
        color:#585e53;
        text-transform:uppercase;
        text-decoration: underline;
        display:block;
        margin-top:15px;
    }
    #testimonial a:hover.more{text-decoration: none;}

/**********************************************************************************
=Layout
**********************************************************************************/
#wrapper_left, #wrapper_left2, #wrapper_right, #wrapper_right2
{
    margin-left:auto;
	margin-right:auto;
	float:left;
}
    #wrapper_left{background:url(../images/bg_left.gif) repeat-y top left;width:1004px;float:none;}
    #wrapper_left2{background:url(../images/bg_left_top.gif) no-repeat top left;width:993px;padding:0 0 0 11px;}
    
    #wrapper_right{background:url(../images/bg_right.gif) repeat-y top right;width:993px;}
    #wrapper_right2{background:url(../images/bg_right_top.gif) no-repeat top right;width:982px;padding:0 11px 0 0;}

#container
{
	text-align:left;
	width:976px;
	border-left:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
}
	
#header
{
    background: #FFFFFF url(../images/bg_header.gif) repeat-x top left;
    height:105px;
}
    #header_2
    {
        background: url(../images/logo.gif) no-repeat top left;
        height:105px;
    }

.strap
{
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:1.3em;
    font-weight:bold;
    padding:40px 0 0 140px;
    text-transform:uppercase;
}

#top_nav
{
    background: url(../images/bg_tabs.gif) no-repeat top left;
    float:right;
    list-style-type:none;
    height:42px;
    margin:33px 0 0 0;
    padding:0;
    width:424px;
}
    #top_nav li{float:left;}
    #top_nav a
    {
        display:block;
        color:#FFFFFF;
        font-size:1.1em;
        font-weight:bold;
        padding:20px 0 0 0;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
    }
    
    #top_nav a:hover
    {
		color:#C7FF41;}
    
        #top_nav li#nav_manufacturing
        {
            padding:5px 0 5px 5px;
            width:114px;
        }
        #top_nav li#nav_microelectronics
        {
            padding:5px 0 5px 0;
            width:129px;
        }
        #top_nav li#nav_design
        {
            padding:5px 0 5px 0;
            width:61px;
        }
        #top_nav li#nav_test
        {
            padding:5px 5px 5px 0;
            width:110px;
        }
        
    #top_nav li.selected a{color:#C7FF41;}
        
    #nav_manufacturing.selected
    {
        background: url(../images/nav_manufacturing.gif) no-repeat 4px 2px;
    }
    #nav_microelectronics.selected
    {
        background: url(../images/nav_microelectronics.gif) no-repeat 0 2px;
    }
    #nav_design.selected
    {
        background: url(../images/nav_design.gif) no-repeat 0 2px;
    }
	#nav_test.selected
    {
        background: url(../images/nav_test.gif) no-repeat 0 2px;
    }
    
#nav
{
   float:right;
   list-style-type:none; 
   margin:1px 0 0 0;
   padding:0;
}
    #nav li
    {
        float:left;
        padding:0 10px 0 2px;
   }   
    
    #nav li.selected a
    {
        display:block;
        color:#C7FF41;
        font-size:1.1em;
        font-weight:bold;
        padding:5px 0 0 0;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
    }
    
    #nav a
    {
        display:block;
        color:#FFFFFF;
        font-size:1.1em;
        font-weight:bold;
        padding:5px 0 0 0;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
    }
    #nav a:hover{color:#C7FF41;}
            
#content
{
    background: #FFFFFF;
    height:auto!important;
    height:300px;
    min-height:300px;
    padding:20px 0 0 0;
}

	#subnav
	{
	    height:auto;
		margin-left: 18px;
		padding:0 0 30px 0;
		text-align:left;		
	}
		#subnav div{background: url(../images/bg_subnavlist.gif) repeat-y;}
								
		#subnav ul
		{
			padding: 0 5px 0 17px;
			margin: 0;
			list-style-type: none;						
	    }
		
		    #subnav ul li
		    {
			    font-family: Trebuchet MS, Arial, Times New Roman;
			    font-weight: bold;
			    font-size: 1em;
			    text-transform: uppercase;
			    padding: 5px 0 5px 0;
			 }
    			
			    #subnav ul li a
			    {
				    color: #4F5048;
				    text-decoration: none;
				    line-height: 1em;
				}
    				
				    #subnav ul li a:hover
				    {
					    color: #13190D;
					    text-decoration: none;
					}

	#content_inner
	{
		float:right; 
		width:665px; 
		margin-right:10px;
		font-size:1.1em;
		line-height:normal;
    }
        #content_inner h1
	    {
	        color:#7F9F59;
	        background:url(../images/ico_axis.gif) no-repeat left;
		    line-height: normal;
		    height:auto!important;
		    height:55px;
		    min-height:55px;
		    line-height:60px;
		    padding:0 0 0 60px;
		    font-size:2.5em;
		    margin:0 0 10px 0;
		}
		
		#content_inner p.intro
	    {
	        color:#7F9F59;
		    font-size:1.1em;
		}
		
		    
		.main_image
		{
		    float:right;
		    margin:0 0 10px 10px;
		}		
    
        #images
        {
            width:100%;
            text-align:center;
            margin-top: 20px;
        }
            #images img{margin-right:8px;}
		
#copyright
{
    clear:both;
    color:#95968B;
    font-size:1.1em;
    text-transform:uppercase;
    padding:10px 20px;
}

#footer
{
    margin-left:auto;
	margin-right:auto;
    background: url(../images/bg_footer.gif) no-repeat top left;
    height:140px;
    width:934px;
    padding:15px 35px 0;
}
    #footer ul
    {
        padding:0;
        margin:0;
        float:left;
        font-size:1em;
        font-weight:bold;
        line-height:1.3em;
        list-style-type:none;
        text-align:left;
        text-transform:uppercase;
        width:233px;
    }
    
    #footer a
    {
        color:#4F5048;
        text-decoration:none;
    }
    #footer a#n2
    {
        clear:both;
        color:#93948C;
        margin:15px 0 0 0;
        text-transform:uppercase;
    }
   
/**********************************************************************************
=Manufacturing
**********************************************************************************/
#manufacturing{margin-left:15px;}

#manufacturing h3, #subnav div.manufacturing h3
{
    background: url(../images/home_manufacturing.jpg) no-repeat top left;
    height:42px;
    padding-top:120px;
}
    #subnav div.manufacturing h3
    {
        background: url(../images/subnav_manufacturing.jpg) no-repeat top left;
    }
    
.manufacturing h1, .manufacturing p.intro
{
    color: #7CA65C!important;
}
    .manufacturing h1
    {
        background:url(../images/ico_manufacturing.gif) no-repeat left!important;
    }
    
#subnav div.manufacturing ul li.selected a{color: #7CA65C;}

/**********************************************************************************
=Microelectronics
**********************************************************************************/
#microelectronics h3
{
    background: url(../images/home_microelectronics.jpg) no-repeat top left;
}
#subnav div.microelectronics h3
{
    background: url(../images/subnav_microelectronics.jpg) no-repeat top left;
}

.microelectronics h1, .microelectronics p.intro
{
    color: #CB8F00!important;
    
}
    .microelectronics h1
    {
        background:url(../images/ico_microelectronics.gif) no-repeat left!important;        
    }   
    
#subnav div.microelectronics ul li.selected a{color: #CB8F00;}	

/**********************************************************************************
=Design
**********************************************************************************/
#design h3
{
    background: url(../images/home_design.jpg) no-repeat top left;
}
#subnav div.design h3
{
    background: url(../images/subnav_design.jpg) no-repeat top left;
}
	.design h1, .design p.intro
    {
	    color: #59835B!important;
	}
	    .design h1
        {
	        background:url(../images/ico_design.gif) no-repeat left!important;
	    }
    
#subnav div.design ul li.selected a{color: #59835B;}
	    
/**********************************************************************************
=TestSolutions
**********************************************************************************/
#test_solutions h3
{
    background: url(../images/home_test.jpg) no-repeat top left;
}
#subnav div.solutions h3
{
    background: url(../images/subnav_test.jpg) no-repeat top left;
}
    .solutions h1, .solutions p.intro
    {
	    color: #388983!important;
	}
	    .solutions h1
        {
	        background:url(../images/ico_solutions.gif) no-repeat left!important;
	    }	     
     
#subnav div.solutions ul li.selected a{color: #388983;}

/**********************************************************************************
=News
**********************************************************************************/
#subnav div.news h3
{
    background: url(../images/subnav_news.jpg) no-repeat top left;
}

.news h1
{
    color: #799f5a!important;
    background:url(../images/ico_news.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.news ul li.selected a{color: #799f5a;}  

.list img
{
    float:left;
    margin:0px 10px 0 0;
}
.list div
{
    float:left;
    margin:0 10px 0 0;
    width:550px;
}

    .list .date
    {
        color:#c1c2b8;
        display:block;
        font-size:2em;
        line-height:0.7em;
        margin:0!important;
        padding:0!important;
        text-transform:uppercase;
    }
        .list .date span
        {
            color:#95968b;
            display:block;
            font-size:0.6em;
            font-weight:bold;
            text-transform:uppercase;
        }
        
    .list h4
    {
        margin:0;
        padding:0;
        font-size:1.5em;
    }
    
        .list h4 a
        {
            color:#528628;
            font-weight:normal;
            text-transform:none;
            text-decoration:none;
        }
        
    .list p
    {
        float:left;
        width:480px;
        margin-right:10px;
    }
    
    .list .button
    {
        float:left;
    }

/**********************************************************************************
=Testimonials
**********************************************************************************/
#subnav div.testimonials h3
{
    background: url(../images/subnav_about.jpg) no-repeat top left;
}

.testimonials h1
{
    color: #799f5a!important;
    background:url(../images/ico_news.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.testimonials ul li.selected a{color: #799f5a;}  

.testimonials .list div
{
    float:left;
    margin:5px 10px 10px 0;
    line-height: 0.82em;    
}
    
    .testimonials .list .container1
    {
		padding: 0 0 0 55px;
		background:url(../images/ico_testimonials1.gif) no-repeat top left!important;
		border: none;
		}
		
	.testimonials .list .container2
    {
		min-height:65px;
		margin-top: 20px;
		padding: 0 0 0 55px;
		background:url(../images/ico_testimonials2.gif) no-repeat top left!important;
		border: none;
		}
		
	.testimonials .list p
    {
        font-weight: bold;
        font-style: italic;
        font-size: 1.09em;
        float:right;
        line-height: normal;
    }
    
    .testimonials .list .author
    {
		float:right;
		font-weight: bold;
		text-transform: uppercase;
		color:#528628;
		clear: both;
		padding: 0 30px 0 0;
		display: block;
		width: 300px;
		text-align: right;}
    
/**********************************************************************************
=Markets
**********************************************************************************/
#subnav div.markets h3
{
    background: url(../images/subnav_markets.jpg) no-repeat top left;
}

.markets h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;    
}	     
     
#subnav div.markets ul li.selected a{color: #799f5a;}  

/**********************************************************************************
=Quality Assurance
**********************************************************************************/
#subnav div.quality h3
{
    background: url(../images/subnav_quality.jpg) no-repeat top left;
}

.quality h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.quality ul li.selected a{color: #799f5a;} 
    

/**********************************************************************************
=Supply Chain
**********************************************************************************/
#subnav div.supply h3
{
    background: url(../images/subnav_supply.jpg) no-repeat top left;
}

.supply h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.supply ul li.selected a{color: #799f5a;} 

/**********************************************************************************
=Product Tracking
**********************************************************************************/
#subnav div.tracking h3
{
    background: url(../images/subnav_tracking.jpg) no-repeat top left;
}

.tracking h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.tracking ul li.selected a{color: #799f5a;} 

.tracking label 
{
	color:#7f9f59;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	width: 80px}
	
.tracking h2
{
	color:#7f9f59;
	padding-bottom:10px;}
	
	
.list div
{
    float:left;
    margin:0 10px 0 0;
    padding: 0 0 20px 0;
    width:550px;
    border-bottom: 1px dotted #CFCFCF;
}

    .list .date
    {
        color:#c1c2b8;
        display:block;
        font-size:1.65em;
        line-height:0.7em;
        margin:0 0 5px 0;
        text-transform:uppercase;
        width: 150px;
        float:left;
        clear:both;
    }

        
    .list h4
    {
        margin:5px 0;
        font-size:1.5em;
        display: block;
        width: 430px;
        float:left;
        line-height: normal;
    }
    
        .list h4 a
        {
            color:#528628;
            font-weight:normal;
            text-transform:none;
            text-decoration:none;
        }
        
    .list p
    {
        float:left;
        font-style: normal;
        width:480px;
        margin-right:10px;
    }
    
    .list .button
    {
        float:right;
    }	
		


/**********************************************************************************
=Recruitment
**********************************************************************************/
.recruitment .list p
{
    width:580px;
    clear:both;
}

.recruitment .list
{
	padding-bottom: 10px;
	border-bottom: 1px dotted #CFCFCF;}

.recruitment label 
{
	color:#7f9f59;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	width: 120px}

#subnav div.recruitment h3
{
    background: url(../images/subnav_recruitment.jpg) no-repeat top left;
}

.recruitment h4
{
	margin-top: 10px;
	color:#528628;}

.recruitment h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.recruitment ul li.selected a{color: #799f5a;}


/**********************************************************************************
=About
**********************************************************************************/
#subnav div.about h3
{
    background: url(../images/subnav_about.jpg) no-repeat top left;
}

.about h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.about ul li.selected a{color: #799f5a;} 


/**********************************************************************************
=Contact
**********************************************************************************/
#subnav div.contact h3
{
    background: url(../images/subnav_contact.jpg) no-repeat top left;
}

.contact h4 
{
	color:#7f9f59;}

.contact h5 
{
	text-transform:uppercase;}
	
.contact span{color:#7f9f59; font-weight: bold;}	

.contact h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.contact ul li.selected a{color: #799f5a;} 

#dvDirections
{
	width: 580px;
	padding: 5px;	
	}
	
#dvDirections label
{
	font-weight: bold;}
	
#dvDirections input
{
	float:left;}	
	
#dvDirections .i540
{
	width:540px;
	clear: both;
	}

/**********************************************************************************
=Request Information
**********************************************************************************/
.request label 
{
	color:#7f9f59;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	width: 150px}
	
/**********************************************************************************
=Other
**********************************************************************************/
#subnav div.other h3
{
    background: url(../images/subnav_toolz.jpg) no-repeat top left;
}

.other h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}	     
     
#subnav div.other ul li.selected a{color: #799f5a;} 
    

/**********************************************************************************
=Sitemap
**********************************************************************************/

.sitemap
{
	line-height:27px;}
	
	.sitemap h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}

.sitemap h4 a
{
	color:#7f9f59;
	text-decoration: none;}
	
	.sitemap h4 a:hover
{	
	text-decoration: underline;}
	
.sitemap ul
{
	 list-style-type: none;
	 line-height:0.8em;}
	 
.sitemap ul li{line-height:normal;}	 

.sitemap ul a
{
	color:#4F5048;
        text-decoration:none;}	
        
	.sitemap ul a:hover
{	
	text-decoration: underline;}        
	
/**********************************************************************************
=Accessibility
**********************************************************************************/

.access h4 
{
	color:#7f9f59;}
	
	.access h1
{
    color: #799f5a!important;
    background:url(../images/ico_axis.gif) no-repeat top left!important;
    font-size:1.8em!important;
}
	
/**********************************************************************************
=Documents
**********************************************************************************/

.doc_list img
{
    float:left;
    margin:0;
}
.doc_list div
{
    float:left;
    margin:0 0 0 0;
    width:655px;
}

    .doc_list .date
    {
        color:#c1c2b8;
        display:block;
        font-size:1.45em;
        line-height:0.7em;
        margin:0!important;
        padding:0!important;
        text-transform:uppercase;
    }
        .doc_list .date span
        {
            color:#95968b;
            display:block;
            font-size:0.6em;
            font-weight:bold;
            text-transform:uppercase;
        }
        
    .doc_list h4
    {
        margin:0;
        padding:0;
        font-size:1.5em;
        display: block;
    }
    
        .doc_list h4 a
        {
            color:#528628;
            font-weight:normal;
            text-transform:none;
            text-decoration:none;
        }
        
    .doc_list .button
    {
        float:right;
    }
        

/**********************************************************************************
=Fancybox
**********************************************************************************/    
    #fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}



/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
