/*
====================================
Style by bitabite.com
====================================
*/

body {font-family: 'Arial', 'Tahoma','Verdana',sans-serif; color: #000066; background-color: #ccc; font-size:14px;}

a {color:#7D8FB3;}
a:hover {color: navy;}
	
#back_holder {margin:0 auto 0 auto; width: 990px; background:#CCCCCC url(../../images/body_background.gif) repeat-y scroll center top;}
#Container {margin:0 auto 0 auto; width:960px; background-color: White;}
#Content {background-color: white;}
#ContentContainer {margin:20px 0 30px 0;float: left;	width: 720px; _width: 720px;}

#MainContent {width:480px;   float: left; font-size:14px; line-height: 18px; margin-bottom: 20px;}
#MainContent strong {font-weight: 600;}
#MainContentWide, #MainContent.wide {background: transparent url(../images/stripe.gif) no-repeat scroll 500px 15px; width:700px; _width:680px;  float: left;padding-right: 20px;}
#MainContent img {float: right; margin: 5px 10px 5px 15px; }
#MainContent li img {float: left; margin:0 10px 5px 0px;}
.imgText {float: right; font-size: 10px;  clear: both; margin-right: 10px; line-height: 12px; text-align: center;}

#Header{overflow: hidden; height: 62px;background-color: white;}

#campaign {	background-color: gray; height: 141px;}
#campaign h2{color: white;padding: 20px;font-size: 16px;width: 695px;}

#langSelect {float: right; margin: 12px 10px 0px 0px;}

h1#Logo{background: url(../images/nemco.gif) no-repeat; text-indent:-10000px; margin-top: 4px; height:40px; width:260px;float:left;}
h1#Logo a{display:block;height:100%;}

#Navi{float:left;border-top: 1px solid #E2E2E2;background-color: white;width: 150px;border-bottom: 1px solid #E2E2E2;font-size:14px;}

#searchBox {	width: 220px;float: right;background-color: white; height: 20px;}
#searchBox a {font-size:13px;margin-top: 7px;  padding-left: 18px; padding-right: 15px;float: left;text-decoration: none; background: url(../images/sitemap.png) no-repeat;}
#searchBox a :hover {text-decoration: underline !important;}
#searchBox * {margin-top: 3px;}
#searchInput {float: left; border: 1px solid #7D8FB3; width: 100px; height: 16px; margin-right: 4px; padding: 0px 3px; color: #7D8FB3;}

hr  {border: 0; height: 4px; color: white; background-color: white;}
    
#MainContent.thin {width: 350px;}
#SecondaryContent.thin {width: 350px; padding-top: 40px;}
                        
/*
-----------------------------------------------
Google
-----------------------------------------------
*/ 

						
#map {margin-bottom: 20px;}
#directions {padding: 0px !important; font-size: 10px;}
    
/*
-----------------------------------------------
Top Menu
-----------------------------------------------
*/ 

.topMenu ul {	background: #fff;list-style: none;margin: 0;padding-left: 20px;}
.topMenu ul li a{border: 0px;float: none;}
.topMenu ul a { padding-right: 20px;width: auto;white-space: nowrap; }
.topMenu {width: 220px; 	padding-top: 60px;	}
.topMenu {margin: 0px 0px 0px 0px;padding-left: 20px;float:left;padding-bottom: 30px;}
.topMenu li {	margin-top: 8px;font-size: 15px; }
.topMenu ul.sub li{margin-top: 0px;font-size: 13px;}
ul.topMenu li a:link, ul.topMenu li a:visited, ul.topMenu li.Selected  ul li a {text-decoration: none; font-weight: normal; color: #003366; background: none; }
ul.topMenu li.Selected  a { font-weight:bold; color: #7D8FB3; }
ul.topMenu li a:hover {	text-decoration: underline;}
ul.topMenu a:hover {color: #000;}

/* Submenu */
ul.submenu  {font-size: 11px;padding: 0px;margin:0px;	min-width: 135px;border:1px solid #c6c9d0;}
ul.submenu a:hover{padding:0px;border:1px solid #c6c9d0;	background: url(../../images/menubluelinevert.gif) repeat-y left;}
ul.submenu li {float:left;	clear:both; padding:0px; height:1%;	min-width:135px;}
ul.topMenu li ul.submenu li a {margin: 0px 0px 0px 0px; }
ul.topMenu li ul.submenu li a:link, ul.submenu li a:visited {	border:0px;	}
ul.topMenu li ul.submenu li a:hover, ul.submenu li a:active {	border:0px;	background-color:#fff;}
	

/*
-----------------------------------------------
Product Lists
-----------------------------------------------
*/ 

#productList img.flRight, #NewsList img.flRight {text-decoration: none; float: left; padding-right: 10px; margin: 3px 7px 4px 0px;padding-bottom: 5px;padding: 3px;}
.productTabs {border-bottom: 1px solid #7D8FB3; padding-bottom: 7px; padding-left:10px;}	
ul.productTabs li {padding: 8px 10px 8px 10px; display: inline;}
ul.productTabs li.selected {border-top: 1px solid #7D8FB3; border-right: 1px solid #7D8FB3; border-left: 1px solid #7D8FB3;  background: white;}
ul.productTabs li a {text-decoration: none; } 
ul.productTabs li a:active {border-top: 1px solid #ccc !important; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}

#productList {margin-top: 20px;}	
#MainContentWide #productList li , #productList.Wide li {float: left; width: 335px; height: 120px; overflow: hidden;}
#productList li.moveRight {float: left; padding-right: 15px;}
	
.hider {display: none; height:100%; margin-top: 30px;}
.expander {float: left; cursor: pointer;}
.expanderButton  {cursor: pointer; float: right; background: url(../images/down.gif) no-repeat right 3px; padding-right: 15px; margin-right:15px;}
li.selected .expanderButton  {background: url(../images/up.gif) no-repeat right 3px; padding-right: 15px; margin-right:15px;}

#productList li.heading {height: 40px !important; width: 100% !important;}
#productList li.headingCol {height: 100%; width: 100% !important;}
#productList li.moveRight {width: 220px !important;}
#productList li p{	font-size: 11px;}

.brochures li {padding:10px 15px 10px 0px; width:215px;float: left;}
.brochures img {float:left;padding-right: 10px;}

		
/*
-----------------------------------------------
Fonts Headings Links
-----------------------------------------------
*/ 
		
#MainContent h3, #MainContentWide h3{padding: 10px 0px 5px 0px; font-size: 16px; font-weight: bold;	text-decoration: none !important; color: #000066;}
#MainContent li h3, #MainContent li h3 {padding-top: 0px; padding-bottom: 0px; font-size: 14px;}
h2 a, h3 a, h4 a {text-decoration: none;}
#MainContent h2, #MainContentWide h2{padding-top: 20px; padding-bottom: 15px; font-size: 18px;color: #000066;}

body p { margin: 10px 0;}
body li p{	margin: 4px 0; font-size: 12px;}

#MainContent a, #MainContentWide a{color:#7D8FB3;}
#MainContent a:hover, #MainContentWide a:hover{color: navy;}

a.videoLink {background: url(../images/play.gif) 2px 8px no-repeat; padding: 8px 0px 6px 21px; display: inline;}
a.pdfLink {background: url(../images/pdf_icon.gif) 0px 7px no-repeat;padding: 8px 0px 6px 21px;display: inline;}
    

/*
==========================================
Content editor styling
==========================================
*/

#contentEditor {margin-top: 15px;}
#contentEditor ul {padding-left: 5px; margin: 10px 0px 10px 10px;}
#contentEditor li {background: url(../images/li.gif) 0px 8px no-repeat; padding-left: 10px;}
#contentEditor table {font-size: 10px;}
#contentEditor table td {vertical-align: top; text-align: left; padding-right: 14px;}
#contentEditor table.contact {font-size: 14px;}

/*
==========================================
Breadcrumb
==========================================
*/
#Breadcrumb {background-color:white; float:left; width:500px;}
#Breadcrumb li  {display: block; float: left; font-size: 13px;padding-top: 5px;}
#Breadcrumb ul {clear: right;}
#Breadcrumb li a:visited, #Breadcrumb li a, #searchBox a 	{color: #003366;}

/*
==========================================
Sitemap List
==========================================
*/
#sitemap li {background: url(../images/doc.gif) 3px 3px no-repeat; padding-left: 18px; padding-bottom: 2px;}
#sitemap  ul li.pdf {background: url(../images/pdf_icon.gif) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 2px; }
#sitemap  ul li.folder {background: url(../images/folder_icon.gif) 1px 0px no-repeat; padding-left: 18px;  padding-bottom: 2px; }
#sitemap  ul li.video {background: url(../images/play.gif) 3px 3px no-repeat; padding-left: 18px; padding-bottom: 2px; }

/*
==========================================
News List
==========================================
*/
#MainContent ul.NewsList{ margin:15px 0 0 0;}
#MainContent ul.NewsList li{ margin:0 0 10px 0;  }
#MainContent ul.NewsList li a{ display:block;}

li.Event{padding:3px 0px 0px 0px; clear: both;}
li.Event p{padding-right:8px;}

#MainContent ul.NewsList li a.News {background-repeat:no-repeat; background-position:0px 8px; padding:0px 8px 1px 0px; text-decoration: none;}
#MainContent ul.NewsList li a.News:hover {text-decoration: underline;}
#MainContent .EventItem strong {display:block;}


/*
==========================================
Contact Form
==========================================
*/
.ContactForm {clear: both;}
#MainContent .ContactForm .Error {border-top:2px solid #FFD324; border-bottom:2px solid #FFD324; background-color:#FFF6BF; color:#000000; font-weight:bold; margin:18px 25px 31px 0; padding:9px 0 10px 50px;
background-image:url(../Data/Assets/theme_one/Misc/error_icon.gif); background-repeat:no-repeat; background-position:15px 12px;}

#MainContent .ContactForm .Error li{font-weight:normal;}
#MainContent .ContactForm fieldset {	border:0px solid #000000; display:block; margin:15px 0 15px 0;}
#MainContent .ContactForm legend {display:none;}
#MainContent .ContactForm input.frmButton {margin-top: 10px; font-size: 14px; padding: 4px;	width: 150px; background: url(../images/buttonBack.gif) repeat-x; color: #000066; border: 1px solid #000066; cursor: pointer;}
#MainContent .ContactForm .TextBox{border:1px solid #CACACA;	display:block;	font-family: Arial,Helvetica,sans-serif;	font-size:12px;	font-weight:normal;	padding:3px 4px 2px 3px; width:100%;}
#MainContent .ContactForm .TextArea {border:1px solid #CACACA;display:block;	font-family: Arial,Helvetica,sans-serif;	font-size:12px;	font-weight:normal;	padding:3px 4px 2px 3px;height:90px;width:100%;}


/*
==========================================
Search Results
==========================================
*/

#MainContent #xsltsearch #xsltsearch_summary strong {font-weight:bold;}
#MainContent #xsltsearch .xsltsearch_description strong {background-color:#FFF6BF; padding:0 2px 0 2px;}
#MainContent #xsltsearch .xsltsearch_form .input {border:1px solid #bcbcbc; padding:3px 7px 4px 4px; font-size:11px;}
#MainContent #xsltsearch #xsltsearch_stats {font-size:12px;	font-style:italic;}

/*
==========================================
Secondary Content
==========================================
*/

#SecondaryContent {float: right;width: 220px; font-size: 13px; background: url(../images/stripe.gif) no-repeat; margin-top: 15px; padding-top: 35px;}
#SecondaryContent h3 {font-size: 18px; color: #000066; padding-bottom: 10px;}
#SecondaryContent h4 {margin-top: 20px;	font-size: 16px; color: #000066;}
#SecondaryContent a {color:#000066;	text-decoration: none;}
#SecondaryContent a h4 {text-decoration:none;}
#SecondaryContent a:hover h4 {text-decoration:underline;}
#SecondaryContent a:hover {color:#000000; text-decoration:none;}
#SecondaryContent a.RSSLink {background-image:url(../Data/Assets/theme_one/Misc/rss_icon.gif); background-repeat:no-repeat; background-position:0 3px; padding:0 0 8px 23px; text-decoration:underline; display:block;}

#SecondaryContent a.RSSLink:hover {text-decoration:none; display:block;}
#NewsSecondaryHeader {background-repeat:no-repeat; background-position:0 6px;}
#SecondaryContent ul.NewsList {margin:24px 0 0 0;}
#SecondaryContent ul.NewsList li {margin:0 0 0 0; font-size:13px;}
#SecondaryContent ul.NewsList li strong {font-weight:bold;}
#SecondaryContent ul.NewsList li.Event a {display:block; padding:8px 0px 7px 0px; text-decoration:none;}
#SecondaryContent ul.NewsList li.News a {display:block; padding:8px 8px 7px 0px; text-decoration:none;}
#SecondaryContent ul.NewsList li a:hover {color:#666; text-decoration:none;}
#SecondaryContent #SearchSecondaryHeader {margin: 30px 0 0 0;}
#SecondaryContent form {margin:0 0 30px 0;}
#SecondaryContent form input {border:1px solid #000066; padding:3px 7px 4px 4px; margin-top: 10px; font-size: 14px; width:120px; color: #000066; background: url(../images/buttonBack.gif) repeat-x;}
#SecondaryContent form select {border:1px solid #ccc;height: 22px; font-size: 14px;width: 200px;color: #000066;}


/*
==========================================
Footer
==========================================
*/

#Footer {clear:both;color: white; background-color: #01236a; height: 50px; padding: 15px 10px 13px 240px; font-size: 12px; height:55px;}
#footerLogo {margin: -50px 0px 0px -85px;position: absolute;}
#Footer a {color: White;text-decoration:none;}
#Footer a:hover {color:#808080;text-decoration:underline;}

/*
===========================
Rich text editor stying
===========================
*/

#holderBody {background:none;}
#holderBody strong {font-weight:bold;}
#holderBody a {text-decoration:underline;}
#holderBody p {margin:auto;}
#holder {border: 1px solid #ccc;padding: 10px;margin: 5px;text-align: left;font-size:14px;}

/*
================================================
resets styles
================================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {margin:0;	padding:0;}
table {border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;	font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}


.form {font-size: 14px; margin-top: 30px; margin-bottom: 30px; float: left;}                        	
.form .ed_form_label {display: block;}    
.form textarea  {width: 50%; height: 100px; margin-bottom: 15px;}

.ed_form_textbox, .ed_form_dropdown_list, .ed_form_list {width: 30%;padding: 3px;margin-bottom: 15px;}
.ed_form_element_required {border: 1px solid orange;}
.ed_form_submission_message { font-size: 16px;}
blockquote {margin-left; 30px;}