@charset "utf-8";
/* CSS Document */
/* =Code Glossary

Grid-Tools Blue: #0073af
Grid-Tools Orange: #f5961e

Grey Scale: Black: #000
			Dark Grey: #333
			Dark/ Medium Grey: #666
			Medium Grey: #999
			Light Grey: #ccc
			Almost White: #eee
			White: #fff
*/
/*---------------------------------------------------------*/
/* =Global layout */
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* =All containers for main layouts */
/*---------------------------------------------------------*/
/* =Code Glossary

Grid-Tools Blue: #0073af
Grid-Tools Orange: #f5961e

Grey Scale: Black: #000
			Dark Grey: #333
			Dark/ Medium Grey: #666
			Medium Grey: #999
			Lighter Grey: #dedede
			Light Grey: #ccc
			Almost White: #eee
			White: #fff
/*---------------------------------------------------------*/
/*Top menu
/*---------------------------------------------------------*/
#top_header {
	height: 34px;
	width: 100%;
}
/*---------------------------------------------------------*/
/*Content wrapper
/*---------------------------------------------------------*/
#wrapper {
	/*border: solid 1px red;*/
	clear: left;
	margin: 0 auto;
	width: 984px;
}
	/*Header*/
	#header {
		background: url(../images/Header_Tile.jpg) bottom left repeat-x;  
		height: 119px;
		margin: 0 auto;
		position: relative;
		width: 984px;
	}	
	#header a.logo {		
		position: absolute;
		bottom: 36px;
		left: 12px;
	}
	/*Added in wrapper div with a background of white*/
	#wrapper_background {
		background-color: #fff;
		width: 984px;
	}	
/*---------------------------------------------------------*/
/*=Template main content layouts*/
/*---------------------------------------------------------*/
/* 1 column layout */
/*---------------------------------------------------------*/	
#layout_column1_wrapper {
	border-top: solid 2px #f5961e;
	clear: both;
	margin: 0 auto;
	width: 960px;
}
	#layout_column1_middle {
		padding: 12px;
	}
/*---------------------------------------------------------*/
/* 2 column layout left */
/*---------------------------------------------------------*/	
#layout_column2_left_wrapper {
	border-top: solid 2px #f5961e;
	clear: both;
	margin: 0 auto;
	width: 960px;
}
	#layout_column2_left_left {
		float: left;
		margin-top: 12px;
		width: 178px;
	}
	#layout_column2_left_middle {
		float: left;
		padding: 12px 0 12px 24px;
		width: 758px;
	}
/*---------------------------------------------------------*/
/* 2 column layout right */
/*---------------------------------------------------------*/
#layout_column2_right_wrapper {
	border-top: solid 2px #f5961e;
	clear: both;
	margin: 0 auto;
	width: 960px;
}
	#layout_column2_right_middle {
		float: left;
		padding: 12px 24px 12px 12px;
		width: 708px;
	}
	#layout_column2_right_right {
		float: left;
		margin-top: 12px;
		width: 216px;
	}
/*---------------------------------------------------------*/
/* 3 column layout */
/*---------------------------------------------------------*/	
#layout_column3_wrapper {
	border-top: solid 2px #f5961e;
	clear: both;
	margin: 0 auto;
	width: 960px;
}
	#layout_column3_left {
		float: left;
		margin-top: 12px;
		width: 178px;
	}
	#layout_column3_middle {
		float: left;
		padding: 12px 24px;
		width: 518px;
	}
	#layout_column3_right {
		float: left;
		margin-top: 12px;
		padding-bottom: 12px;
		width: 216px;
	}
/*---------------------------------------------------------*/
/* =Global styles for main content layouts */
/*---------------------------------------------------------*/
#layout_column1_wrapper,
#layout_column2_left_wrapper,
#layout_column2_right_wrapper,
#layout_column3_wrapper {
	padding-bottom: 12px;
	}	
		#layout_column2_right_right #ask_expert,
		#layout_column3_right #ask_expert {
			margin: 0 auto 5px auto;
			width: 216px;
		}
			#layout_column2_right_right #ask_expert a,
			#layout_column3_right #ask_expert a {
				background: url(../images/Contact_Expert.png) left top no-repeat;
				color: #333;
				display: block;
				font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
				font-size: 1.4em;
				font-weight: bold;	
				height: 64px;
				padding: 9px 12px 0 60px;
				text-align: center;
			}
			#layout_column2_right_right #ask_expert a:hover,
			#layout_column3_right #ask_expert a:hover {
				background: url(../images/Contact_Expert.png) left -73px no-repeat;
				color: #fff;
			}				
