@import url(skeleton.css);

#header h2{width:240px; height:125px; background:url(images/logo.gif) no-repeat top left; float:left;}
#header h2 a{display:block; height:125px; width:100%;}
#header h2 span{margin-left:-999em; float:left;}

#systemNav {float:left; width:170px; margin:-15px 10px 0 0;}
#systemNav h3{margin-bottom:10px; font-size:12px;}
#systemNav h3 a{color:#003591; text-decoration:none;}
#systemNav ul{list-style:none;}
#systemNav ul li{width:165px; background:url(images/systemNavBg.gif) no-repeat top left; margin-bottom:5px; padding-left:5px;}
#systemNav ul li a{display:block; height:20px; line-height:20px; text-decoration:none; color:#003591;
				   font-size:11px;}
#systemNav ul li ul{margin:5px 0 15px 0;}
#systemNav ul li ul li{background:none; height:auto; width:160px;}
#systemNav ul li ul li a{display:inline; height:auto; line-height:10px;}
#systemNav ul li ul li a:hover{text-decoration:underline;}
#systemNav ul li ul li ul{margin-left:5px;}
#systemNav ul li ul li ul li{width:150px;}

#systemNav #applicationsNav li{height:25px; background:url(images/applicationsNavBg.gif) no-repeat top left;}
#systemNav #applicationsNav li a{height:25px; line-height:25px; color:#001c4c;}		
#systemNav #applicationsNav ul li{height:auto; background:none;}
#systemNav #applicationsNav ul li a{height:auto; line-height:14px; color:#003591;}

#CTA{margin-top:10px;}	
				   
#breadcrumbs{list-style:none; margin:0 !important;}
#breadcrumbs li{display:inline; color:#213c67; font-size:11px; border-left:1px solid #213c67; padding:0 0 0 3px;}
#breadcrumbs li a{color:#213c67; list-style:none; text-decoration:none;}
#breadcrumbs li a:hover{text-decoration:underline; color:#213c67;}

#contentBuffer {float:left; width:535px; margin-top:-15px; font-size:11px;}
#contentBuffer h2, #contentBuffer h3, #contentBuffer h4, #contentBuffer h5{color:#003591; clear:left;}
#contentBuffer h3 a{text-decoration:none; color:#003591;}
#contentBuffer h2{padding:10px 0 15px 0; font-size:20px;}
#contentBuffer h4{font-size:12px; margin:12px 0 6px 0;}
#contentBuffer h5{font-size:11px; margin:11px 0 5px 0;}
#contentBuffer p{ margin-bottom:1em; line-height:15px; color:#001c4c;}
#contentBuffer .col{float:left; width:48%; margin:0 .5%;}
html>body #contentBuffer .col{margin:0 1%}
#contentBuffer .col3{float:left; width:31%; margin: 0 .5%;}
html>body #contentBuffer .col3{margin:0 1%;}
#contentBuffer .col em{display:block; width:98%;}
.col img, .col3 img{border:0;}
.center{text-align:center;}
#contentBuffer .row{padding:.5em 0 1.5em 0; float:left; width:100%;}
#contentBuffer .row h4{font-size:12px; border-bottom:1px solid #003591; margin-bottom:5px;}
#contentBuffer ul{margin:5px 0 20px 20px; color:#001c4c;}
#contentBuffer ol{margin:5px 0 20px 30px; color:#001c4c;}
#contentBuffer ul ul, #contentBuffer ol ul{margin:5px 0 5px 10px;}

