/*  
Description: Metrowest Electric Sales, Inc.
Version: 1.0
Author: Karen Callahan

*/

/* Begin Typography & Colors */
body {
	margin: 0 auto;
	padding: 0;
	background-color: #000066;
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #49423F; /* grey */
	}
a:link {
	color: #2172cc;
	text-decoration:none;
}
a:visited {
	color: #66A5E6;
	text-decoration:none;
}
a:hover, a:active {
	color: #2172cc;
	text-decoration:underline;
}
li {
	padding-bottom:8px;
}
#page {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 854px;
	background-color:#fff;
	}

#header {
	margin: 0; 
	padding: 0; 
	height: 122px; 
	width: 854px;
	}

#headerimg 	{
	margin: 0;
	padding:0;
	height: 97px;
	width: 854px;
	background-image: url("images/mfgs-rep-electrical-sales-hdr.gif");
	background-repeat: no-repeat;
	background-position: right top;
	} 
#electrical-manufacturing-reps-body {
	position: relative;
	width: 854px;
	height:100%;
	background-color:#CC0000;
	background-color: #000066;
	background-image: url("images/10x10.gif");
	background-repeat: repeat;
	background-position: left top;
}

#content {
	font-size: 1.2em;
	line-height:120%;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1 {
	padding:0;
	margin:9px auto;
	margin-top:35px;
	font-size: 1.75em;
	letter-spacing: 0.10em;
	color:#CCCCCC;
	}
h2 {
	font-size: 1.6em;
	font-variant: small-caps;
	}
h3 {
	font-size: 1.3em;
	}

#sidebar h2 {
	margin:0;
	padding:0;
	margin-bottom:6px;
	font-size:1.75em;
	letter-spacing:0.05em;
	}

#headerimg .description {
	text-decoration: none;
	color: #000;
	}

h2, h2 a, h2 a:hover, h2 a:visited, cite {
	text-decoration: none;
	}

small, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover {
	color: #06c;
	text-decoration: none;
	}

/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {
	float: right;
	padding: 0 0 20px 0;
	margin: 0;
	margin-top:20px;
	width: 420px;
	width: 400px;
	margin-left:20px;
	}

#footer { 				/* independent div */
	padding: 0 0 20px 0;
	margin: 0 auto;
	width: 854px;
	clear: both;
	background-color: #000066;
}
#footer img {
	margin:0;
	margin-bottom:10px;
	padding:0;
	display:inline;
	height:193px;
	border-top:8px solid black;
	border-right:none;
	border-bottom:8px solid black;
	border-left:none;
}
#footer #copyright {
	float:left;
	width:550px;
	color: #388AE4; /* blue */
	text-align:right;
}
#footer #sitemap {
	float:right;
	margin:0;
	padding:0;
	width:100px;
	text-align:right;
	padding-right:20px;
	
}
#footer #sitemap a:visited {
	color: #2172cc;
	text-decoration:none;
}
/* End Structure */



/*	Begin Headers */

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top:0;
	margin-bottom: 8px;
	font-family:'Tahoma Bold', Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	color:#388ae4; /* blue */
	text-align: left;
}
h3 {
margin-top:0;
	margin-bottom: 8px;
	font-family:'Tahoma Bold', Arial, Helvetica, sans-serif;
	font-size: 1.20em;
	color:#666;
	text-align: left;
}

/* End Headers */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

/* End Comments */



/* Begin Sidebar */
#sidebar {
	float:left;
	width: 236px;
	height: 444px;
	background-image: url("images/industrial-utility-electrical.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	padding:0;
	}

#sidebar a {
	padding-top:0.10em;
}
#sidebar a:link , #sidebar a:visited {
	color: #d8b84a;	/* gold yellow */
}
#sidebar a:hover {
	color:#fec503; /* bright orange yellow */
}
#sidebar #premier-electrical-brands {
	margin-top:94px;
	width:119px; 
	height:56px;
	margin-left:40px;
}
.center {
	text-align: center;
	}

a img {
	border: none;
	}

#manufacturers-rep-menu {
	margin: 0;
	padding:4px 0;
	width:100%;
	font-family:'Gill Sans Bold', 'Tahoma Bold', Arial, Helvetica, sans-serif;
	background-color:#000;
}
#manufacturers-rep-menu a  {
	padding: 0 23px;
	font-size:1.20em;
	font-weight:bold;
}
#manufacturers-rep-menu a:link, #manufacturers-rep-menu a:visited {
	color:#6693cc; /* blue */
	text-decoration:none;
}
#manufacturers-rep-menu a:hover {
	color: #b9d6fc; /* light blue */
}
#manufacturers-rep-menu .mailing-list a {
	padding-left:107px;
	padding-right:0;
	font-weight:bold;
	font-style:italic;
	font-family:'Gill Sans Italic', 'Lucida Sans Italic', Arial, Helvetica, sans-serif;
	font-size:1.45em;
	text-decoration:none;
}
#manufacturers-rep-menu .mailing-list a:link, #manufacturers-rep-menu  .mailing-list a:visited {
	color:#d8b84a; /* Gold Yellow */
}
#manufacturers-rep-menu .mailing-list a:hover {
	color: #ffeeb5;
}

