@charset "utf-8";
/* CSS Document */

/* Centers content at 750px within 100% width divs */	
div.centerer { position: relative; margin: 0; padding: 0; width: 750px; margin: 0 auto; }

a img { border: 0; }

a { color: #a00724; }
a:visited { color: #7F1F33; } 
a:hover { color: #FF000A; }
.hide { display:none;}

html { margin: 0; padding: 0; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; background-color: #ece2d5; background-image: url(/images/bg.gif); background-repeat: repeat-x; }

body { 
	width: 770px;
	xwidth: 100%;
	height: 100%;
	background-color: #ceb492;
	margin: 0 auto; padding: 0;
	xborder-left: 1px solid #a00724;
	xborder-right: 1px solid #a00724;
	}

#header {
	position: relative;
	margin: 0;
	background-color: #fff;
	height: 80px;
	border-top: 25px solid #a00724;
	border-bottom: 8px solid #875a25;
	}

ul#family-navigation {
	padding: 0;
	margin: -18px 0 0 0;
	float: right;
	}
ul#family-navigation li { display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight:bold;}
ul#family-navigation li a { position: relative; float: left; padding: 3px 0; width: 124px; display: block; border-color: #5c2505; border-style: solid; border-width: 0 1px 6px 0; background-color: #d8d1b5; text-decoration: none; color: #000;  text-align: center; }
ul#family-navigation li a:hover { background-color: #fff; border-color: #a00724; }
ul#family-navigation li.last a { border-right: 0px !important; }

img#electri-international-logo { position: absolute; bottom: -65px; left: 10px; }
/*img#contact-us { position: absolute; bottom: -40px; right: 0; } REMOVED FOR MORE LINKS*/

ul#quickLinks {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -65px;
	right: 0px;
	width: 250px;
}

ul#quickLinks li {
	margin: 0;
	padding: 0;
}

ul#quickLinks li a, ul#quickLinks li a:hover {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 250px;
	height: 16px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

ul#quickLinks li#contactUs a { background-image: url(/images/contact-us.gif); }
ul#quickLinks li#knowledgeBase a { background-image: url(/images/industryKnowledgeBase.gif); }
ul#quickLinks li#electriFacts a { background-image: url(/images/electriFacts.gif); }

#container {
	float: left; /* "Set a float to contain a float." --Eric Meyer */
	min-height: 100%;
	background-color: #ceb492;
	width: 100%; /* will need to be width of #centerer minus any padding */
	position: relative; /* makes any absolutely positioned elements set relative to THIS one */
	}

/* The real magic; the difference between height and min-height */
* html #container { height: 100%; }

div#picture-mission { width: 100%; xborder: 1px solid yellow; float: left; }
div#picture-mission div#a { width: 50%; height: 193px; float: left; text-align: right; background-color: #a00724; margin-right: -1px; }
	div#picture-mission div#a img { position: relative; margin-right: -72px; }
div#picture-mission div#b { width: 50%; height: 193px; float: right; text-align: left; background-color: #a00724; }
	div#picture-mission div#b img { margin-left: 90px; margin-top: 30px; }

/* had to remove these for now for old/current what's new on home page; links were not clickable in FF; restore when put new CMS live
#container div.centerer { margin-top: -193px; padding-top: 193px; }
#container > div.centerer { margin-top: 0; }*/

#sidebar {
	position: relative;
	margin-top: -193px;
	margin-bottom: 80px;
	margin-right: -183px;
	width: 184px;
	background-color: #fff;
	float: left;
	border-top: 6px solid #a00724;
	background-image: url(/images/sidebar-bottom-curve.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0; /* Use bottom padding here to make space for footer */
	}

#sidebar ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0; padding: 10px 0 30px 0;
	}

#sidebar ul li { list-style-type: none; margin: 0; padding: 0; }
#sidebar ul li a { color: #000; text-decoration: none; display: block; position: relative; margin: 0; padding: 10px 10px; border-left: solid 5px #fff; }
#sidebar ul li a:hover { background-color: #EFE1D1; border-left: solid 5px #a00724; }

#sidebar ul li ul {
	margin: 0; padding: 0;
	}

#sidebar ul li ul li a { text-indent: -14px; font-size: 9pt; padding: 4px 4px 4px 30px; }

ul#whats-new { margin: 0; padding: 0 0 0 200px; }
ul#whats-new h1 { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 11pt; margin: 0; padding: 20px 0; }
ul#whats-new li { font-size: 8pt; font-weight: bold; padding-left: 7.4em; text-indent: -7.4em; list-style-type: none; }
ul#whats-new li p { margin: 0; padding: 0; text-indent: 0; font-size: 8pt; font-weight: normal; margin: .3em 0 2em -7.4em; }

div#ads { padding: 0 0 30px 200px; }

div#ads img { padding: 0 0 5px 0; }

#footer {
	/*position: absolute; REMOVED TO ACCOUNT FOR THE ADS*/
	clear: both;
	bottom: 0;
	left: 0;
	width: 100%; /* will need to be width of #footer minus any padding */
	background-color: #5c2505;
	color: #fff;
	font-size: 8pt;
	}

#footer p { margin: 0; padding: 1em 0 1em 0; }

#footer a { color: #BFB0A7; }
#footer a:visited { color: #ccc; }
#footer a:hover { color: #CEB492; }

/*	=Search
**********************************/
#search {
	position:absolute;
	top: 18px;
	left: 538px;}

#search #txtInp {
	border: 1px solid #5C2505;}

#search #submit {
	cursor: pointer;
	border: 1px solid #875a25;
	background: #ceb492;}
	
form#search input#txtInp { background:url("/images/googleMini/google-mini-bg.gif") no-repeat scroll 5px center #FFFFFF; }
form#search input#txtInp.current { background-image:none }