.horrayforhats{border-bottom:1px solid #003591; margin-bottom:5px;}
.horrayforhats h3{float:left; width:87%; font-size:12px;}
.row a{text-decoration:none; color:#c00800;}
.row a:hover{text-decoration:underline;}
.row .photo1 img, .row .photo2 img{border:0;}
.row .photo2{margin:0 5px 5px 0;}
.row .photo1{margin:0 0 5px 5px;}

.button{ clear:both; padding-left:7px; display:block; width:243px; height:25px; line-height:25px; text-decoration:none; font-weight:bold; color:#1A4DA0;
		  background:url(images/ButtonBg.gif) no-repeat top left; margin:1em 0;}

* html #footer{border-top:none;}

form fieldset{border:none;}
form legend{display:none;}
form ol{list-style:none;}
form li{margin-bottom:2px;}
form .required{font-weight:bold;}
form label{width:90px; display:block; float:left; text-align:right; padding-right:10px; padding-top:3px; font-size:11px;}
form #controls input{margin:10px 0 10px 150px; width:160px;}

#landingNav{list-style:none; margin:0 !important;}
#landingNav li{margin-bottom:1em; float:left; width:100%;}
#landingNav h3{border-bottom:1px solid #003591; font-size:12px; margin-bottom:5px;}
#landingNav h3 a{text-decoration:none; color:#003591;}
#landingNav li img{float:left; margin-right:5px;}
#landingNav a{text-decoration:none; color:#c00800;}
#landingNav p{margin-bottom:.5em;}

.catalog h3{border-bottom:1px solid #003591; font-size:13px; clear:both; padding-bottom:2px; margin-bottom:5px; padding-top:10px;}
.catalog h3 a{color:#003591; font-size:13px;}
.catalog .top{padding-top:0;}
.catalog .bigTitle{line-height:normal;}
/*.catalog img{float:left; clear:left; margin:0 5px 5px 0; border:0;}
.imageStack img{clear:none; margin:0 3px 3px 0;}*/
.catalog p{float:left; width:260px; margin-right:3px;}
/*
.longer{width:320px !important;}
.catalog a{text-decoration:none; color:#c00800; font-size:11px;}
.catalog a:hover{text-decoration:underline;}
.catalog ul{float:right; margin:0!important; list-style:none; width:200px;}
.catalog strong{display:block; color:#003591; margin:0 0 2px 0;}*/

/* topspotims */
.catalog img{margin:0 5px 5px 0; border:0;}
.imageStack img{clear:none; margin:0 7px 7px 0;}
.catalog #anchor-links a{color:#003591;}
.catalog #anchor-links ul{font-size:14px;}
.longer{width:535px !important;}
.catalog a{text-decoration:none; color:#c00800; font-size:11px;}
.catalog a:hover{text-decoration:underline;}
.catalog ul{ margin:0!important; list-style:none; width:535px;}
.catalog ul li{margin:0!important; list-style:none; width:190px;}
.catalog strong{display:block; color:#003591; margin:0 0 2px 0;}
.spacing{padding-left:55px;}
.list{display:inline; padding-left:20px;}
.img-spacing li{display:inline; padding: 0 55px 0;}
.link-spacing li{padding-left: 30px;}

/* replist table */
.replist, .replist td { border:none; }
.colored-bg { background-color:#efefef !important; }

.clear{clear:both;}
.bottomBorder{border-bottom:1px solid #003591;}

table{border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#000; margin-bottom:1em;}
th{border-width:0 1px 3px 0; border-style:solid; border-color:#000; text-align:center; padding:5px 5px 3px 5px; background:#396FC7; 
   color:#fff; vertical-align:bottom;}
td{border-width:0 1px 1px 0; border-style:solid; border-color:#000; padding:3px 3px 5px 5px; vertical-align:middle;}
.pic{text-align:center; background:#fff;}
.pic img{border:none;}
.zebra{background:#E3EAF4;}
#header h2{width:240px; height:125px; background:url(images/logo.gif) no-repeat top left; float:left;}
#header h2 span{margin-left:-999em; float:left;}

.fd_results b{padding:10px 0 15px 0; font-size:20px; color:#003591; clear:left; float:left; width:100%; display:block;}

div#addressBox {
}
#askquestion{padding-left:10px; float:right;}
#askquestion h2{background:url(images/CTABg.gif) no-repeat top left; width:164px; height:20px; font-size:12px; padding:4px 0 0 6px; color:#1A4DA0;}
#askquestion form{ border:solid 1px #e0e7f1; padding-left:10px; padding-top:5px;}
#askquestion form label{ float:none; display: compact; padding:0; text-align:left; height:0px; color:#1A4DA0;}
#askquestion form input{margin-bottom:5px;}
#askquestion form textarea{ width:11em; margin-bottom:5px;}



/*===================================== APPLICATION BUCKETS ============================*/

#contentBuffer #appBucket{margin:25px 0 40px 0; padding:0; list-style-type:none;}
#appBucket li{float:left; border:solid 1px #9dabc2; background:transparent url(../images/bucket-bg.jpg)repeat-x top left; height:176px; width:262px; margin:3px 7px 4px 0px;}
#appBucket li.noMargin{margin:3px 0px;}
#appBucket li h2{ font-size:12px; text-decoration:underline; color:#003591; margin-left:10px; padding-bottom:5px;}
#appBucket li img{ float:left; margin:20px 0 0 7px; border:none;}
#appBucket li .imageBtn{ background:none; width:auto;}
#appBucket .row2 img{margin-top:4px;}
#appBucket .row3 img{margin-top:12px;}
#appBucket li p{ font-size:11px; color:#000000; margin:0 12px 0 105px;}
#appBucket li #btn1, #appBucket li #btn2, #appBucket li #btn3, #appBucket li #btn4, #appBucket li #btn5{ background:transparent url(../images/app-btn.png) no-repeat top left; width:134px; height:23px; display:block; overflow:hidden; clear:both; margin:12px 0 0 101px; color:#ffffff; font-size:9pt; padding:6px 0px 0px 23px; text-decoration:none;}
#appBucket li #btn1:hover, #appBucket li #btn2:hover, #appBucket li #btn3:hover, #appBucket li #btn4:hover, #appBucket li #btn5:hover{ background-position:0px -31px;}
#appBucket li #btn1{margin-top:22px;}
#appBucket li #btn2{margin-top:52px;}
#appBucket li #btn3, #appBucket li #btn4{margin-top:22px;}
#appBucket li #btn5{margin-top:37px;}
h3 em{font-size:11px; color:#000000; font-weight:normal;}
.clearBoth{clear:both;}


/*===================================== IMAGE GALLERY ============================*/
#contentBuffer #imageGallery{margin:14px 0 0 0; padding:0; list-style-type:none;}
#contentBuffer #imageGallery li{float:left; margin:0px 24px 22px 0px;}
	#contentBuffer #imageGallery .noMargin{margin-right:0px;}
#contentBuffer #imageGallery li img{ border:solid 1px #cccccc; width:160px; height:115px;}



/*===================================== CONDUCTOR SYSTEMS FORM ============================*/
.resetList{
	margin:0px;
	padding:0px;
	list-style-type:decimal;
}
#conductorSystems ol{
	
}
#conductorSystems label{
	float:left;
	text-align:left;
}
#conductorSystems input, #conductorSystems select{
	margin-bottom:5px;
}
#conductorSystems select{
	width:146px;
}
#conductorSystems ol li label{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:200px;
	line-height:2;
}
#conductorSystems ol li #volts, #conductorSystems ol li #phase, #conductorSystems ol li #cs{
	width:28px;
}
#conductorSystems ol li #Number_Power_Conductors, #conductorSystems ol li #control_lines, #conductorSystems ol li #ground, #conductorSystems ol li #neutral{
	width:28px;
}
#conductorSystems ol li .textArea{
	line-height:1.2;

}
#conductorSystems ol li input{
}

/*===================================== CONTENT SLIDE ============================*/
#slideToggle{
	display:block;
	padding:3px;
	width:134px;
	background-color:#ffffff;
	border:solid 1px #003591;
	color:#003591;
	text-decoration:none;
	font-size:9pt;
	margin-bottom:10px;
}
#slideToggle:hover{
	background-color: #003591;
	color:#ffffff;
	cursor:pointer;
}



/*===================================== PHONE SEARCH ============================*/

#phoneSearch{
	float:right;
	width:250px;
	margin-top:42px;
}
	#phoneNumber{
		text-align:right;
		font-size:13pt;
		color:#144DA0;
	}
		#phoneNumber strong{
			font-size:18pt;
		}
	#search2{
		margin-top:8px;
	}