* { padding: 0; margin: 0; }

html{background: url(../images/bg_html.jpg);}

body {
 background: url(../images/bg_body.jpg) top center repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #4D4D4D;
}

#wrapper { 
 margin: 0 auto;
 width: 1024px;
 display: block;
}

#header {
 background: url(../images/manex_header.jpg) top center no-repeat;
 width: 1024px;
 padding: 0px;
 height: 135px;
 margin: 0;
 text-indent: -9999px;
 position: relative;
 float: left;
}
#nav {
 width: 1024px;
 float: left;
}

#nav a{
	height: 32px;
	width: 171px; 
	display: block; 
	float: left; 
	margin-right: -25px; 
	position: relative;
	margin-left: 2px;
}

#nav a.home{background: url(../images/navs/navs.jpg) 0 -66px no-repeat; z-index:5;}
#nav a.home.active{background: url(../images/navs/navs.jpg) 0 0px no-repeat; z-index: 99;}

#nav a.solutions{background: url(../images/navs/navs.jpg) -148px -66px no-repeat; z-index:4;}
#nav a.solutions.active{background: url(../images/navs/navs.jpg) -182px 0px no-repeat; z-index: 99; left: 3px }

#nav a.companyinfo{background: url(../images/navs/navs.jpg) -296px -66px no-repeat; z-index:3;}
#nav a.companyinfo.active{background: url(../images/navs/navs.jpg) -362px 0px no-repeat; z-index: 99; left: 5px}

#nav a.referrals{background: url(../images/navs/navs.jpg) -444px -66px no-repeat; z-index:2; left: 0px;}
#nav a.referrals.active{background: url(../images/navs/navs.jpg) -541px 0px no-repeat; z-index: 99; left: 5px}

#nav a.support{background: url(../images/navs/navs.jpg) -847px -66px no-repeat; z-index:1; left: 255px;}
#nav a.support.active{background: url(../images/navs/navs.jpg) -847px 0px no-repeat; z-index: 99;}



#content { 
 width: 984px;
 padding: 20px;
 background: url(../images/bg_content.jpg) repeat-y;
 margin: 0;
 float: left;
}
h2, h3, h4{color: #00467f; margin-top: 15px;}
p{line-height: 1.3em; margin-bottom: 20px;}

/********* HOMEPAGE STYLES *****************/

#manex_minute{
 background: url(../images/bg_manex_minute.jpg) no-repeat;
 width: 284px;
 height: 76px;
 padding: 70px 10px 10px 10px;
 border: 1px solid #b2b2b2;
 float: left;
}
#component_exchange{
 background: url(../images/bg_component_exchange.jpg) no-repeat;
 width: 284px;
 height: 76px;
 padding: 70px 10px 10px 10px;
 border: 1px solid #b2b2b2;
 float: left;
 margin: 0 33px;
}
#pcb_directory{
 background: url(../images/bg_pcb_directory.jpg) no-repeat;
 width: 284px;
 height: 76px;
 padding: 70px 10px 10px 10px;
 border: 1px solid #b2b2b2;
 float: left;
}

marquee{width: 860px;
height: 20px;}

a div{cursor: hand;}

/***************** SOLUTIONS STYLES ******************/

#solutions_nav {
	text-align: center; 
	padding: 0; 
	margin-bottom: -12px;
	}
	
#solutions_nav a{
 width: 150px; 
 height: 121px;
 float: left;
 display: block;
 text-indent: -99999px;
 margin-left: 50px;
 text-align: center;
}

.manex_erp{background:url(../images/navs/solutions_navs_n.jpg) 0px -122px; }
.manex_erp.active{background:url(../images/navs/solutions_navs_n.jpg) 0px 0px; }

.manex_minute{background:url(../images/navs/solutions_navs_n.jpg) -150px -122px;}
.manex_minute.active{background:url(../images/navs/solutions_navs_n.jpg) -150px 0px;}

.component_exchange{background:url(../images/navs/solutions_navs_n.jpg) -300px -122px;}
.component_exchange.active{background:url(../images/navs/solutions_navs_n.jpg) -300px 0px;}

.supplier_directory{background:url(../images/navs/solutions_navs_n.jpg) -450px -122px;}
.supplier_directory.active{background:url(../images/navs/solutions_navs_n.jpg) -450px 0px;}

