@charset "utf-8";
/* --------- Chicago Tag Secondary Page Layout CSS Styles --------- */

/*	
	1. Breadcrumbs
	2. Page
	3. Price Quote
	4. Case Study
	5. Subcategory Layout
	6. Product Detail 
	7. Going Green
	
*/


/* --------- 1. Breadcrumbs  --------- */

#breadcrumbs{width:510px; position:relative; top:133px; left:220px; font-size:.9em;}

#breadcrumbs p strong{ color:#06f;}

/* --------- 2. Page  --------- */

#page a h2{color:#06f; text-decoration:underline;}
	
#page a:hover h2{color:#123787; text-decoration:none;}

#page h1{font-size:2.1em; font-family:"Times New Roman", Times, serif; color:#000; font-weight:normal; padding-bottom:6px;}

#page em{font-style:normal; font-weight:bold;}

#page .p-img-spacer h2{font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold;}

.p-img-spacer{width:510px; float:left; clear:both; /*border-bottom:#D6DCE3 1px solid;*/ padding-bottom:6px; margin-bottom:6px; margin-top:5px;}
	
.p-img-spacer p{display:block; width:360px; float:left;}
	
.p-img-spacer img{float:left; clear:both; margin:0px 12px 0px 0px; padding:3px; border:#D6DCE3 1px solid;}

.p-spacer{width:510px; float:left; clear:both; padding-bottom:6px; margin-top:5px;}

#form{float:left; width:450px; position:relative; left:30px;}
	
#form label{margin-top: 14px; margin-left:2px; display: block; float: left; width: 100px; font-weight:bold; text-align:right;}

#form input{margin: 10px 0px 0px 10px; padding: 2px; border: 1px solid #CCC; width: 200px;}

#form textarea{ margin: 11px 0px 0px 10px; border: 1px solid #CCC; width: 201px; padding:2px; height: 125px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

#form #Submit{ width:126px; height:36px; margin-top:10px; border:0px; position:relative; left:184px;}

#contact-info{float:left; margin-right:18px; height:150px;}

iframe{float:left; margin-top:5px; padding:3px; border:#D6DCE3 1px solid;}

.image-colum{ width:125px; height:450px; clear:left;}

.small-font {font-size:.9em;}

/* --------- Quote Form --------- */

#quote-form {width:200px;}

#quote-form p {font-size:2.1em; font-family:"Times New Roman", Times, serif; color:#009900; font-weight:normal; padding-bottom:6px;}
	
#quote-form label {display:block; padding:5px 0px; width:200px; font-weight:bold;}

#quote-form input {padding: 2px; border: 1px solid #CCC; width: 194px;}

#quote-form textarea {margin:5px 0px 0px 0px; border: 1px solid #CCC; width: 194px; padding:2px; height: 75px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

#quote-form #Submit {width:126px; height:36px; margin:10px 0px; border:0px;}



/* --------- 3. Price Quote  --------- */

#price-quote{width:202px; height:127px; margin-bottom:20px; color:#FFF; background:url(../images/bg-price-quote.jpg) no-repeat; position:relative;}

#price-quote span{font-size:1.8em; font-family:"Times New Roman", Times, serif; display:block; font-weight:bold; width:200px; text-align:center; padding:11px 0px;}

#price-quote p {display:block; width:180px; text-align:center; padding:0px 10px; font-style:normal;}

#price-quote a{display:block; width:166px; height:28px; position:relative; top:22px; left:16px;}

#price-quote a p{display:none;}

/* ---------  New Price Quote  --------- */

#price-quote02{float:left; width:202px; height:487px; margin-bottom:20px; color:#133773; background:url(../images/quote-bg.jpg) no-repeat;}

#price-quote02 h2{font-size:1.8em; color:#fff; font-family:"Times New Roman", Times, serif; display:block; font-weight:bold; width:200px; text-align:center; padding:5px 0px;}

#price-quote02 table{width:198px; color:#133773; border-collapse:collapse; float:left; margin-top:0px;}
#price-quote02 td{padding:12px 0px 0px 18px; font-weight:bold;}
#price-quote02 label{}
#price-quote02 input{width:160px; height:17px;}
#price-quote02 select{width:163px; height:21px;}
#price-quote02 span.boxInput input{width:10px; float:left; margin-right:5px;} 
#price-quote02 .pad{padding-right:5px; float:left; padding-top:15px;}
#price-quote02 .buttonSubmit{ width:165px; height:37px; padding:0px 0px 8px 0px;}
#price-quote02 p{padding-left:15px;}
#price-quote02 textarea{width:160px;}

#green{float:left; width:200px; text-align:left;}
#green img{float:left; padding-bottom:7px; margin:0px;} 
#green p{ float:left; padding-bottom:7px; line-height:150%;}


/* --------- 4. Case Study  --------- */

#client-case-study span#cs-top{display:block; width:200px; height:12px; background: url(../images/bg-case-study-top.gif) no-repeat top; margin-left:0px; vertical-align:top;}

#client-case-study span#cs-bottom{display:block;  width:200px; height:12px; background: url(../images/bg-case-study-btm.gif) no-repeat bottom; margin-left:0px; vertical-align:bottom;}

#client-case-study{width:200px; background:#E3E7ED; margin-bottom:20px;}

#client-case-study div {width:180px; margin-left:10px;}

#client-case-study div span{font-size:1.6em; font-family:"Times New Roman", Times, serif; display:block; width:180px; margin-bottom:10px;}

#client-case-study em {display:block; font-style:normal; font-weight:bold; margin-top:10px;}

#client-case-study p{line-height:150%; padding-bottom:10px;}

#client-case-study div a#results{padding-left:16px; background:url(../images/bullet-case-study.gif) no-repeat left 2px;}

/* --------- 5. Subcategory Layout  --------- */

#category-products{width:510px; margin: 10px 0px;}
	
#category-products li{width:170px; margin-bottom:10px; margin-left:0px; padding-left:0px; float:left; background:none; text-align:center;}
	
#category-products li img{padding:3px; border:#D6DCE3 1px solid; margin-bottom:4px;}

/* --------- 6. Product Detail Layout  --------- */
	
#page dl{margin:4px 0px 12px 12px; width:235px; float:left;}
	
#page dt{font-size:1.7em; font-family:"Times New Roman", Times, serif; color:#000; font-weight:normal; padding-bottom:6px; padding-left:16px;background:url(../images/bullet-plus-sign.gif) no-repeat left 5px;}

#page dd{margin-bottom:8px; margin-left:12px; padding-left:8px; background:url(../images/bullet-small-circle.gif) no-repeat left 5px;}

#related-product span#rp-top{display:block; width:200px; height:12px; background: url(../images/bg-case-study-top.gif) no-repeat top; margin-left:0px; vertical-align:top;}

#related-product span#rp-bottom{display:block; width:200px; height:12px; background: url(../images/bg-case-study-btm.gif) no-repeat bottom; margin-left:0px; vertical-align:bottom;}

#related-product{width:200px; background:#E3E7ED; margin-bottom:20px;}

#related-product div{padding:0px 10px; text-align:center;}

#related-product div span{font-size:1.6em; font-family:"Times New Roman", Times, serif; display:block; margin-bottom:10px;}

#related-product div img{padding:3px; border:#D6DCE3 1px solid; background:#FFF; margin-bottom:4px;}

#uses-industries {float:left; width:510px; padding-top:5px; margin:10px 0px;}

#uses-industries02 {float:left; width:510px;padding-top:5px; margin:10px 0px; background-color:#edf3ff;}
#uses-industries02 .dl-right{padding-top:28px;}


chic
#free-sample {width:510px; height:50px; background:url(../images/bg-free-sample.jpg) no-repeat left top; margin-top:12px;}

#free-sample a {text-decoration:none; font-size:1.8em; font-family:"Times New Roman", Times, serif; display:block; font-weight:bold; text-align:center; padding-top:13px;  height:44px; color:#FFF;}

/* --------- 7. Going Green  --------- */

#page #going-green a {color:#090;}

#page #going-green a:hover {color:#060;}

#page #going-green h1, #page #going-green h2, #page #going-green strong {color:#060;}

#page #going-green h1, #page #going-green h2 {background:url(../images/pages/bg-headers.jpg) no-repeat left; padding-left:45px;}

#going-green ul {background:url(../images/pages/bg-ul-going-green.jpg) no-repeat right top;}

#page #going-green li {width:365px;}

#page #going-green {background:url(../images/pages/bg-going-green.jpg) no-repeat bottom; padding-bottom:140px;}

/* --------- 8. Price Quote Green  --------- */

#price-quote-green {width:202px; height:127px; margin-bottom:20px; color:#FFF; background:url(../images/bg-price-quote-green.jpg) no-repeat; position:relative;}

#price-quote-green span{font-size:1.8em; font-family:"Times New Roman", Times, serif; display:block; font-weight:bold; width:200px; text-align:center; padding:11px 0px;}

#price-quote-green p {display:block; width:180px; text-align:center; padding:0px 10px; font-style:normal;}

#price-quote-green a{display:block; width:166px; height:28px; position:relative; top:22px; left:16px;}

#price-quote-green a p{display:none;}