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

#main-navigation {
	height: 35px;
	width: 961px;
	line-height: 32px;
	background-image: url(images/navigation/Navigation-Button.png);
	background-repeat: repeat-x;
	text-align: center;
	float: left;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-right: 10px;
}
.main-navigation-stroke {
	background-image: url(images/navigation/Navigation-Button-Stroke.png);
	height: 35px;
	width: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.main-navigation-button a {
	height: 35px;
	background-image: url(images/navigation/Navigation-Button.png);
	background-repeat: repeat-x;
	float: right;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight: bolder;
	font-style: normal;
	padding-right: 14px;
	padding-left: 14px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
.main-navigation-button a:hover {
	background-position: 0px -35px;
	color: #008fc5;
}
#search-login-panel {
	height: 25px;
	color: #FFF;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 975px;
	margin-right: auto;
	margin-left: auto;
}
#search-login-panel a {
	text-decoration: none;
	color: #FFF;
}
#main-navigation-search-box {
	background-image: url(images/navigation/extended-search-box.png);
	float: left;
	height: 35px;
	background-position: right top;
	z-index: 1;
	position: absolute;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 10px;
	overflow: hidden;
}
#search-box-additional-options {
	float: left;
	width: 135px;
	height: 35px;
	padding-top: 5px;
	display: none;
}
#search-box-additional-options a {
	color: #FFF;
}

#search-box {
	width: 195px;
	float: left;
	height: 35px;
}
#search-icon {
	padding-top:6px;
	float:left;
}
input#search-field {
	width:185px;
	height: 18px;
	margin-top:5px;
}
.sub-navigation {
	width: auto;
	background-color: #fff;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #01506f;
	border-bottom-color: #01506f;
	border-left-color: #01506f;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;
	z-index: 1000;
	float: left;
	position: absolute;
	padding-top: 20px;
	background-image: url(images/navigation/sub-navigation-content-top-gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Geneva, sans-serif;
}
.sub-navigation-content{
	left: 0;
	top: 0;
}
.sub-navigation-content .more{
	color: #000;
}
.sub-navigation-content .more ul{
	font-weight: normal;
}

.sub-navigation-content .column{
	float: left;
	width: 200px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e1e1e1;
	padding-left: 20px;
	height: 100%;
	margin-right: 10px;
}
.sub-navigation-content .column ul{
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 16px;
	padding: 0px;
}
.sub-navigation-content .column ul li{
	font-size: 10pt;
}
.sub-navigation-content .column h2{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-transform: uppercase;
	margin-right: -10px;
}
.sub-navigation-content .column h3{
	font-size: 10px;
	font-weight: bold;
	color: #333;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	margin-top: 2px;
	line-height: 12px;
	text-transform: uppercase;
}
.sub-navigation-content .column h4{
	font-size: 9px;
	font-weight: bold;
	color: #333;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	margin-top: 2px;
	line-height: 12px;
	text-transform: uppercase;
}
.sub-navigation-content .column h5{
	font-size: 9px;
	font-weight: lighter;
	color: #666;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	margin-top: 0px;
	line-height: 11px;
}
.sub-navigation-content .column a h5{
	color: #999;
}
.sub-navigation-content .column a:hover h5{
	color: #333;
}
.sub-navigation-content .column ul li a{
	color: #00456a;
	text-decoration: none;
}
.sub-navigation-content .column ul li a:hover{
	color: #008fc5;
}
.sub-navigation-content .column ul li ul{
	margin-bottom: 0px;
	padding-left: 15px;
	font-size: 8px;
	line-height: 14px;
}

.sub-navigation-content .column ul li ul li {
	list-style-type: circle;
	color: #666;
	margin-left: 0px;
	list-style-image: url(/CSS/images/navigation/Bullet-Dash.png);
}
.sub-navigation-content .column ul li ul li a {
	color: #666;
	margin-left: -5px;
}
.sub-navigation-content .column ul li ul li:hover, .sub-navigation-content .column ul li ul li a:hover {
	color: #008FC5;
}

.sub-navigation-content #toggle-browse-products {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	text-align: center;
}
.sub-navigation-content #toggle-browse-products, .sub-navigation-content #toggle-browse-products .active {
	color: #999;
	cursor:default;	
}
.sub-navigation-content #toggle-browse-products a {
	cursor:pointer;	
}
#subnavigation-industry-catalog .column {
	display: none;
}
.subnavigation-products ul li {
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
}
.subnavigation-products ul li:hover {
	background-color: #F7F7F7;
	color: #000;
}
.subnavigation-products .column ul {
	margin-bottom:0px;
}
.subnavigation-products .column {
	border-left-style:none;
}
#summit-toolbar {
	background-repeat: no-repeat;
	background-position: center center;
}
#toolbar-right-options {
	float: right;
	height: 25px;
	width: 200px;
}
.toolbar-panel-content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.toolbar-panel p {
	color:#FFF;
}
.toolbar-panel a {
	color: #FFF;
}
.toolbar-panel a:hover {
	color: #e3e3e3;
}
.close-panel {
	text-align:center;
	clear: both;
	margin-bottom: 3px;
	cursor: hand;
}