#erp_nav{text-align: center; padding: 0px 0 5px 0;}
#erp_nav a{margin: 40px; text-align: center; padding-bottom: 5px; vertical-align: middle; margin-bottom: 0;}
#erp_nav a.active{color: black; font-size: 20px; padding-bottom: 5px;}

#support_nav{text-align: center; padding: 10px 0 11px 0;}
#support_nav a{margin: 40px; text-align: center; padding-bottom: 10px; vertical-align: middle; margin-bottom: 0;}
#support_nav a.active{color: black; font-size: 20px; padding-bottom: 11px; background:url(../images/navs/up_arrow.jpg) bottom center no-repeat;}

#window{
 border: 1px solid #00307a;
 padding: 30px 50px;
 line-height: 1.3em;
}

#footer {
 float: left;
 width: 1014px;
 padding: 5px;
 color: white;
 background: url(../images/bg_content_bottom.jpg) no-repeat;
 margin-bottom: 20px;
 font-size: 11px;
}

a:link, a:visited{color: #e35a1c; text-decoration: none;}
a:hover{color: #e35a1c; text-decoration: underline;}
a img{border: none;}

:focus {outline: none;}
.center {text-align: center;}
.clear{clear: both;}

td{vertical-align: top;}
ol, ul{margin-left: 40px;}



/**************  Main Slider Styles ***************/
#headlines{
 border: 1px solid #b2b2b2;
 padding: 5px 5px 4px 5px;
 margin: 20px 0;
}
#headlines h3{ 
 color: #00467f;
 font-size: 14px;
 display: inline;
 margin-right: 10px;
 margin-top: 0;
 float: left;
}

#slider{float: left; display: inline-block; margin: 0; width: 683px; position: relative;}

.slide{
	width: 683px;
	height: 311px;
	text-indent: -9999px;	
}

#container {
	position: relative;
	width: 683px;
	height: 311px;
	overflow: auto;
}

.item {
	display: block;
	width: 683px;
	height: 311px;
}

.item h3 {
	font-size: 16px;
	margin: 10px;
	color: #00467f;
}

.item p {
	font-size: 13px;
	padding: 6px 10px 12px;
}

#num_nav {
	text-align: center;
	margin: 6px 0 0 480px;
	float: left;
}

#num_nav ul li {
	display: inline;
	margin: 0;
}
#num_nav ul li a {
	padding: 5px 3px;
	color:#00467f;
	border: 1px solid #fff;
	background: none;
	display: block;
	width: 18px;
	height: 14px;
	float: left;
}

#num_nav ul li a.active, #num_nav ul li a:hover {
	background: url(../images/DefaultSlides/bg_slider_num.jpg) no-repeat;
	text-decoration: none;
}

#play_btn {
	float: left;
	margin: 7px 0;
	width: 24px;
	height: 24px;
	background: url(../images/DefaultSlides/pause.jpg);
	text-indent: -9999px;
}



/***************** Accordion Styles *********************/

#accordion  {
	width: 278px;
	float: right;
	position: relative;
	display: inline-block;
	margin: 0;
}

h3.toggler {
	cursor:pointer;
	display:block;
	height: 40px;
	margin-top: 1px;
	text-indent: -9999px;
}

h3.industry_sites{background:url(../images/DefaultAccordion/acc_industry_sites.jpg) no-repeat;}
h3.industry_events{background:url(../images/DefaultAccordion/acc_industry_events.jpg) no-repeat;}
h3.job_postings{background:url(../images/DefaultAccordion/acc_job_postings.jpg) no-repeat;}

.element {position: relative;}

.links {
	background: #f0f0f0 url(../images/DefaultAccordion/acc_bg.jpg) repeat-x;
	width: 250px;
	margin: 0 4px;
	border: none;
	font-size: 12px;
	padding: 10px;
	position: relative;
	height: 180px;
	overflow: auto;
}

.bottomlink{
	background: #D9D9D9; 
	width: 260px;
	padding: 3px 0 3px 10px;
	margin: 0 4px;
	font-size: 11px;
}

@media print {
	#accordion. .element, .links{
		display: block!important;
		height: auto!important
	}
}


/******************  HEADLINES STYLES ****************/
#articles {
	position: relative;
	width: 683px;
	height: 20px;
	overflow: auto;
	float: left;
	display: inline;
}

.story {
	display: block;
	width: 683px;
	height: 20px;
}