#electrical-parts-manufacturers-reps { /* sidebar and narrowcolumn#content */
	float:left;
	width:660px;
	background-color: #fff;
}
#manufacturing-reps-states {
/* width = 194 */
	float:right;
	width:129px;
	padding-top:115px;
	margin-left:40px;
	padding-left:18px;
	background-color:#fff;
	background-image: url("images/nemra-logo.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
#manufacturing-reps-states h3 {
	padding: 0;
	margin: 0.50em 0 0 0;
	font-family:'Gill Sans Bold', 'Tahoma Bold', Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight:bold;
	color:#d8b84a;

}
#manufacturing-reps-states h3 a:link, #manufacturing-reps-states h3 a:visited{
	color:#d8b84a;
	text-decoration:none;
}
#manufacturing-reps-states h3 a:hover {
	color:#fec503; /* bright orange yellow */
}
.offices {
	padding-left:20px;
}

dl {					/* Used on Parts/Manufacturer pages */
	margin-top:1px;
	margin-left:20px;
	padding:15px;
	background-color:#ececec;
}
dt {
	/*font-weight:bold;*/
}
dd {
	margin-left:15px;
	margin-bottom:7px;
}

/* ######################################### ABOUT US page ######################### */
#metrowest-electric-team {	
	margin:0 auto;		
	padding-bottom:6px;
	width:280px;
	font-size:80%;
	text-align: center;
	background-color:#ececec;
}
#metrowest-electric-team img{ 
	border:1px solid #000000;
	display:block; 
	width:280px;
	height:194px; 
	margin-bottom:3px;
}
#mark-hookstadt, #gina-lagor, #phil-delldonna, #diane-hetrick, #bill-henderson, #justin-gladwin, #patricia-chouinard {
	margin-top:30px;
}

#phil-delldonna img, #diane-hetrick img, #bill-henderson img, #mark-hookstadt img, #gina-lagor img, #justin-gladwin img, #patricia-chouinard img {
	float:right;
	width:91px; 
	height:127px;
	margin-top:4px;
	margin-bottom:15px;
	margin-left:15px;
	border:1px solid #000000;
}
/*............................................................................*/

#line-cards {
	background-image: url("images/line-cards-back.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#wire-cable ul, 
#transformers ul,
#switchgear ul {
float:left;
	padding:0;
	margin:0;
	padding-left:3px;
	list-style:none;
	width:32em;
	/*background-color:#000066;*/
}
#wire-cable ul.first, 
#transformers ul.first,
#switchgear  ul.first {
	border-top:1px solid #cccccc;
	padding-top:5px;
}
#wire-cable li, 
#transformers li,
#switchgear li {
float:left;
	width:20em;
	/*background-color:#FF9933;*/
}
#wire-cable li.vendor, 
#transformers li.vendor,
#switchgear li.vendor {
	width:12em;
	/*background-color:#CCCC33;*/
}
p.clear {
	clear:both;
	padding-top:20px;
	margin-bottom:5px;
}
p.first-clear {
	padding-top:5px;
	margin-bottom:5px;
}

/* new FORM defs */
form {
	background-color:#ececec;
	width:360px;
	border: 1px solid #cccccc;
	margin:5px auto;
}
form div {
  clear: left;
  display: block;
  width: 350px;
  /*height: expression('1%');*/
  margin: 5px 0 0 0;
}
form div label {
  display: block;
  float: left;
  width: 120px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: left;
}
form div input  {
  width: 160px;
  padding: 1px 1px 1px 1px;
  margin: 0 40px 0 0;
  color: #000000;
  font-size:10px;
}
form div textarea  {
  width: 175px;
  padding: 1px 1px 1px 1px;
  margin: 0 30px 0 0;
  color: #000000;
  font-size:10px;
}
form div.submit {
	padding: 0 0 0 146px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

form div input.inputSubmit, input.inputSubmit {
	background-color:#000066;
	color:#fff;
	font-size:12px;
	width: 80px;
	padding: 2px 1px;
	text-align:center;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 135px;
	border:1px solid #cccccc;
}
form #required {
	font-size:90%;
	margin:25px 0 5px 0;
}
#privacy {
	font-size:90%;
	padding: 3px 5px 25px 5px;
}
.new-england-states {
	font-size:85%;
}