.close-panel-icon {
	display:inline-block;
	padding:2px 0px 2px 20px;
	overflow:visible;
	background:transparent url(/CSS/images/icons/close-icon.png) center left no-repeat;
}
#facebook-panel {
	background-color: #2a4c99;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #FFF;
	display: none;
}
#twitter-panel {
	background-color: #36b7da;
	color: #FFF;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #FFF;
	text-align: left;
	display: none;
}

#help, #login {
	text-align: left;
	color: white;
	border-bottom-color: #E0E0E0;
	background-color: #00456a;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	display: none;
}
#help h3 {
	color: white;
}
#login {
	text-align: center;
}
#help .right-column {
	float: right;
	width: 450px;
}
#help .left-column {
	float: left;
	width: 450px;
}
#help ul {
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-left: 0px;
	margin-left: 0px;
}
#help li {
	list-style-type: none;
}
#login-content form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login-content input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}

#login-content input:focus.field {
	background-color: #545454;
}

#login-content input.button_login {
	width: 60px;
	height: 20px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	background-image: url(images/login/button_login.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.icon {
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#login-tab {
	width: 975px;
	margin-right: auto;
	margin-left: auto;
}

#login-box {
	float: left;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	margin-top: 4px;
}
#login-box a{
	font-weight: bold;

}
#login-box a:hover{
	color: #008fc5;

}
#products {
	margin-left: 20px;
	display: none;
	width: 925px;
}
#products .subnavigation-products .column {
	width: 425px;
}
#services {
	margin-left: 15px;
	display: none;
	width: 935px;
}
#services-sub-navigation-content .column {
	width: 280px;
}
#industries {
	margin-left: 15px;
	display: none;
	width: 935px;
}
#projects {
	margin-left: 225px;
	display: none;
	width: 695px;
}
#industries-sub-navigation-content .column {
	width: 280px;
}
#locations {
	margin-left: 150px;
	display: none;
	width: 785px;
}
#locations .column {
	width: 160px;
	margin-right:0;
	padding-right:10px;
}

#locations h2.styled-column {
	background-color:#CCC; 
	margin-top:0; 
	margin-left:-20px; 
	margin-bottom:10px; 
	margin-right:-10px; 
	padding-left:20px; 
	color:#FFF;
}
.location-details {
	width: 562px;
	float: left;
}
.location-details a {
	font-size: 12px;
	color: #00456a;
	text-decoration: none;
	font-weight: bold;
}
.location-details a:hover {
	color: #008fc5;
}
.location-details ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.location-details h2 {
	font-size: 14px;
	font-weight: bold;
	color: #00456a;
	margin-bottom: 3px;
}
.location-details p{
	font-size: 12px;
	line-height: 14px;
	color: #00456a;
	margin: 0px;
}
#logo {
	height: 56px;
	width: 225px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 74px;
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(/CSS/images/header/Summit-Electric-Supply-Header.png);
	margin-top: 5px;
} 
#container {
	width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
} 

