/********
Stylesheet for Erie Custom Products
*******/

/*DEFAULT SETTINGS*/
	*{margin:0;padding:0;}
	img{border:0;}

	body{color:#000000;font-family: Arial, Helvetica, sans-serif;}
	div#container{background:#ffffff url(../../images/site_background.jpg) repeat-x;width:1000px;margin:auto;}
	
	h4{font-size:14px;}

/****Header*****/		
	div#masthead{width:100%;height:171px;}
	div#logoArea{width:250px;float:left;}
	
	div#company{width:275px;text-align:right;padding-top:60px;font-size:35px;height:50px;line-height: 52px;color:#ffffff;padding-right:20px;float:right;}
		div#company span#first{font-weight:bolder;}
		div#company span#second{font-weight:lighter;font-size:28px;}
	
	div#topNav{clear:right;width:740px;text-align:left;margin-left:255px;font-weight:bold;padding:0;font-size:16px;}
		span.mainNav a{border-left:1px #ffffff solid;float:left;line-height:50px;padding:7px 15px 0 15px;color:#544f41;text-decoration:none;font-weight:bold;}
		span.mainNav a:hover{background:url(/images/selected.jpg) repeat-x;}
		span.firstButton a{border-left:none;}
		span#selected a{background:url(/images/selected.jpg) repeat-x;color:#0db0da;}
		
	div#homeTitle{margin-top:-105px;margin-left:250px;width:325px;position:absolute;color:#ffffff;}
		h1#home{font-size:17px;font-weight:normal;}
	/**h1#home{font-size:18px;margin-top:-15px;font-weight:normal;}	**/
	div#homeTagLine{background-color:#43c6f2;padding:5px 10px 5px 20px;font-size:25px;line-height:25px;text-align:left;width:287px;margin-left:-15px;margin-top:65px;color:#ffffff;}	

/****Body*****/
	div#page{clear:both;width:1000px;}
	div#copy{margin:8px 15px 5px 15px;}

	.boldIt{font-weight:bold;}
	span.largest{font-size:21px;}
	span.larger{font-size:18px;}
	span.large{font-size:16px;}
	span.smaller{font-size:14px;}
	p.smaller{font-size:12px;}
	span.noTagLine{margin-top:25px;}

	div.clearBoth{clear:both;}
	p.halfway{width:140px;}
	p.moveup{margin-top:-5px;}
	
/***home page**/
	div#featured2, div#featured3, div#featured4{display:none;} /**initially hide all but one div**/
	
	div#homeActionArea{clear:both;margin-top:8px;width:967px;}
		div#homeGallery{float:left;width:638px;height:100%;}
			div#homeGalleryTitle{width:608px;padding:5px 5px 5px 25px;color:#ffffff;font-size:17px;background-color:#001558;}
		div#homeCustomInfo{color:#ffffff;float:right;padding:15px;width:287px;height:340px;background:url(/images/home/graygradient.jpg) repeat-x #403d2e;}
			span#customInfoTitle{font-size:24px;font-weight:bold;}
			span#customInfoTitle a{color:#0db0da;text-decoration:none;}
			div#homeCustomInfo p a{color:#ffffff;text-decoration:none;}
			div#homeCustomInfo p a:hover{text-decoration:underline;}
			div#homeCustomInfo p{font-size:15px;padding-top:9px;}  
			
	div#homeGalleryControls{clear:left;width:630px;height:44px;text-align:center;line-height:26px;padding-top:10px;}
		div#homeGalleryControls div{float:left;font-size:25px;font-weight:bold;width:28px; height:28px;margin-left:15px;}
		div#homeGalleryControls div#controls{width:120px;float:right;}
		a#flink1,a#flink2,a#flink3,a#flink4{text-decoration:none;padding-left:5px;padding-right:5px;}
		
	div#columnContainer{clear:both;width:966px;margin-top:-20px;}
		div.columnTitle{font-size:18px;width:306px;height:44px;line-height:44px;padding-left:10px;margin-top:7px;border-top:3px #ffffff solid; border-bottom:3px #ffffff solid;color:#ffffff;font-style:italic;font-weight:bold;}
		div.threeColumns{width:316px;height:600px;float:left;}
			
		div.first{background:url(/images/home/bluegradient.jpg) repeat-x #00388d;margin-right:9px;}
		div.second{background:url(/images/home/browngradient.jpg) repeat-x #76390d;margin-right:9px;}
		div.third{background:url(/images/home/darkgradient.jpg) repeat-x #29261d;}
		div.first div.columnTitle{background-color:#337bb5;}
		div.second div.columnTitle{background-color:#1a5788;}
		div.third div.columnTitle{background-color:#0c3251;}
		div.columnContent{padding:15px;color:#ffffff;}
			div#columnContainer div.threeColumns div.columnContent h2,div#columnContainer div.threeColumns div.columnContent h2 a{font-size:23px;}
			div.threeColumns div.columnContent a{font-size:16px;font-weight:bold;text-decoration:none;}
			div#columnContainer div.threeColumns a:hover{text-decoration:underline;}
			div.first div.columnContent h2{color:#0db0da;}
			div.first div.columnContent a{color:#0db0da;}
			div#columnContainer div.second div.columnContent h2{color:#FFBA00;}
			div#columnContainer div.second div.columnContent a{color:#FFBA00;}
			div#columnContainer div.third div.columnContent h2{color:#a8a8a8;}
			div#columnContainer div.third div.columnContent a{color:#a8a8a8;}
			div.columnContent p{padding-bottom:10px;font-size:14px;}
			div.columnContent img{padding:10px 0;}
				div#columnImage{width:290px;height:261px;background:url(/images/home/shadow.png) no-repeat;text-align:center;}
			div.mainImage{margin-top:-30px;float:left;height:340px;width:475px;background:url(../../images/gallery/backgrounds/gallery_shadow.png) no-repeat;}
	div.galleryImage{margin-top:0;border:4px solid #000000;background:url(../../images/gallery/backgrounds/gallery_gradient.jpg) repeat-x #c6e0ec;}
		div.galleryImage div{width:100%;height:100%;background:url(../../images/gallery/backgrounds/gallery_shadow.png) no-repeat;vertical-align:middle;}
					
	div.lowerContent{width:100%;margin-top:0;}
	
	div.leftColumn{float:left;width:483px;padding-right:1%;margin-bottom:11px;}
	div.rightColumn{float:right;width:48%;}
		div#galleryContent{width:443px;height:294px;padding:10px 20px;}
		div#galleryContent h2{font-size:18px;font-weight:bold;margin-bottom:10px;}
		div#galleryContent div p{margin-bottom:10px;}
	
	div.sectionDescription{border-top:7px #201f1b solid;margin-top:30px;} 

		div#textHolder{font-size:15px;padding:8px;height:210px;width:450px;}
			div#textHolder p{padding-bottom:5px;}
			span.tableLabel{font-weight:bold;}
			span.tableLabel a{color:#000000;text-decoration:none;}
			span.tableLabel a:hover{text-decoration:underline;}
		div.sectionTitle{height:28px;background-color:#112865;border-top:3px #ffffff solid;border-bottom:3px #ffffff solid;padding-top:5px;padding-bottom:5px;}
			div.sectionTitle h1{font-size:20px;margin-left:512px;color:#ffffff;}
			div.sectionTitle h2{color:#ffffff;margin-left:10px;font-size:18px;line-height:28px;}
		div.shortWidth{width:466px;}
			div.shortWidth h1{font-size:18px;line-height:28px;margin-left:10px;}
		div.serviceTitle{background-color:#8a3e1b;}
		
		
		div#callToAction{float:right;margin-top:-10px;}
		div#quote{float:right;margin-top:-65px;padding:10px;width:200px;height:110px;}
			div#quote a{font-size:12px;}

	div#galleryProducts{width:470px;background-color:#3b382f;padding:42px 0 30px 0;color:#ffffff;}
		div#galleryProducts div{margin-left:15px; font-size:12px;height:15px;}
			div#galleryProducts div a{color:#ffffff;}
		div#galleryProducts ul#productList li{list-style:none;float:left;text-align:center;background:url(../../images/gallery/thumbnail/gallery_background.jpg) repeat-x #cfccb7;width:104px;height:72px;border:2px solid #cfccb7;padding-top:10px;margin:10px 0 0 5px;}
		ul#productList li{list-style:none;float:left;text-align:center;background:url(../../images/gallery/thumbnail/gallery_background.jpg) repeat-x #cfccb7;width:104px;height:72px;border:2px solid #cfccb7;padding-top:10px;margin:10px 0 0 5px;}
		
		div#serviceContent h2#galleryHeading{font-size:16px;color:#ffffff;}
		
	div#galleryList{clear:both;font-weight:bold;padding:5px 5px 15px 5px;font-size:12px;}
		div#galleryList ul li{list-style:none;float:left;text-align:center;width:84px;height:85px;border:2px solid #000000;padding-top:5px;margin:10px 0 0 3px;vertical-align:top;}
		div#galleryList ul li#current{background-color:#43C6F2;}

		div#galleryList span{color:#ffffff;}
		div#galleryList a{color:#000000;text-decoration:none;}
		div#galleryList a:hover{text-decoration:underline;}
	
/****beltguards page****/
	div#bgColumnContainer div.first,div#columnContainer div.third{background: url(/images/beltguard/beltguard_bkgd.jpg) repeat-x #00256b;color:#cccbcd;}
		div#bgColumnContainer div.threeColumns{height:590px;}
		div#bgColumnContainer div.second{background: url(/images/beltguard/beltguard_ctr_bkgd.jpg) repeat-x #ffffff;color:#000000;}
		div#bgColumnContainer div.threeColumns a{color:#cccbcd;}
		div#bgColumnContainer div.columnTitle{color:#000000;} /**overrides column height and background on beltguard page**/
		div#bgColumnContainer div.first div.columnTitle, div#columnContainer div.third div.columnTitle{background-color:#6a8acf}
		div#bgColumnContainer div.second div.columnTitle{background-color:#ffac00;}
		div#bgColumnContainer div.threeColumns h3 a{font-size:25px;}
		div#bgColumnContainer div.threeColumns h3 a:hover{text-decoration:underline;}
		div#bgColumnContainer div.second div.columnContent{color:#000000;}
	div#smallColumns{margin-top:-5px;margin-bottom:5px;}
		div#smallColumns div.threeColumns{height:310px;background:none;}
		div#smallColumns div.second{background-color:#7c421a;}
		div#smallColumns div.first,div#smallColumns div.third{background-color:#00256B;}
		div#smallColumns div.threeColumns h3{font-size:25px;font-weight:bold;}
		div#smallColumns div.second a{color:#000000;font-size:12px;}
		div#smallColumns div.threeColumns a:hover{text-decoration:underline;}
/***Literature****/
	div.columnImage{padding-right:10px;float:left;}
		img.brochures{margin-top:-5px;margin-left:-5px;}
	div.brochureContainer, div.brochureContainer div.columnContent{background-color:#ffffff;color:#000000;height:250px;margin-bottom:80px;}
		div#columnContainer div.columnContent div.brochureLink a{color:#112865;width:110px;float:left;margin-top:25px;margin-left:20px;}
		div#columnContainer div.columnContent div.brochureLink a:hover{color:#43c6f2;}
	
/*****Service Sections******/
	div.serviceList{background-color:#112965;width:218px;height:305px;float:left;color:#ffffff;padding:10px;}
		div.serviceList h2 a{margin-left:5px;text-decoration:none;}
		div.serviceList a:hover{text-decoration:underline;color:#43C6F2;}
		div.serviceList div{height:185px;}
		div.serviceList ul{margin-bottom:30px;list-style-type:none;}
			div#copy div.serviceList ul li{list-style-type:none;}
		div.serviceList a{color:#ffffff;margin-left:50px;text-decoration:none;}
	div.serviceService{background:url(../../images/services/service.jpg) no-repeat #112965;margin-right:6px;}	
		div.serviceService ul{padding-top:50px;}	
	div.serviceMetal{background:url(../../images/services/metal_capabilities.jpg) no-repeat #112965;margin-right:6px;}
		div.serviceMetal ul{padding-top:105px;}
	div.serviceFinish{background:url(../../images/services/finishes.jpg) no-repeat #112965;margin-right:6px;}
		div.serviceFinish ul{padding-top:64px;}
	div.serviceMaterial{background:url(../../images/services/materials.jpg) no-repeat #112965;}
		div.serviceMaterial ul{padding-top:105px;}
	div.serviceList h2{font-size:20px;margin:10px 10px 60px 10px;}
	ul.serviceMenu li a{margin-left:0;}
	
	div#sidebar{width:200px;float:left;font-size:11px;}
		div#sidebar div{margin:5px 0 15px 0;line-height:18px;}
		div#sidebar h3 a{text-decoration:none;}
		div#sidebar div.serviceHeading{border-bottom:solid 2px #000000;line-height:30px;color:#122a6a;}
		div#sidebar div.serviceHeading h2 a{text-decoration:none;color:#122a6a;} 
		
	div#serviceContent{float:right;width:710px;margin-right:15px;font-size:14px;}	
		div#serviceContent div.serviceSubcategory{padding-bottom:15px;}
			div#serviceContent h2{font-size:20px;color:#122a6a;}
			div#serviceContent h3{font-size:16px;}
			div#serviceContent div div.serviceHeading{border-bottom:solid 2px #000000;line-height:20px;margin:5px 0 10px 0;height:30px;}
			div.serviceDetail,div.serviceDetail p{margin-bottom:20px;}
			
	div.category{float:left;text-align:center;width:131px;margin-right:5px;border: 1px solid #11254a;display:block;}
	div.lastCategory{margin-right:0;}
	div.category:hover{	border:1px solid #0DB0DA;}	
		div.catDescriptor{font-size:10px;padding:0 6px 0 6px;text-align:left;height:50px;}
		div.catDescriptor a{text-decoration:none;color:#000000;}
		div.category li{list-style:none;vertical-align:middle;font-style:normal;vertical-align:bottom;font-size:12px;margin:5px 0 3px -7px;width:125px;}
		div.category li a{font-weight:bold;height:30px;display:block;border:solid 1px #000000;background-color:#43c6f2;color:#000000;text-decoration:none;padding:5px 5px 4px 5px;}
		div.category li a:hover{background-color:#112865;color:#ffffff;}	
	
	div.fullWidthContainer{width:90%;margin:10px 10px 20px 10px;padding:10px 20px 20px 20px;}
	span.note{font-size:11px;}
	span.makeRed{color:#CC0000;}
	
/*****Info Section****/
	
	div.qa{margin:10px 0 20px 0}
			div.qa p{margin-bottom:10px;}
		.question{font-weight:bold;}
		.answer{margin-top:-5px;}
			ul.answer{padding-left:20px;margin-top:10px;}
			ul.answer li{margin-bottom:5px;}
	
/*****Footer******/
	div#footerTagline{text-align:center;width:100%;padding:10px 10px 10px 10px;background-color:#8A3E1B;margin-top:-10px;margin-left:-10px;margin-bottom:10px;font-size:22px;}
	div#footer{clear:both;width:980px;padding:10px 10px 20px 10px;height:95px;border-top: 10px solid #ffffff;border-bottom: 10px solid #020e58;color:#ffffff;background:#020e58;text-align:left;font-size:14px;}
			div#footerLeft{width:45%;float:left;}
			div#footerRight{width:50%;float:right;text-align:right;margin-top:8px;}
			div#footer a{color:#ffffff;text-decoration:none;}
			div#footer a:hover{text-decoration:underline;}
			span#copyright{font-size:10px;}
	
/*****Contact Form******/
	div.leftColumn form{margin-left:20px;font-size:15px;text-align:right;}
		div.leftColumn form label{font-size:12px;vertical-align:top;}
		div.leftColumn form fieldset{margin-bottom:15px;border:none;}
		div.leftColumn form fieldset input, textarea{color:#0000CC;margin-bottom:8px;width:300px;margin-left:15px;}
		div.leftColumn form fieldset select{color:#0000CC;margin-bottom:8px;width:304px;margin-left:15px;}
	
	ul.alert{margin-left:30px;margin-top:10px;font-size:12px;font-weight:bold;}
	.alert{color:#cc0000;}
	div.leftColumn p{font-size:14px;}
	
	div#copy div ul{
		/***this is to repair the bullet disappearing act in IE***/
		margin-left:10px;
	}
/***Sitemap****/
	div.siteListing{margin-top:20px;margin-left:30px;}
		div.siteListing div{margin-top: 5px;}
			div.siteListing div a{margin-right:15px; margin-left:5px;font-size:12px;}
			
/****Belt Guard Form*****/
	fieldset.stepContainer span.makeRed{font-size:14px;}
	fieldset.stepContainer{width:920px;margin:5px 0 5px 3px;padding:20px;font-size:12px;border:#999999 thin dotted;}	
	fieldset.stepContainer legend{font-size:18px;color:#333333;}	
	fieldset.stepContainer fieldset{padding:10px;margin-bottom:20px;border:#ffffff;}
	fieldset.stepContainer fieldset legend {font-size:14px;font-weight:bold;}
	fieldset.stepContainer fieldset div{padding:5px;}
	fieldset.stepContainer fieldset label{width:175px;display:block;float:left;padding-top:2px;}
	fieldset.stepContainer fieldset div.fourths{width:110px;float:left;}
	div.fourths div.radioLabel{float:right;width:70px;margin-top:-10px;margin-right:5px;}
	fieldset.stepContainer fieldset.thirds{float:left;width:280px;}
	fieldset.stepContainer fieldset.thirds div.description{margin-left:80px;font-size:11px;}	
	fieldset.stepContainer fieldset.thirds div.description2{font-size:11px;}
	img.featureImage{float:right;margin-right:50px;padding:0 10px 5px 10px;}
	fieldset.stepContainer fieldset.thirds div.noIndent{margin-left:20px;}
	fieldset.stepContainer fieldset textarea{width:200px;margin-left:-25px;}
	fieldset.stepContainer fieldset.contactInfo{float:left;width:225px;margin-right:10px;}
	fieldset.stepContainer fieldset.contactInfo textarea{margin-left:-5px;height:110px;margin-bottom:0;}
	fieldset.stepContainer fieldset#formButtons{float:right;margin-top:100px;}
	div#anotherQuote{float:right;margin:110px 100px 0 0;}
	input.measurement{width:50px;}