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

body, html {
  height: 100%
}
body {
	margin: 0;
	background: #f9fcfd url(../images/tile-stripe.png) repeat-x;
	font-size: 62.5%;
	font-family: Arial;
	color: #666;
}
#container{
	width: 1000px;
  	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #787878;
}
* html #container {
  	height: 100%;
}
a {
	color:#ff7000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h1{
	padding:0;
	margin: 0 0 2px 0;
}	
blockquote{
	padding:0;
	margin: 0 0 0 15px;
}
/*-----------------Header--------------------*/
#topcolor{
	background: #9a9790;
	height:8px;
}
#containertop {
	background: url(../images/top-tile.gif) repeat-y;
	padding: 0;
	float: left;
	margin: 0;
}
#top{
	height: 162px;
	background: url(../images/nav-bar2.jpg) no-repeat bottom;
	float: left;
	padding: 0 11px 0 11px;
	margin: 0;
}
#topcolleft{
	float:left;
	width:708px;
	height:162px;
	padding: 0;
	margin: 0;
}
#logo{
	padding: 16px 0 0 20px;
	margin: 0;
}
a#topcolright{
	float:right;
	display: block;
	width: 252px;
	height: 79px;
	padding: 0;
	margin: 0;
	background: url(../images/order-background.jpg) no-repeat;
	padding: 83px 0 0 18px;
}

p#phone {
	color: #666;
	float: right;
	font-size: 14px;
    	margin: -100px 55px 0 0;
}
/*--------------------Navigation--------------------

Located in navigation.css ---------*/


/*---------------------Main Body--------------------*/
#containerbody {
	background: #9a9790;
	padding: 0;
	float: left;
	margin: 0;
	width:1000px;
}
#flashhome {
	margin: 0;
	padding: 0 11px 0 11px;
}
#maincolleft{
	float:left;
	width: 547px;
	height:260px;
	background:url(../images/main-back-left.jpg) no-repeat;
	padding: 33px 30px 0 46px;
	font-size:1.1em;
}
#maincolright{
	float:right;
	width: 311px;
	height:215px;
	background:url(../images/main-back-right.jpg) no-repeat;
	padding: 78px 41px 0 25px;
	font-size:1.1em;
}
/*---------------------Secondary Pages--------------*/
#containermain {
	background: url(../images/top-tile.gif) repeat-y;
	width: 1000px;
	padding: 0 20px 0 0;
	float: left;
	margin: 0;
	font-size:1.1em;
}
#breadcrumb{
	height:20px;
	padding: 7px 0 0 34px;
	margin: 0 auto;
	width:944px;
	border-bottom: solid 1px #e7e9e7;
	color:#a7a6a1;
	background: url(../images/top-tile2.gif) repeat-y;
}
#colleft{
	float:left;
	width:619px;
	padding: 20px 0 0 45px;
	}
#colright{
	float:right;
	width:280px;
	margin: 0 0 0 26px;
	}
#shoutarea{
	background: url(../images/side-top.jpg) no-repeat;
	padding: 35px 45px 0 22px;
}
#services-left{
	float:left;
	width:260px;
	padding-right: 70px;
}
#services-right{
	float:right;
	width:260px;
	padding-right: 29px;
}
/*-----------------------Footer--------------------*/
#footer{
	clear:both;
	background-color: #787878;
	color:#FFFFFF;
	padding: 10px 0 10px 46px;
	margin: 0;
}
#footer a{
	color:#FFFFFF;
}
/*------------------Misc----------------------------*/
.hrule{
	padding: 12px 0 0 0;
	margin: 0 0 14px 0;
	border-bottom: solid 1px #e7e9e7;
}
.pic-left {margin-right:12px;}
.pic-left2 {margin: 0 32px 22px 0;}
.pic-flexor {margin: 0 17px 0px 0;}
.clear {
	clear: both;
	overflow: hidden;
}
.header-img {
	border-bottom: 1px solid #CCCCCC; 	
	padding-bottom: 4px;
	display: block;
	margin: 0 0 10px 0;
}
a.introtext{
	width: 259px;
	display:block;
	padding-right:50px;
	text-decoration: none;
	color: #666;
}
a.introtext:hover{
	text-decoration: underline;
}
.picborder{
border: solid 1px #666;
}

#contactform label {
	float: left;
	width: 190px;
	padding: 0 5px 0 0;
	color: #666;
	font-size:1em;
	font-family: Arial;
	text-align: left;
}
#contactform input.inputbox, #contactform textarea.inputbox {
	float: left;
	margin: 0 0 3px 0;
	width: 250px;
	color: #666;
	font-size:1.2em;
	font-family: Arial;
}
.error{
	color:#000;
}
.orange{
	color:#ff7000;
}


#flexor-demo table td{
	padding-right:10px;
}
#flexor-demo #colleft{
	width:640px;
}
#flexor-demo h1{
	font-size:22pt;
	font-family:Arial Black;
	color:#000000;
	letter-spacing:-3px;
}
	#flexor-demo h1 span.line{
		border-right:solid 1px #cccccc;
		margin-right:10px;
	}
	#flexor-demo h1 span.subTitle{
		color:#444444;
		font-size:16pt;
		letter-spacing:1px;
		font-family:Arial, Helvetica, sans-serif;
	}