/***************** FAQ STYLES ************************/

#vertical {width: 900px;}

#vertical li {list-style: none;}

.collapse-container {width: 750px; padding: 10px; overflow: auto;}

	#vertical h3 { width: 760px; background: #f0f0f0; height: 40px; line-height: 40px; padding: 0 20px; margin: 5px 0; position: relative; cursor: pointer;}
	#vertical h3 a{ text-decoration: none; }	
	#vertical h3 span { position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold;}



/*************MASKED EMAILS***********************/
.sales:before{content: "sales@manex.com";}


/*************CASES STYLES***********************/
#CASE_BODY
{
	margin-bottom: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvitica, Sans-Serif;
	color: #072b61;
	font-size: 4px;
	padding: 1px;
	border: 0px;
}

h5{color: #072b61; font-size: large; margin-bottom:1px;}
h5.small{font-size: small; margin-bottom:15px;}
h5.body{font-size: small; margin-bottom:15px; font-weight:normal;}

h6{color: #ff6600; font-size: large; margin-bottom:15px;}
h6.small{color: #ff6600; font-size: small; margin-bottom:15px;}


/****************CONTACTS PAGE************************/
#filterfields{text-align: left;}
#filterfields a{margin: 40px; text-align: center; padding-bottom: 10px; vertical-align: middle; margin-bottom: 0;}

#searchfields{text-align: left;}
#searchfields a{margin: 40px; text-align: center; padding-bottom: 10px; vertical-align: middle; margin-bottom: 0;}



/***************CE SLIDER STYLES*********************/
#ce_slider{float: left; display: inline-block; margin: 0 0 0 -20px; width: 920px; position: relative;}

.ce_slide{
	width: 920px;
	height: 424px;
	text-indent: -9999px;	
}

#ce_container {
	position: relative;
	float:left;
	width: 920px;
	height: 424px;
	overflow: auto;
}

.ce_item {
	display: block;
	width: 920px;
	height: 424px;
}

.ce_item h3 {
	font-size: 16px;
	margin: 10px 0 0 -30px;
	color: #00467f;
}

.ce_item p {
	font-size: 13px;
	padding: 6px 10px 12px -30px;
}

#ce_num_nav {
	text-align: center;
	margin: 6px 0 0 670px;
	float: left;
}

#ce_num_nav ul li {
	display: inline;
	margin: 0;
}
#ce_num_nav ul li a {
	padding: 5px 3px;
	color:#00467f;
	border: 1px solid #fff;
	background: none;
	display: block;
	width: 18px;
	height: 14px;
	float: left;
}

#ce_num_nav ul li a.active, #ce_num_nav ul li a:hover {
	background: url(../../images/DefaultSlides/bg_slider_num.jpg) no-repeat;
	text-decoration: none;
}

#ce_play_btn {
	float: left;
	margin: 7px 0;
	width: 24px;
	height: 24px;
	background: url(../../images/DefaultSlides/pause.jpg);
	text-indent: -9999px;
}

/*********************Contacts Page*************************/

.CoInfo1 {position:relative; float:left;}
.CoInfo2 {position:relative; float:left; left:100px;}
.CoInfo3 {position:relative; float:left; left:200px;}
.CoInfo4 {position:relative; float:left; left:300px;}
.SYSInfo {position:relative; float:right; top:-153px}
.ContInfo {float:none;}
.ContCol{padding-left:0px; padding-right:15px;}

/*********************Contact Us Page*************************/
.Cont1Col {position:relative; float:left; left:10px;}
.Cont2Col {position: absolute; float:left; left:220px;}
.Cont3Col {position:absolute; float:left; left:200px;}
.Cont4Col {position:absolute; float:left; left:270px;}
.ContNoCol {position:relative; float:left;}

/*********************MASS MAILER*************************/
.STATUS {
	position:relative; float:none; top: 100px; right:-400px;
	font-size:100px; font-weight:bold; color:#ff6600;}
.ERR {
	position:relative; float:none; top: 100px; right:-430px;
	font-size:20px; font-weight:bold; color:#ff0000;}
.LISTTYPE {position:relative; float:left; top:-30px;}
.LISTCOUNT {position:relative; float:left; top:-29px;}
.MSGTYPE {position:relative; float:left; top:-35px;}
.MSGBODY {position:relative; float:none;}
.SENDBUTTON {position:relative; float:left;}