/*---------------------------------------------------------*/
/* =Link style for back_to_top link */
/*---------------------------------------------------------*/			
	#layout_column1_middle a.back_to_top,
	#layout_column2_right_middle a.back_to_top,
	#layout_column2_left_middle a.back_to_top,
	#layout_column3_middle a.back_to_top {
		border-bottom: solid 1px #f5961e;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2.5em;
		}
	#layout_column1_middle a:hover.back_to_top,
	#layout_column2_right_middle a:hover.back_to_top,
	#layout_column2_left_middle a:hover.back_to_top,
	#layout_column3_middle a:hover.back_to_top {
		border-bottom-color: #fff;
		}
/*---------------------------------------------------------*/
/* =Global styles for main content (middle column) areas in layouts */
/*---------------------------------------------------------*/
/* =Bulleted list style for main content area of each layout */
/*---------------------------------------------------------*/
			#layout_column1_middle ul,
			#layout_column2_right_middle ul,
			#layout_column2_left_middle ul,
			#layout_column3_middle ul {
				margin: 12px 0;
			}			
				#layout_column1_middle ul.bullet_orange li,
				#layout_column2_right_middle ul.bullet_orange li,
				#layout_column2_left_middle ul.bullet_orange li,
				#layout_column3_middle ul.bullet_orange li {
					background: url(../images/Bullet_Orange.gif) no-repeat left top;
				}
				#layout_column1_middle ul.bullet_blue li,
				#layout_column2_right_middle ul.bullet_blue li,
				#layout_column2_left_middle ul.bullet_blue li,
				#layout_column3_middle ul.bullet_blue li {
					background: url(../images/Bullet_Blue.gif) no-repeat left top;
				}
				#layout_column1_middle li,
				#layout_column2_right_middle li,
				#layout_column2_left_middle li,
				#layout_column3_middle li {
				font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
				font-size: 1.3em;		
				line-height: 1.8em;	
				padding-left: 24px;			
				}
/*---------------------------------------------------------*/
/* =Link style for main content area of each layout */
/*---------------------------------------------------------*/
		#layout_column1_middle a,
		#layout_column2_right_middle a,
		#layout_column2_left_middle a,
		#layout_column3_middle a {
			border-bottom: solid 1px #fff;
		}
		#layout_column1_middle a:hover,
		#layout_column2_right_middle a:hover,
		#layout_column2_left_middle a:hover,
		#layout_column3_middle a:hover {
			border-bottom: solid 1px #f5961e;
		}
/*---------------------------------------------------------*/
/* =Paragraph style for main content area of each layout */
/*---------------------------------------------------------*/
		#layout_column1_middle p,
		#layout_column2_right_middle p,
		#layout_column2_left_middle p,
		#layout_column3_middle p {
			font-size: 1.3em;
		}
/*---------------------------------------------------------*/
/* =Contact page layout */
/*---------------------------------------------------------*/
	#contact_phone_email,
	#contact_address {
		background: url(../images/General_Tile.jpg) repeat-x left top;
		border: solid 1px #ccc;
		float: left;
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		margin-bottom: 12px;
		min-height: 180px;
		padding: 6px;
		padding-top: 0;
		width: 359px;
	}
		#contact_phone_email h3,
		#contact_address h3 {
			color: #0073af;
			background: transparent;
			margin-top: 6px;
		}		
	#contact_phone_email {
		margin-right: 3px;
	}
		#contact_phone_email p {
			font-weight: bold;
			margin: 0;
			margin-bottom: 6px;
			padding-left: 3px;
		}
		#contact_phone_email a {
			color: #333;
			font-weight: bold;
		}
		#contact_phone_email a:hover {
			border-bottom-color: #333;
		}
	#contact_address {
		margin-left: 3px;
		float: right;
	}
		#contact_address address {
			font-size: 1.2em;
			font-style: normal;
			padding-left: 3px;
		}
		#contact_address p {
			font-weight: bold;
			margin: 6px 0;
			padding-left: 3px;
		}