#flexor-demo p.strong{
	font-weight:bold;
	font-size:10pt;
	color:#525252;
}
#flexor-demo ul#flexorList{
	margin:0px;
	padding:0px;
	float:left;
	padding-left:15px;
	width:284px;
	margin-right:30px;
}
	#flexor-demo ul#flexorList li{
		margin-bottom:20px;
		font-weight:bold;
		font-size:9pt;
		line-height:1.5;
		color:#787878;
	}
#flexor-demo #infoBox{
	background:url(../images/bucket-bg.jpg) no-repeat left top;
	width:308px;
	height:208px;
	display:block;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}
	#flexor-demo #infoBox p{
		font-size:10pt;
		font-weight:bold;
		margin:40px 0px 0px 32px;
		color:#787878;
	}
	#flexor-demo #infoBox #infoList{
		float:left;
		margin-left:12px;
		font-size:10pt;
		padding-left:40px;
		margin-top:10px;
	}
	#flexor-demo #infoBox #infoList li{
		margin-bottom:2px;
		color:#fb7409;
	}
		#flexor-demo #infoBox #infoList li a{
			color:#fb7409;
			text-decoration:none;
		}
#flexorInfoBox{
	background:url(../images/bucket-bg.jpg) no-repeat left top;
	width:308px;
	height:208px;
	display:block;
	float:right;
	overflow:hidden;
	margin-bottom:20px;
}
	#flexorInfoBox p{
		font-size:10pt;
		font-weight:bold;
		margin:40px 0px 0px 32px;
		color:#787878;
	}
	#flexorInfoBox #infoList{
		float:left;
		margin-left:12px;
		font-size:10pt;
		padding-left:40px;
		margin-top:10px;
	}
	#flexorInfoBox #infoList li{
		margin-bottom:2px;
		color:#fb7409;
	}
		#flexorInfoBox #infoList li a{
			color:#fb7409;
			text-decoration:none;
		}
#flexor-demo h2{
	margin-bottom:0px;
}
	#flexor-demo h2 a{
		background:url(../images/orange-arrow.jpg) no-repeat left top;
		display:block;
		color:#525252;
		font-size:11pt;
		padding-left:25px;
	}	

#colright #rfq-btn{
	background:url(../images/rfq-btn.png) no-repeat left top;
	width:224px;
	height:46px;
	display:block;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
	margin-bottom:10px;
}
	#colright #rfq-btn:hover{
		background-position: left -47px;
	}
	
#colright #shoutarea, #colright #shoutarea{
	padding:25px 40px 0px 16px;
}
#colright hr, #colright hr{
	color:#cccccc;
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:solid 1px #dddddd;
	clear:both;
}
#colright form#quickForm{
	padding-left:20px;
	margin-bottom:40px;
}
#colright form#quickForm h3{
	font-size:14pt;
	color:#787878;
	font-weight:bold;
	margin-bottom:0px;
	text-align:center;
}
#colright form#quickForm p{
	text-align:center;
}
#colright form#quickForm label{
	display:block;
	color:#787878;
}
#colright form#quickForm input, #colright form#quickForm textarea{
	border-bottom:solid 1px #cccccc;
	border:solid 1px #d1d1d1;
	border-top: solid 2px #bfbfbf;
	margin-bottom:15px;
	width:180px;
}
#colright form#quickForm textarea{
	height:9em;
}
#colright form#quickForm input.submitBtn{
	background:url(../images/sendBtn.jpg) no-repeat left top;
	width:74px;
	height:34px;
	display:block;
	border:none;
	text-indent:-999em;
	font-size:0px;
	cursor:pointer;
	float:right;
	margin-right:20px;
	color:#797979;
}
.strong { font-weight: bold; }
.chem_comp_table { background-color: #f3f3f3; text-align: center; width: 100%; margin-bottom: 15px; }
	.chem_comp_table td, .chem_comp_table th { padding: 5px; }
		.chem_comp_table td.darkgray, .chem_comp_table th.darkgray { background-color: #dad8d9; }
		.chem_comp_table td.medgray , .chem_comp_table th.medgray{ background-color: #e6e6e6; }

div#flexorDiv {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 284px;
	margin-right: 30px;
}

span.underline { text-decoration: underline; }

#flexorDiv table { width: 100%; }

#infoBox_noImg{
	background:url(../images/bucket-bg-no-img.jpg) no-repeat left top;
	width:308px;
	height:208px;
	display:block;
	float:left;
	overflow:hidden;
	margin-bottom:20px;
}
	#infoBox_noImg p { margin: 30px 0 0 30px; }
	
	
	
/*div.gsc-control-cse form.gsc-search-box{
	width:100px;
	margin-top:80px;
}

form input.gsc-input{
	width:182px;
}

form.gsc-search-box table.gsc-search-box{
	width:100px;
}

form.gsc-search-box .gsc-clear-button{
	display:none;
}*/

form#cse-search-box{
	float:right;
	margin-top:-72px;
	margin-right:14px;
	padding:5px 5px 10px 10px;
	background-color:#ffffff;
}

form input#googleSearch{
	width:169px;
}

#cse-search-results{
	width:619px;
}

#cse-search-results iframe{
	width:619px;
}
p.contact-callout {
        border: 1px solid #b0b0b0;
        clear: both;
        color: #393939;     
        font-size: 12px;  
        font-weight: 700;
        line-height: 1.2;
        padding: 0.5em;
        text-align: center;
        width: 80%;
        margin: 15px 50px 10px;
        display: block;
        float: left;
}
        p.contact-callout a.emphasis {
               color: #000;
               display: block;
               text-decoration: underline;
               text-transform: uppercase;
        }