#flash-content {
	float: right;
	width: 730px;
	padding: 10px;
}
#resources {
	margin-left: 175px;
	display: none;
	width: 695px;
}
#careers {
	margin-left: 225px;
	display: none;
	width: 695px;
}
#about-us {
	margin-left: 27px;
	display: none;
	width: 925px;
}
#menu{
	margin:0px;
	padding:0px;
	list-style:none;
	color:#fff;
	line-height:45px;
	display:inline-block;
	float:left;
	z-index:1000;
}
#menu a { color:#fff; text-decoration:none; }
#menu > li {
	cursor:pointer;
	float:left;
	position:relative;
	padding:0px 10px;
	background-attachment: scroll;
	background-color: #00456a;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
#menu > li a:hover {color:#B0D730;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
        /* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul {
	position:absolute;
	left:-10px;
	top:0px;
	margin-top:45px;
	width:300px;
	line-height:16px;
	background-color:#00456a;
	color:#ffffff; /* for IE */
	display:none;
}
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#7FCDFE; }
        /* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}

        /* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right {
	position:absolute;
	top:0px;
	left:300px;
}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:282px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 264px; top:0px;}
#contact-header { color: #FFF; width: auto; margin-top: 0px; height: 20px; float: right; margin-right: 15px;}
#contact-header a { color: #FFF; text-decoration: none; font-weight: bold;}
#copyright { width: 1000px; margin-right: auto; margin-left: auto;}
#copyright a { color: #FFF; text-decoration: none; font-size: 9px;}
#copyright-left { color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9px; width: 450px; text-align: left; float: left; margin-left: 15px;}
#copyright-right {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	width: 300px;
	float: right;
	margin-right: 15px;
}
#footer {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #00456A;
	line-height: 12pt;
	width: 951px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	text-align: left;
	color: #FFF;
	font-size: 10px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
} 
#footer a {
	font-size: 10px;
	color: #FFF;
}
#footer .footer-navigation-column ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#footer .footer-navigation-column li {
	list-style-type: none;	
}

#footer a:hover {
	color: #CCC;
}
#footer h3 {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 2px;
	color: #FFF;
}
.footer-navigation-column {
	width: 180px;
	padding-left: 10px;
	float: left;
}
#footer-styling {
	height: 30px;
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer-styling-left-corner {
	height: 30px;
	width: 22px;
	background-image: url(images/footer/Footer-Left-Round-Corner.png);
	float: left;
}
#footer-styling-right-corner {
	background-image: url(images/footer/Footer-Right-Round-Corner.png);
	height: 30px;
	width: 22px;
	float: right;
}
#footer-styling-middle {
	background-image: url(images/footer/Footer-Bottom-Gradient.png);
	background-repeat: repeat-x;
	height: 30px;
	width: auto;
	margin-right: 22px;
	margin-left: 22px;
}
.header-highlite p {
	float: right;
	height: 24px;
	width: 434px;
	margin-top: 30px;
	margin-right: -80px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	padding-right: 100px;
	line-height: 24px;
}
.header-highlite-icon {
	height: 72px;
	width: 60px;
	float: right;
	background-image: url(images/header/highlite-icon-summit.png);
	margin-right: 35px;
	margin-top: 2px;
}
#highlite-resources a {
	color:#FFF;
}
#highlite-resources a:hover {
	color:#E5E5E5;
}
#highlite-contact-summit-icon {
	background-image: url(images/header/highlite-icon-summit.png);
}
#highlite-ted-award-icon {
	background-image: url(images/header/highlite-icon-ted-award.png);
}
.header-highlite {
	line-height: 24px;
}
.tweet {
	font-size: 120%;
	color: #333;
	float: right;
	width: 500px;
	background-color: #FFF;
	border: 5px solid #E3E3E3;
	margin-bottom: 5px;
	display: none;
	margin-top: 20px;
}
.tweet h3, .tweet .loading {
	color: #333;
	padding: 5px;
}
.tweet .loading a {
	color: #008FC5;
}
.tweet .loading a:hover {
	color: #666;
}
.tweet .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FBFBFB;
}
.tweet ul li {
	text-decoration: none;
	list-style-type: none;
}
.tweet .tweet_list li {
      overflow: auto;
      padding: .5em; 
}
.tweet .tweet_list li a {
	color: #008fc5;
}
.tweet .tweet_list .tweet_even {
	background-color: #EFEFEF;
}
.tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; 
}
.tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; 
}
.table, #glossary-table{
	border: 2px solid #CCC;
}
.table tr th, #glossary-table tr th {
	background-color: #CCC;
}


tr.odd{background-color: #F3F3F3;} 
tr.even{}
.slider-box {
	padding: 10px;
	border: 1px solid #CCC;
	width: 560px;
	color: #666;
}
.highlight {
	font-weight: bolder;

}
#full-width {
	float: none;
	width: 98%;
}
sup {
	font-size: 60%;
	font-weight: normal;
	line-height: 50%;
}
#page-title-a, #page-title-b {
	float: right;
	width: 600px;
	padding-top: 5px;
	margin-top: auto;
	margin-bottom: auto;
	color: #FFF;
}

#page-title-a {
	margin-top: 10px;
}
#page-title-a h1 {
	color: #FFF;
}
#page-title-b h1 {
	margin: 0px;
	color: #FFF;
}
#page-header-a {
	background-image: url(/CSS/images/Page-Headers/Page-Header-Background-B.png);
	height: 56px;
	width: 730px;
	color: #FFF;
	margin-bottom: 10px;
}
#page-header-b {
	background-image: url(/CSS/images/Page-Headers/Page-Header-Background-B.png);
	height: 56px;
	width: 730px;
	color: #FFF;
	margin-bottom: 10px;
}
#page-title-a h2, #page-title-b h2, #page-title-b h4 {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
}
#page-title-b h4 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
#page-title-c h2{margin:0; color: #FFF;}
#page-title-c-table{float:right; margin-right:15px; width:600px; height:50px; border:none; padding:0; margin:0;}
#page-title-c-table tr td {	vertical-align: middle; }
#page-category h1 {
	font-size: 12px;
}
#page-category a {
	color: #FFF;
}
#page-header-a h1 a:hover {
	color: #008fc5;
}
#page-header-a h1 a {
	color: #E5E5E5;
}
#page-category h1 a:hover {
	color: #CCC;
}
#page-category {
	width: 115px;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
}
#page-title-b a {
	color: #008FC5;
}
#page-title-b a:hover {
	color: #CCC;
}
#page-header-a h1 sup, #page-header-b h1 sup {
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
}
.post {
	margin-bottom: 40px;
}
.side-navigation-left .post-categories {
	padding-bottom:0px;
	margin-bottom:5px;
}

/* Begin WordPress Images */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {
	margin: 0 0 2px 10px;
	display: inline;
}
img.alignleft {
	margin: 0 10px 2px 0;
	display: inline;
}
.alignright {float: right;}
.alignleft {float: left}
.thumb {float: left; margin-right: 7px; margin-bottom: 7px; border: 3px solid #CCC; padding:2px;}
.thumb:hover {border: 3px solid #008FC5;}
/* End WordPress Images */
/* WordPress Custom Bread Crumb Styles found in /theme/functions.php */
.postmetadata #wp-breadcrumb {
	color:#008FC5;

}
.postmetadata{	
	color:#666;
	padding:3px 0;
	background-color:#F9F9F9;
	border-bottom: 1px solid #F1F1F1;
}
/* End WordPress Custom Bread Crumb */

/* Tabulation Boxes used for Read More Buttons*/
.more-button a {
	border: 1px solid #CCC;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.more-button a:hover {
	color: #666;
	background-color: #CCC;
	border: 1px solid #666;
}

@media print { 
#header, #footer, #main-navigation, .side-navigation-left, #sub-navigation, #summit-toolbar, .toolbar-panel, #copyright, .horizontile-rule {display : none;}
.content {float:left; width:100%;
}
}