/*---------------------------------------------------------*/
/* Styles for specific divs, fieldsets and controls in the forms*/
/*---------------------------------------------------------*/	
	#preferred {
		float: left;
		margin-right: 12px;
		width: 358px;
	}
		#preferred label {
			width: auto;
		}	
		#preferred select {
			float: right;
			margin-right: 0;
			width: auto;
		}
	#go_to_meeting,
	#ask_expert_blurb {
		background-color: #F0F6F8;
		border: solid 1px #ccc;
		padding: 12px 6px;
	}
		#go_to_meeting a img,
		#go_to_meeting a:hover img {
			border: none;
			line-height: normal;
		}
		#go_to_meeting p,
		#ask_expert_blurb p {
			margin-bottom: 0;
			}
	fieldset #products div.control_wrapper,
	fieldset #hear_about_us div.control_wrapper,
	fieldset #database_platform div.control_wrapper,
	fieldset #performance_tool div.control_wrapper {
		float: left;
		margin-bottom: 6px;
		width: 190px;	
	}
	fieldset #feedback textarea,
	fieldset #quote_details textarea,
	fieldset #additional_comments textarea,
	fieldset #question textarea {
		height: 35px;
		margin: 3px 0;
		overflow: auto;
		width: 708px;
	}
	fieldset #feedback label,
	fieldset #quote_details label,
	fieldset #additional_comments label,
	fieldset #question label {
		float: none;
		margin: 0;
		padding: 0 3px;		
	}
	fieldset #quote_details input.special_size {
		margin: 3px 0;
		width: 100px;
	}
	fieldset #newsletter p {
		clear: both;
		margin-bottom: 0;
	}
	fieldset #newsletter ul {margin-top: 3px;}
	fieldset #newsletter li {line-height: 1.4em;}
	
	fieldset #date_time label {width: 130px;}
	fieldset #date_time select {
		margin-right: 0;
		width: 211px;
	}
	fieldset #date_time select.special_width {
		width: auto;
	}	
	fieldset #database_platform div.other_info,
	fieldset #performance_tool div.other_info {
		clear: both;
	}
/*---------------------------------------------------------*/
/* Reset controls for specific fieldsets in the forms*/
/*---------------------------------------------------------*/	
	fieldset #products div.control_wrapper input,
	fieldset #hear_about_us div.control_wrapper input,
	fieldset #newsletter div.control_wrapper input,
	fieldset #database_platform div.control_wrapper input,
	fieldset #performance_tool div.control_wrapper input,
	fieldset #products div.control_wrapper label,
	fieldset #hear_about_us div.control_wrapper label,
	fieldset #newsletter div.control_wrapper label,
	fieldset #quote_details label,
	fieldset #feedback label,
	fieldset #additional_comments label,
	fieldset #database_platform div.control_wrapper label,
	fieldset #performance_tool div.control_wrapper label {
		margin: 0;
		width: auto;
	}
	fieldset #products div.control_wrapper input,
	fieldset #hear_about_us div.control_wrapper input,
	fieldset #newsletter div.control_wrapper input,
	fieldset #database_platform div.control_wrapper input,
	fieldset #performance_tool div.control_wrapper input {margin: 3px 3px 3px 0;}	
/*---------------------------------------------------------*/
/* =Product widget*/
/*---------------------------------------------------------*/	
	#product_widget {
		background: url(../images/Widget_Tile.jpg) repeat-x center top;
		border: solid 1px #b2b2b2;
		padding: 12px;
		}	
		#product_widget h3 {
			background-color: transparent !important;
			border-bottom-color: #b2b2b2;
			margin: 0 12px;
			padding: 12px 0 6px 0;
		}
		#product_widget h4 {
			margin: 0;
			padding: 6px 12px 0 12px;
		}
		#product_widget h4.paddingTop12 {padding-top: 12px;}
/*---------------------------------------------------------*/
/*=Footer*/
/*---------------------------------------------------------*/
	#footer {
		background: url(../images/Footer_Tile.jpg) repeat-x left top #333;
		color: #eee;
		width: 100%;
	}
		#footer_content_wrapper {
			margin: 0 auto;
			padding: 24px 0;
			width: 960px;
		}
			#footer_menu_wrapper {
				float: left;
				width: 545px;
			}
			#shared_network_wrapper {
				background: url(../images/Footer_Shared_Tile.jpg) repeat-x left top;
				float: right;
				min-height: 165px;
				width: 405px;
			}
			#shared_network_wrapper a {
				color: #f5961e;
			}
			#shared_network_wrapper a:hover {
				color: #eee;
			}
				#shared_network_shared_icons {
					background: url(../images/Footer_Shared_TopRightCorner.jpg) no-repeat right top;
				}
				#shared_network_t-shirt_sitemap {
					background: url(../images/Footer_Middle_Tile.gif) repeat-x left top;
					clear: both;
				}
			#contact_terms_wrapper {
				clear: both;
				padding-top: 12px;
			}			
			#contact_terms_wrapper p {
				margin:0;
			}
				#contact {
					background: url(../images/Grid-Tools_Icon.gif) center left no-repeat;
					float: left;
					min-height: 50px;
					padding-left: 55px;
					width: 490px;
				}
					#contact address {
						font-size: 1.2em;
						font-style: normal;
						padding-top: 6px;
					}
					#contact address a {color: #f5961e;}
					#contact address a:hover {color: #eee;}
				#copyright_terms {
					float: left;
					padding: 6px 0 0 12px;
					width: 403px;
				}
					#copyright_terms p {
						display: inline;
						float: left;
					}