/* ---------------------
	Title: Newmarket International, Inc. - Main screen stylesheet
	Filename: screen.css
	Author: One Pica Inc, Boston MA
	
	Table of Contents:
		Searchstring (Section Name)				Description
		
		=General (General Styles):				Set font sizes, Page backgrounds, link behaviors, etc
		=Master (Master #container Styles):		Placing, sizing, styling the main container
		=Branding (Branding Styles):			Logos, taglines, branding info
		=Nav (Navigation Styles):				The navigation bar; internal and external
		=Forms (Form Styles)					Set appearance of forms, inputs, buttons, etc
		=Multicol (Multi-Column Styles):		The cases where the content needs to be in multiple columns
		=Portlets								Sidebar modules of content
		=Content (Content Styles):				The main content of the page
		=Homepage								Styles specific to the homepage
		=ShoppingCart							Shopping cart page styles
		=CaseStudies							Case study list styles
		=NewsEvents								News & Events section styles
		=Footer (Credit/Footer Styles):			The footer
		=Uni (Universal Styles):				Classes and elements that apply throughout ('clear', 'blue', etc)
	
	Common Color Table:
		White:									#FFFFFF;
		Main NM Blue: 							#4790B9;
		Main NM Orange: 						#E18F37;
		
		Customer Login bg:						#4B96BD;
		
	
	Thanks To:
		CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
		Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		'Em' styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
---------------------- */
div.linkleft {
	width:100px;
	position:absolute;
}
div.linkright {
	padding-left:50px;
	width:400px;
	
}

html {
	padding: 0;
	margin: 0;
	font-size: 100%; /* Ensures font consistency across browsers */
	height: 100%;
}
body {
	padding: 0;
	margin: 0;
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	background-color: #fff;
	font-family: "Trebuchet MS", Arial, sans-serif;
	height: 100%;
}
p {padding: 0; margin: 0 0 1em 0}

input, select, th, td {font-size: 1em}

h1 {font-size: 2.182em} /* 24px */
h2 {font-size: 1.818em} /* 20px */
h3 {font-size: 1.636em} /* 18px */
h4 {font-size: 1em} /* 11px */

img, a img {
	border: none; /* Remove default border on linked images */
}

ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	list-style: none outside;
}

	ul li {
		padding: 0 0 0 1.5em;
		margin: 0 0 0.3em 0;
		background: transparent url(../images/bg/li_generic_bullet.gif) 0.5em 0.5em no-repeat;
	}
ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 1.8em;
	list-style-position: outside;
}
	ol li {
		padding: 0;
		margin: 0 0 0.3em 0;
	}

hr {
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	background-image: none;
	border: 0;
	border: none;
	margin: 5px 0;
	padding: 0;
}

/* Basic link styles */
h1, h2, h3, h4, h5, h6, table, th, td, a {
	font-family: inherit !important; /* Fix "mystery font bug" */
}

a:link {
	color: #048EDB;
	text-decoration: none;
}
a:visited {
	color: #004A79;
	text-decoration: none;
}
a:hover, a:active, body a:hover, body a:active {
	color: #EC913A;
	text-decoration: underline;
}


/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */

form {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
	form a, form a:link, form a:visited, form a:hover, form a:active {
		font-size: inherit;
	}
#container {
	position: relative;
	margin: 0px auto;
	padding: 0 15px;
	width: 950px;
	font-size: 1.1em; /* 11px (based on value from body) */
	text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */
}

/* Skip link: This is the very first link anywhere on the page; by tabbing to it or hitting accesskey 2, a user can skip the header/navigation of a page and go directly to the page content. It is normally 'hidden' by being positioned far, far off the page; bringing it into focus with Tab makes it visible. */
	#skiplink a {
		position: absolute;
		top: -1000px;
		left: -2000px;
	}
		#skiplink a:focus, #skiplink a:active {
			position: absolute;
			margin: 0;
			top: 0;
			left: 0;
			display: block;
			padding: 2px 10px;
			background: #048EDB;
			color: #fff;
			font-weight: bold;
		}
		#skiplink a:hover { 
		}

/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
	height: 119px;
}
	#branding-logo {
		cursor: pointer;
		width: 344px;
		height: 44px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
		float: left;
		clear: left;
		margin: 46px 0 0 17px;
	}
		#branding-logo h1 {
			text-indent: -5000px;
			overflow: hidden;
			background: transparent url(../images/branding/newmarket_logo_web.gif) 0 0 no-repeat;
			width: 100%;
			height: 100%;
			line-height: 1;
			padding: 0;
			margin: 0;
		}
			#branding-logo h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}
#login-info{
	width:200px;
	height:50px;
	float:right;
	text-align:right;
	vertical-align:bottom;
	margin: 50px 0 0 17px;
}

/* =Nav
----------------------
	Navigation styles
	Notes:
		Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
		Keep each of the below #elements as divs, and put the UL inside them
		If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */

#nav {
	position: relative;
	/* following is for non-homepage */
	background: transparent;
	height: 1.909em;
}
#home #nav {
	background: none;
	height: 1.909em;
}
	#nav-main {
		/*
		position: absolute;
		left: 0;
		top: 100px;
		*/
		float: left;
		clear: left;
		width: 100%;
		background: #fff;
		margin: 0 0 0em 0;
	}
		#nav-main ul {
			width: 922px;
			padding: 0;
			margin: 0 0 0 9px;
			height: auto;
			list-style: none;
			list-style-image: none;
			line-height: 14px;
		}
		#nav-main ul li {
			float: left;
			padding: 0 13px 0 11px;
			margin: 0;
			list-style: none outside;
			background: transparent url(../images/nav/nav_separator.gif) right 0.38em no-repeat;
			position: relative;
		}
			#nav-main ul li.first {
			}
			#nav-main ul li.last {
				background: none;
				padding-right: 0;
			}
		#nav-main ul li a {
			display: block;
			height: auto;
			width: auto;
			white-space: nowrap;
			padding: 1px 2px 6px;
			margin: 0;
		}

/*------------- Level 2 UL */
				#nav-main ul li ul {
					display: none;
					position: absolute;
					top: 21px;
					left: -1px;
					z-index: 200;
					list-style: none outside;
					width: 180px;
					margin: 0 0 0 0px;
					padding: 0 0 0.2em;
					background: #fff;
					border-left: solid 1px #ddd;
					border-right: solid 1px #ddd;
					border-bottom: solid 3px #888;
				}
/*----------------- Level 2 LI */
					#nav-main ul li ul li {
						clear: none;
						margin: 0;
						padding: 0;
						color: #000;
						font-weight: normal;
						font-size: 1em;
						border: none;
						background: none;
						border-bottom: none;
					}
					#nav-main ul li ul li.last {
					}

/*--------------------- Level 2 A */
						#nav-main ul li ul li a {
							display: block;
							text-align: left;
							width: 145px;
							padding: 0.3em 21px 0.3em 14px;
							margin: 0;
						}
						#nav-main ul li ul li a:link, #nav-main ul li ul li a:visited {
							color: #666;
							text-decoration: none;
							background: transparent;
						}
						/* Make sure the 'current' styles display, if any */
						#nav-main ul li ul li a.current:link, #nav-main ul li ul li a.current:visited, #nav-main ul li.last ul li a.current:link, #nav-main ul li.last ul li a.current:visited, #nav-main ul li ul li.last a.current:link, #nav-main ul li ul li.last a.current:visited {
							color: #4790B9;
							background: #eee;
						}
						/* Make sure the 'hover' styles display */
						#nav-main ul li ul li a:hover, #nav-main ul li ul li a:active, #nav-main ul li ul li a.current:hover, #nav-main ul li ul li a.current:active {
							color: #E18F37;
							text-decoration: none;
							background: #ededed;
						}
						/* 'Haschildren' is for putting a style (like an arrow graphic) on Level 2 items which have Level 3 children */
						/* #nav-main ul li ul li a.haschildren:link, #nav-main ul li ul li a.haschildren:visited {
							background: transparent url() 155px 50% no-repeat;
						}
						#nav-main ul li ul li a.haschildren:hover, #nav-main ul li ul li a.haschildren:active {
							background: #000 url() 155px 50% no-repeat;
						} */
						
/*------------------------- Level 3 UL */
							/* #nav-main ul li ul li ul {
								display: none;
								position: absolute;
								top: 0px;
								left: 170px;
								z-index: 220;
								list-style: none outside;
								width: 170px;
								margin: 0;
								padding: 0;
								background: #8c8c8c;
							} */
/*----------------------------- Level 3 LI */
								/* #nav-main ul li ul li ul li {
									clear: none;
									margin: 0;
									padding: 0;
									color: #eee;
									font-weight: bold;
									font-size: 1em;
									border: none;
									border-bottom: solid 1px #9e9e9e;
								}
								#nav-main ul li ul li ul li.last {
								} */
/*--------------------------------- Level 3 A */
									/* #nav-main ul li ul li ul li a {
										display: block;
										width: 128px;
										padding: 0.4em 21px;
										margin: 0;
									}
									#nav-main ul li ul li ul li a:link, #nav-main ul li ul li ul li a:visited {
										color: #eee;
										text-decoration: none;
										background: transparent;
									} */
									/* Make sure the 'current' styles display, if any */
									/* #nav-main ul li ul li ul li a.current:link, #nav-main ul li ul li ul li a.current:visited, #nav-main ul li ul li ul li.last a.current:link, #nav-main ul li ul li ul li.last a.current:visited {
										color: #eee;
										background: #555;
									} */
									/* Make sure the 'hover' styles display */
									/* #nav-main ul li ul li ul li a:hover, #nav-main ul li ul li ul li a:active, #nav-main ul li ul li ul li.last a.current:hover, #nav-main ul li ul li ul li.last a.current:active {
										color: #fff;
										text-decoration: none;
										background: #000;
									} */
				
				/* This makes the hover magic work - plus a little Javascript for IE */
				#nav-main ul li:hover ul, #nav-main ul li.over ul {
					display: block;
				}
				/* This preserves cascade order so the level 3 ul isn't always showing */
				#nav-main ul li ul li ul, #nav-main ul li:hover ul li ul, #nav-main ul li.over ul li ul {
					display: none;
				}
				/* This restores the hover magic to level 3 ul */
				#nav-main ul li:hover ul li:hover ul, #nav-main ul li.over ul li.over ul {
					display: block;
				}



	/* #nav-section {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 47px; Match this to the height of the (#nav-main ul li a) group
	} */
	#nav-section {
		/* position: relative; */
		left: 0;
		top: 0;
		width: 193px;
		margin-bottom: 20px;
		float: left;
		display: inline;
	}
		#nav-section ul {
			list-style: none;
			list-style-image: none;
			margin: 20px 0 20px 0;
			padding: 0 20px 0 0;
		}
		#nav-section ul li {
			list-style: none outside;
			margin: 0;
			padding: 0;
			background: transparent url(../images/nav/nav-section_border2_bl.gif) 19px bottom no-repeat;
		}
		#nav-section ul li.last {
			background: none;
		}
		#nav-section ul li a {
			display: block;
			padding: 4px 0 5px 20px;
			margin: 0;
			text-decoration: none;
		}
		#nav-section ul li a.current {
			background: transparent url(../images/nav/nav-section_bullet_current.gif) 7px 0.7em no-repeat;
		}
		#nav-section ul li a:hover, #nav-section ul li a:active {
			text-decoration: underline;
		}
		/* Link colors for secondary nav */
		#nav-section ul li a:link, #nav-section ul li a:visited {
			color: #666;
		}
		#nav-section ul li a:hover, #nav-section ul li a:active {
			color: #FC7C00;
		}
		#nav-section div {
			width: 100%;
		}
		
	#nav-supp {
		width: 600px;
		position: absolute;
		top: -119px;
		right: 0;
		color: #66899B;
	}
		#nav-supp .form {
			float: right;
			clear: both;
			width: 170px;
			padding: 0;
			margin: 7px 0 0 0;
		}
		#nav-supp ul.nav-supp-ul {
			list-style: none;
			margin: 0 8.8em 7px 0;
			padding: 0;
			float: right;
			clear: left;
		}
		#nav-supp ul.nav-supp-cart 
		{
			list-style: none;
			margin: 0 0 7px 0;
			padding: 0;
			float: right;
			clear: both;
		}
			#nav-supp ul li {
				list-style-type: none outside;
				background: none;
				float: left;
				white-space: nowrap;
				padding: 2px 0;
			}
			/*
			#nav-supp ul li.login {
				background: transparent url(../images/bg/custlogin_bg_bl.gif) left bottom no-repeat;
				color: #fff;
				padding: 0;
				margin: 0 0 0 4px;
			}
				#nav-supp ul li.login .login-inner {
					background: transparent url(../images/bg/custlogin_bg_br.gif) right bottom no-repeat;
					padding: 2px 4px 3px;
				}
				*/
				#nav-supp ul li a, #nav-supp ul li a:link, #nav-supp ul li a:visited {
					line-height: 1;
					padding: 5px 8px;
					color: #81B5D1;
					text-decoration: none;
				}
				#nav-supp ul li a:hover, #nav-supp ul li a:active {
					text-decoration: underline;
				}
				/*
				#nav-supp ul li.login a {
					color: #fff;
				}
				*/
			#nav-supp #login-slide-panel 
			{
				position: absolute;
				right: 0;
				top: 0;
				color: #fff;
				padding: 0;
				margin: 0px;
				float: right;
			}
				#nav-supp #login-slide-panel #login-panel 
				{
					z-index: 10;
					display: block;
					float: right;
					width: 433px;
					clear: both;
					height: 8em;
					background: url("../images/bg/login_bg.gif") left bottom no-repeat;
				}
				#nav-supp #login-slide-panel #login-panel .login-text
				{
					width: 40%;
					float: left;
					line-height: 1.6em;
					padding: 0 20px 0 0;
					margin: 10px 0 10px 20px;
					background: url("../images/bg/dotted_line_vertical.gif") right top repeat-y;
				}
				#nav-supp #login-slide-panel #login-panel .login-form 
				{
					width: 40%;
					float: right;
					padding: 1em;
				}
				#nav-supp #login-slide-panel #login-panel .login-form label 
				{
					display: inline;
					float: left;
					width: 35%;
					padding: 0 5% 0 0;
					height: 1.7em;
					margin: 0;
				}
				#nav-supp #login-slide-panel #login-panel .login-form input 
				{
				   margin: 0;
				   padding: 0;
				   width: 55%; /* CLOSE to full width; use pixels for the real thing */
				   font-size: 1em;
				   height: 1.7em;
				   border: solid 1px #999;
				   border-bottom-color: #ccc;
				   background-color: #fff;
				   font-family: Tahoma, sans-serif;
				}
				#nav-supp #login-slide-panel #login-panel .login-form p 
				{
					display: block;
					clear: both;
					margin: 0 0 0.4em 0;
					padding: 0;	
				}
				#nav-supp #login-slide-panel #login-panel .login-form p a.btn 
				{
					float: right;
					cursor: pointer;
					text-decoration: none;
					color: #fff !important;
					line-height: 1;
					padding: 3px 0px 4px 20px;
					margin: 0 7px 0 0;
					background: #D45F20 url(../images/bg/btn_orange_bg.gif) 0 50% no-repeat;
					border: solid 1px #F7E0A6;
				}
				#nav-supp #login-slide-panel #login-tab 
				{
					display: block;
					float: right;
					clear: both;
					height: 2em;
					background: transparent url(../images/bg/custlogin_bg_bl.gif) left bottom no-repeat;
				}
				#nav-supp #login-slide-panel #login-tab span 
				{
					display: block;
					padding: 2px 8px 3px;
					background: transparent url(../images/bg/custlogin_bg_br.gif) right bottom no-repeat;
				}
				#nav-supp #login-slide-panel #login-tab a {
					color: #fff;
					text-decoration: none;
				}
			
			#nav-supp #login-placeholder 
			{
				position: absolute;
				right: 0;
				top: 0;
				color: #fff;
				padding: 0;
				margin: 0px;
				display: block;
				background: transparent url(../images/bg/custlogin_bg_bl.gif) left bottom no-repeat;
			}
				#nav-supp #login-placeholder span 
				{
					display: block;
					padding: 2px 8px 3px;
					background: transparent url(../images/bg/custlogin_bg_br.gif) right bottom no-repeat;
				}
				#nav-supp #login-placeholder a {
					color: #fff;
					text-decoration: none;
				}
				
	#nav-external {
	}

/* =Forms
----------------------
	Form styles
	Notes:
		A <p></p> should always enclose every label-input (or label-select) pair.
		Widths are in % to start, so that they scale, but they are the attributes most likely to change.
		Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
.home-flash{
	margin-bottom: 8px;
}
div.form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
	fieldset {
		border: 0px solid;
		padding: 0;
		margin: 0 0 1.4em 0;
	}
	div.form p {
		display: block;
		clear: both;
		margin: 0 0 0.4em 0;
		padding: 0;	
	}
		div.form label {
			display: inline;
			float: left;
			width: 35%;
			padding: 0 5% 0 0;
			margin: 0;
		}
		div.form input, div.form select, div.form textarea {
		   margin: 0;
		   padding: 0;
		   width: 59.2%; /* CLOSE to full width; use pixels for the real thing */
		   font-size: 1em;
		   border: solid 1px #999;
		   border-bottom-color: #ccc;
		   background-color: #fff;
		   font-family: Tahoma, sans-serif;
		}
		div.form .preview {
		   margin: 0;
		   padding: 0;
		   width: 59.2%; /* CLOSE to full width; use pixels for the real thing */
		   font-size: 1em;
		   font-family: Tahoma, sans-serif;
		}
		div.form input {height: 1.3em}
		div.form select {width: 59.5%; height: 1.5em}  /* Selects are not the same as inputs */
		div.form textarea {height: 6em}
		
		/* Radio buttons */
		div.form input.radio, div.form input.radiobtn {
			text-align: left;
			width: 1.3em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		div.form .radiotext {
			margin: 0 1em 0 0;
		}
		
		/* Check boxes */
		div.form input.ckbx, div.form input.checkbox {
			text-align: left;
			width: 1.2em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		
	div.form p.indent { /* For buttons or text that need to align with inputs/selects */
		margin-left: 40%;
	}
	div.form p.xspa { /* "extra space after" */
		margin-bottom: 2.0em;
	}
	div.form .req, form .required {
		color: red;
	}
	div.form input:focus {
		/* however we want the focused field to look */
	}
	div.form input.submit, button { /* There are lots of default values to fix */
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		padding: 1px 2px;
		background: #f6f6f6;
		color: #555;
		font-size: 0.9em;
		font-weight: bold;
		height: auto;
		width: auto;
		cursor: pointer;
		font-family: inherit;
		overflow: visible;
	}
	div.form input.submit:hover, button:hover { /* IE6 can't see these, too bad */
		color: #fff;
		background-color: #ff0000;
	}
	div.form input.submit:active, button:active { /* Button 'feedback' behavior */
		border: 3px double #ccc;
		border-top-color: #999;
		border-left-color: #999;
	}
	div.form input.contactbutton {
		width:auto;
		height:auto;
		cursor: pointer;
		text-decoration: none;
		color: #fff !important;
		line-height: 1;
		padding: 2px 10px 3px 20px;
		background: #29619B url(../images/bg/btn_blue_bg.gif) 0 50% no-repeat;
		border: solid 1px #184361;		
	}


/* =Multicol
----------------------
	Multi-Column Content styles
	Notes:
		These columns should be used for text within #content.
		Values are in percentages to start off -- remember that the IE stylesheet has different values.
		If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.twoColumnLayout {
	width: 47%;
	float: left;
	clear: none;
}
	.twoColumnLeft {
		margin-right: 5%;
	}
.threeColumnLayout {
	width: 30%;
	float: left;
	clear: none;
}
	.threeColumnLeft {
		margin-right: 4%;
	}
	.threeColumnMiddle {
		margin-right: 4%;
	}
	.threeColumnRight {
		margin-right: 0;
	}

	.ManyColumnLayout-1 {
		width: 21.2%;
		float: left;
		display: inline;
		clear: none;
		margin-left: 25px;
		margin-right: 3.3%;
	}
	.ManyColumnLayout-2 {
		width: 21.2%;
		float: left;
		display: inline;
		clear: none;
		margin-right: 3.3%;
	}
	.ManyColumnLayout-3 {
		width: 21.2%;
		float: left;
		display: inline;
		clear: none;
		margin-right: 3.3%;
	}
	.ManyColumnLayout-4 {
		width: 21.2%;
		float: left;
		display: inline;
		clear: none;
		margin-right: 0;
	}
	.ManyColumnLayout-5 {
		width: 21.2%;
		float: left;
		display: inline;
		clear: none;
		margin-left: 25px;
		margin-right: 3.3%;
	}
	.ManyColumnLayout-6 {
		width: 21.2%;
		float: left;
		display: inline;
		clear: none;
		margin-right: 3.3%;
	}
	.ManyColumnLayout-1 p, .ManyColumnLayout-2 p, .ManyColumnLayout-3 p, .ManyColumnLayout-4 p, .ManyColumnLayout-5 p, .ManyColumnLayout-6 p {
		width: auto !important;
	}
	
	.LandingItem-Title, .LandingItem-Title:link, .LandingItem-Title:visited {
		display: block;
		margin-bottom: 0.3em;
		color: #EC913A;
		text-decoration: none;
	}
	.LandingItem-Title:hover, .LandingItemTitle:active {
		text-decoration: underline;
	}
	
	.LandingItem-Desc {
		margin-left: 0px;
		margin-top: 30px;
		border-left: solid 1px #d9d9d9;
		/*padding-left: 30px;*/
	}
	.ManyColumnLayout-1 .LandingItem-Desc, .ManyColumnLayout-5 .LandingItem-Desc {
		border-left: none;
	}

.TwoColumnLayout-1 {
	width: 44%;
	float: left;
	display: inline;
	clear: none;
	margin: 0 3% 25px 25px;
}
	.TwoColumnLayout-2 {
		width: 44%;
		float: left;
		display: inline;
		clear: none;
		margin: 0 0 25px 0;
		padding-left: 30px;
		border-left: solid 1px #d9d9d9;
	}
	#content-main .TwoColumnLayout-1 .LandingItem-Title, #content-main .TwoColumnLayout-2 .LandingItem-Title {
		font-size: 1.273em;
		text-transform: uppercase;
		font-weight: bold;
	}
	.TwoColumnLayout-1 .LandingItem-Desc, .TwoColumnLayout-2 .LandingItem-Desc {
		margin-left: 0px;
		border-left: none;
		padding-left: 0px;
	}
	.TwoColumnLayout-1 p, .TwoColumnLayout-2 p {
		width: auto !important;
	}
	
/* =Portlets
----------------------
	Portlet styles
	Notes:
---------------------- */

/*- Portlet Layout (Basic) --- */
.portlet {
	margin: 0 0 1em 0;
}
.default .portlet {
	margin-bottom: 0;
}
	.portlet-inner {
		width: 188px !important; /* why isn't this happening already by default? */
	}
	
	.portlet-title {
		float: left;
		display: inline;
		cursor: pointer;
		text-decoration: none !important;
		margin: 0 0 1em 0;
		white-space: nowrap;
		width: 16em; /* ensures that the 3 sections won't break onto separate lines */
	}
	.portlet-title:hover, .portlet-title:active {
		text-decoration: none;
	}
		.portlet-title .left, .portlet-title h6, .portlet-title .right {
			height: 1.454em;
			line-height: 1;
			float: left;
			display: inline;
			background-color: #fff;
			margin: 0;
		}
		.portlet-title .left {
			padding: 5px 0 1px 5px;
		}
		.portlet-title h6 {
			padding: 5px 3px 1px 3px;
			color: #000;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			margin: 0;
			line-height: 1;
			font-weight: bold;
			font-size: 1em;
		}
		.portlet-title .right {
			padding: 5px 5px 1px 0;
		}
			.portlet-content {
				padding: 0 0 0 5px;
			}

/*- Portlet Colors (Specific) --- */
.Portlet-Blue {
	background: #5CB2CE url(../images/bg/portlet_blue_bg_bl.gif) left bottom no-repeat;
	color: #fff;
}
	.Portlet-Blue .portlet-inner {
		background: transparent url(../images/bg/portlet_blue_bg_tl.gif) 0 0 no-repeat; 
		padding: 0 15px 5px 15px;
	}
		.Portlet-Blue .portlet-title .left {
			background: #fff url(../images/bg/tab_blue_bg_bl.gif) left bottom no-repeat;
		}
		.Portlet-Blue .portlet-title h6 {
			color: #265C98;
		}
		.Portlet-Blue .portlet-title .right {
			background: #fff url(../images/bg/tab_blue_bg_br.gif) right bottom no-repeat;
		}
			.Portlet-Blue p a.Link-MoreInfo, .Portlet-Blue p a.Link-MoreInfo:link, .Portlet-Blue p a.Link-MoreInfo:visited, .Portlet-Blue p .Link-MoreInfo a, .Portlet-Blue p .Link-MoreInfo a:link, .Portlet-Blue p .Link-MoreInfo a:visited {
				color: #B5E8F4;
				text-decoration: none;
			}
			.Portlet-Blue p a.Link-MoreInfo:hover, .Portlet-Blue p a.Link-MoreInfo:active, .Portlet-Blue p .Link-MoreInfo a:hover, .Portlet-Blue p .Link-MoreInfo a:active {
				color: #B5E8F4;
				text-decoration: underline;
			}
			.Portlet-Blue ul {
				list-style: none outside;
				padding: 0;
				margin: 0 0 1em 0;
			}
				.Portlet-Blue ul li {
					background: transparent url(../images/icons/bullet_li_blue.gif) 0 0.35em no-repeat;
					padding: 0 0 0 14px;
					margin: 0 0 0.4em 0;
				}
					.Portlet-Blue a, .Portlet-Blue a:link, .Portlet-Blue a:visited {
						color: #fff;
						text-decoration: none;
					}
					.Portlet-Blue a:hover, .Portlet-Blue a:active {
						color: #fff;
						text-decoration: underline;
					}

.Portlet-Brown {
	background: #F1ECE1 url(../images/bg/portlet_brown2_bg_bl.gif) left bottom no-repeat;
	color: #000;
}
	.Portlet-Brown .portlet-inner {
		background: transparent url(../images/bg/portlet_brown2_bg_tl.gif) 0 0 no-repeat; 
		padding: 0 15px 5px 15px;
		width: 163px !important; /* counteract !important in Generic rules above */
	}
		.Portlet-Brown .portlet-title .left {
			background: #fff url(../images/bg/tab_brown2_bg_bl.gif) left bottom no-repeat;
		}
		.Portlet-Brown .portlet-title h6 {
			color: #3C2118;
			background: #fff none;
		}
		.Portlet-Brown .portlet-title .right {
			background: #fff url(../images/bg/tab_brown2_bg_br.gif) right bottom no-repeat;
		}

.home-portlets-outer {
	background: #AB9A87 url(../images/bg/portlets_home_bg_bl.gif) 0 bottom no-repeat;
}
	.home-portlets-inner {
		background: transparent url(../images/bg/portlets_home_bg_tl.gif) 0 0 no-repeat;
	}
	.home-portlets-outer ul {
		list-style-image: none;
	}

.default .Portlet-Brown {
	background: #AB9A87 url(../images/bg/portlet_homebrown_bg_bl.gif) left bottom no-repeat;
	background: none;
	color: #fff;
}
	.default .Portlet-Brown .portlet-inner {
		background: transparent url(../images/bg/portlet_homebrown_bg_tl.gif) 0 0 no-repeat; 
		background: none;
		padding: 0 15px 5px 15px;
		width: auto !important; /* counteract !important in Generic rules above */
	}
		.default .Portlet-Brown .portlet-title .left {
			background: #fff url(../images/bg/tab_homebrown_bg_bl.gif) left bottom no-repeat;
		}
		.default .Portlet-Brown .portlet-title h6 {
			color: #3C2118;
			background: #fff url(../images/bg/tab_brown2_bg_bm.gif) left bottom repeat-x;
		}
		.default .Portlet-Brown .portlet-title .right {
			background: #fff url(../images/bg/tab_homebrown_bg_br.gif) right bottom no-repeat;
		}
			.default .Portlet-Brown ul {
				list-style: none outside;
				margin: 0.5em 0 2em 0;
				padding: 0;
			}
				.default .Portlet-Brown ul li {
					padding: 0 3% 0 14px;
					margin: 0 0 0.9em 0;
					background: transparent url(../images/bg/li_homenews_bullet.gif) 0 0.40em no-repeat;
				}
					.default .Portlet-Brown ul li a, .default .Portlet-Brown ul li a:link, .default .Portlet-Brown ul li a:visited {
						text-decoration: none;
						color: #fff;
					}
					.default .Portlet-Brown ul li a:hover, .default .Portlet-Brown ul li a:active {
						text-decoration: underline;
						color: #fff;
					}

.Portlet-Orange {
	background: #EFC451 url(../images/bg/portlet_orange_bg_bl.gif) left bottom no-repeat;
	color: #fff;
}
	.Portlet-Orange .portlet-inner {
		background: transparent url(../images/bg/portlet_orange_bg_tl.gif) 0 0 no-repeat; 
		padding: 0 15px 5px 15px;
	}
		.Portlet-Orange .portlet-title .left, #home .Portlet-Orange .portlet-title .left {
			background: #fff url(../images/bg/tab_orange_bg_bl.gif) left bottom no-repeat;
		}
		.Portlet-Orange .portlet-title h6, #home .Portlet-Orange .portlet-title h6 {
			color: #9F4A16;
		}
		.Portlet-Orange .portlet-title .right, #home .Portlet-Orange .portlet-title .right {
			background: #fff url(../images/bg/tab_orange_bg_br.gif) right bottom no-repeat;
		}
			.Portlet-Orange .quote {
				font-size: 1.272em;
				font-weight: bold;
				margin-bottom: 0.5em;
			}
				.Portlet-Orange ul {
					list-style: none outside;
					padding: 0;
					margin: 0 0 1em 0;
				}
					.Portlet-Orange ul li {
						background: transparent url(../images/icons/bullet_li_orange.gif) 0 0.35em no-repeat;
						padding: 0 0 0 14px;
						margin: 0 0 0.4em 0;
					}
						.Portlet-Orange ul li a, .Portlet-Orange ul li a:link, .Portlet-Orange ul li a:visited {
							color: #fff;
							text-decoration: none;
						}
						.Portlet-Orange ul li a:hover, .Portlet-Orange ul li a:active {
							color: #fff;
							text-decoration: underline;
						}
.default .Portlet-Orange {
	background: #EFC451 url(../images/bg/portlet_homeorange_bg_bl.gif) left bottom no-repeat;
	background: none;
	color: #fff;
}
	.default .Portlet-Orange .portlet-inner {
		background: transparent url(../images/bg/portlet_homeorange_bg_tl.gif) 0 0 no-repeat; 
		background: none;
		padding: 0 15px 5px 5px;
		width: 298px !important; /* counteract !important in Generic rules above */
	}
		.default .Portlet-Orange .portlet-title {
			margin: 0 0 0.7em 10px;
		}
			.default .Portlet-Orange p {
				padding-left: 0px;
			}
			.default .Portlet-Orange .Quote-Text {
				display: block;
				font-size: 1.272em;
				font-weight: bold;
				margin-bottom: 0;
				padding: 0.3em 0 0 10px;
				background: transparent url(../images/bg/quotemark_left.gif) 0 0 no-repeat;
			}
			.default .Portlet-Orange .Quote-Attribution {
				display: block;
				padding: 0.8em 0 0 10px;
				background: transparent url(../images/bg/quotemark_right.gif) right 0 no-repeat;
				margin-bottom: 1.2em;
			}

/*- Buttons (Basic) --- */
span.btn a, span.btn a:link, span.btn a:visited, a.btn, a.btn:link, a.btn:visited, a span.btn, a:link span.btn, a:visited span.btn {
	cursor: pointer;
	text-decoration: none;
	color: #fff !important;
	line-height: 1;
	padding: 2px 10px 3px 20px;
	margin: 0 0 0 -8px;
}
span.btn a:hover, span.btn a:active, a.btn:hover, a.btn:active, a:hover span.btn, a:active span.btn {
	text-decoration: underline;
}
span.btn {
	display: block;
	margin: 0 0 1em 0;
}
p span.btn, a span.btn {
	display: inline;
}

/*- Buttons (Specific) --- */
#content-main span.btn a, #content-main a.btn, #content-main a span.btn {
	background: #29619B url(../images/bg/btn_blue_bg.gif) 0 50% no-repeat;
	border: solid 1px #184361;
	padding-top: 2px;
	padding-bottom: 3px;
}
	#content-main span.secondary a, #content-main a.secondary, #content-main a span.secondary {
		padding-left: 9px;
		background: #605140 url(../images/bg/btn_brown_bg.gif) -20px 50% no-repeat;
	}
	#content-main span.back a, #content-main a.back, #content-main a span.back {
		background: #605140 url(../images/bg/btn_brownback_bg.gif) 0 50% no-repeat;
	}
		
.Portlet-Blue span.btn a, .Portlet-Blue a.btn, .Portlet-Blue a span.btn, 
.default #content-main .Portlet-Blue span.btn a, .default #content-main .Portlet-Blue a.btn, .default #content-main .Portlet-Blue a span.btn {
	background: #29619B url(../images/bg/btn_blue_bg.gif) 0 50% no-repeat;
	border: solid 1px #184361;
}
.Portlet-Brown span.btn a, .Portlet-Brown a.btn, .Portlet-Brown a span.btn, 
.default #content-main .Portlet-Brown span.btn a, .default #content-main .Portlet-Brown a.btn, .default #content-main .Portlet-Brown a span.btn {
	background: #605140 url(../images/bg/btn_brown_bg.gif) 0 50% no-repeat;
	xborder: solid 1px #D3C6B7;
	border: solid 1px #504227;
}
.Portlet-Orange span.btn a, .Portlet-Orange a.btn, .Portlet-Orange a span.btn, 
.default #content-main .Portlet-Orange span.btn a, .default #content-main .Portlet-Orange a.btn, .default #content-main .Portlet-Orange a span.btn {
	background: #D45F20 url(../images/bg/btn_orange_bg.gif) 0 50% no-repeat;
	border: solid 1px #7D3C03;
}
.default #content-main .Portlet-Orange span.btn a, .default #content-main .Portlet-Orange a.btn, .default #content-main .Portlet-Orange a span.btn {
	margin-left: 2px;
}

.products #content-main p a.btn {
	margin-left: 25px !important;
}

/* =Content
----------------------
	Main Content styles
	Notes:
		Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#content {
	font-size: 1em; /* Inherits 11px from #container */
	margin: 0px 0 0 218px;
	/*float: left;
	clear: none;
	width: 100%;*/
	height: auto;
	min-height: 250px;
	margin: 0 0 0 0;
}
#content.withSecondary {
}
#content.withoutNav {
	margin-left: 0;
}

/*- Main Content --- */
	#content-main {
		width: 732px;
		float: left;
		margin-left: 25px;
	}
	.withSecondary #content-main {
		width: 489px;
		float: left;
		clear: none;
	}
	.withoutNav #content-main {
		margin-left: 0;
		float: left;
		clear: none;
		width: 950px; /* CHANGE WITH content-secondary */
	}

/*- Secondary Content (Right Column) --- */
	.withSecondary #content-secondary, .withoutNav #content-secondary {
		float: left;
		clear: none;
		margin: 0 0 0 25px;
		padding: 8px 0 0 0;
		width: 218px;
	}
#content-secondary ul {
	list-style-image: none;
}
/*- Headings --- */
	#content-main h3 {
		text-transform: uppercase;
		color: #EC913A;
		letter-spacing: 0.08em;
		padding: 0;
		margin: 17px 0 0.3em 0;
	}
		#content-main h3 .hilite {
			color: #E18F37;
		}
		#content-main h3 .PageTitle-Highlight {
			color: #E18F37;
		}
	#content-main h4 {
		padding: 0.5em 0 0 0;
		margin: 0 0 0.5em 0;
		font-size: 1.182em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		border-bottom: solid 1px #d3d3d3;
		color: #05617E;
		clear: left;
	}
	#content-main h3 .mixcase, #content-main h4 .mixcase {
		text-transform: none !important;
	}
	#content-main .lowercase {
		text-transform: lowercase !important;
	}
	#content-main h5, #content-main h6 {
		font-size: 1em;
		padding: 0;
		margin: 0 0 1.0em 0;
		clear: left;
	}
	#content-main h5 {
		font-size: 1.09em;
	}
	.default #content-main h6 {
		padding: 5px 3px 1px 3px;
		margin: 0;
		clear: none;
	}
		
/*- Paragraph Styles --- */
	.ExtraSpace-Top {
		display: block;
		padding-top: 0.5em;
	}
	.Text-FinePrint {
		font-size: 0.91em;
		line-height: 1.4;
	}
	#content-main p {
		width: 98%;
	}
	#content-main td tr{
		font-size:2.0em;
		border:none;
	}
	#content-main .intro {
		font-size: 1.273em;
		line-height: 1.7;
		color: #2C6685;
		margin-bottom: 1em;
	}
	
	.Link-LearnMore {
		cursor: pointer;
		text-decoration: none;
		color: #7C4900 !important;
		line-height: 1;
		padding: 2px 8px 3px 18px;
		/*margin: 0;*/
		margin-top: 0pt;
		margin-right: 0pt;
		margin-bottom: 0pt;
		margin-left: 10pt;
		background: #fff url(../images/bg/btn_learnmore_bg.gif) -2px 50% no-repeat;
		border: solid 1px #C7BB9B;
	}
	.Link-LearnMore:link, .Link-LearnMore:visited {
		text-decoration: none;
	}
	.Link-LearnMore:hover, .Link-LearnMore:active {
		text-decoration: underline;
	}
	.Link-BackToTop {
		padding-left: 9px;
		background: transparent url(../images/bg/link_backtotop_bg.gif) 0 50% no-repeat;
	}
	
	img.Image-FloatRight {
		float: right;
		clear: none;
		margin-left: 10px;
	}
	img.Image-FloatLeft {
		float: left;
		clear: none;
		margin-right: 10px;
	}
	
/*- Key Features box styles --- */
	.Heading-ProductFeatures-Delphi {
		display: block;
		height: 104px;
		background: transparent url(../images/bg/hdg_prodfeat_delphi.gif) right 0 no-repeat;
		color: #4790B9;
		border: none;
		padding: 36px 0 0 17px;
	}
	.List-ProductFeatures {
		list-style: none outside;
		margin: 0 0 1em 0;
		padding: 0 0 0 17px;
		background: transparent url(../images/bg/prodfeat_bg_bl.gif) 0 bottom repeat-x;
	}

/* =Landing pages
--------------------- */

/*- Overview Content --- */
	#content-overview {
		background: #007FA7 url(../images/bg/landing_generic_bg_tl.jpg) 0 0 no-repeat;
		/*0C7092*/
		color: #fff;
		xmargin: 0 0 0 -218px;
		margin: 0 0 0 0;
	}
	.landing #content-overview {
		margin: 0 0 20px 0;
	}
	
	.default #content-overview {
		background: #007FA7 url(../images/bg/landing_generic_bg_tl.jpg) 0 0 no-repeat;
	}
	.company #content-overview {
		background: #E8BD49 url(../images/bg/landing_company_bg_tl.jpg) 0 0 no-repeat;
	}
	.industrysolutions #content-overview {
		background: #A8511B url(../images/bg/landing_indsolutions_bg_tl.jpg) 0 0 no-repeat;
	}
	.products #content-overview {
		background: #007FA7 url(../images/bg/landing_products_bg_tl.jpg) 0 0 no-repeat;
	}
	.services #content-overview {
		background: #A8511B url(../images/bg/landing_proserv_bg_tl.jpg) 0 0 no-repeat;
	}
	.support #content-overview {
		background: #007FA7 url(../images/bg/landing_support_bg_tl.jpg) 0 0 no-repeat;
	}
	.clientsuccesses #content-overview {
		background: #007FA7 url(../images/bg/landing_clsuccess_bg_tl.jpg) 0 0 no-repeat;
	}
	.newsevents #content-overview {
		background: #E8BD49 url(../images/bg/landing_newsevents_bg_tl.jpg) 0 0 no-repeat;
	}
	.store #content-overview {
		background: #007FA7 url(../images/bg/landing_store_bg_tl.jpg) 0 0 no-repeat;
	}
	
		.overview-inner {
			background: transparent url(../images/bg/landing_generic_bg_bl.gif) 0 bottom no-repeat;
			padding: 2px 15px 23px 25px;
		}
		.products .overview-inner {
			/*background: transparent url(../images/bg/landing_products_bg_bl.gif) 0 bottom no-repeat;*/
			background: transparent url(../images/bg/landing_products_bg_bl.jpg) 0 bottom no-repeat;
			height:74px;
		}
		.industrysolutions .overview-inner, .services .overview-inner {
			background: transparent url(../images/bg/landing_orange_bg_bl.gif) 0 bottom no-repeat;
		}
		.company .overview-inner, .newsevents .overview-inner {
			background: transparent url(../images/bg/landing_yellow_bg_bl.gif) 0 bottom no-repeat;
		}
		
		
		
		
		#content-overview table {
			padding: 0;
			border-collapse: collapse;
			margin: 0;
			border: 0;
			width: 910px;
		}
			#content-overview td {
				padding: 0 10px 0 0;
				margin: 0;
				border: 0;
				color: #fff;
			}
			#content-overview h3 {
				text-transform: uppercase;
				color: #fff;
				letter-spacing: 0.08em;
				padding: 0px 0 0 0;
				margin: 12px 0 0 0;
			}
			#content-overview p {
				font-size: 1.273em;
				line-height: 1.3;
				color: #fff;
				margin: 0;
				padding: 0 0 0 0;
			}
			#content-overview table p {
				padding-right: 0;
			}


/* =Homepage
----------------------
	Homepage-specific styles
	Notes:
---------------------- */
	.home-content-1 {
		margin-bottom: 7px;
		height: 283px;
		padding: 0;
	}
	.home-content-2 {
		width: 625px;
		margin-right: 9px;
	}
	.home-content-3 {
		width: 316px;
		margin: 0;
	}


/* =ShoppingCart
----------------------
	Shopping Cart styles
	Notes:
---------------------- */
#content-main table.cart, #content-secondary table.cart {
}

.cart-total {
	padding: 3px 10px;
	font-size: 1.182em;
	font-weight: bold;
	background: #DBE5EA;
	margin: 0 0 1.6em 0;
}

/* =CaseStudies
----------------------
	Case Study list styles
	Notes:
---------------------- */
#content-main .casestudies {
	margin-top: 1.5em;
	border-top: solid 1px #d3d3d3;
}
	#content-main .casestudy {
		width: 100%;
		clear: left;
		xbackground: #ffccff;
		padding: 10px 0 7px;
		border-bottom: solid 1px #d3d3d3;
	}
		#content-main .casestudy .companylogo {
			float: left;
			display: inline;
			width: 25%;
			clear: left;
		}
			#content-main .casestudy .companylogo img {
				width: 100px;
			}
		#content-main .casestudy .companyname {
			float: left;
			display: inline;
			width: 62%;
		}
		#content-main .casestudy .title {
			float: left;
			display: inline;
			width: 62%;
		}

/* =Tables 
---------------------- */

/*- Product feature tables --- */
#content.products table {
	border-bottom: solid 1px #C3C3C3;
	background-image: url(../images/bg/prodfeat_bg_bl.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 1em;
	padding: 0;
	margin: 0 0 1.5em 0;
	width: 100%;
	float: left;
	display: inline;
}
	#content.products table td {
		background-position: top right;
		background-repeat: no-repeat;
		font-size: 1em;
	}
	#content.products table h4 {
		color: #4790B9;
		border: none;
		padding: 36px 0 0 17px;
		margin: 0;
	}
	#content.products table ul {
		list-style: none outside;
		list-style-image: none;
		margin: 10px 0 0 0;
		padding: 0 100px 10px 17px;
	}
		#content.products table ul li {
			padding: 0 0 0 14px;
			margin: 0 0 0.6em 0;
			line-height: 1.5;
			background: transparent url(../images/bg/li_prodfeat_bullet.gif) 1px 0.5em no-repeat;
		}
	#content font {
		font-size: 1em !important;
	}
#content-main, table{
	/*font-size:2.0em;*/
	border:none;
}
table, #content.landing table {
	border-collapse: collapse;
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	font-size: 1em;
}
	table tr, #content.landing table tr {
	}
		table td, table th, #content.landing table td, #content.landing table th {
			padding: 7px 18px 6px 0;
			border-bottom: solid 1px #ccc;
			font-size: 1em;
		}
		#content.company td {
			padding: 12px;
		}
		table th, #content.landing table th {
			padding-top: 2px;
			border-bottom: solid 1px #999;
		}
		
table.show_design_border td, table.show_design_border th, #content.landing table.show_design_border td, #content.landing table.show_design_border th {
	border-bottom: solid 0px #ccc;
}


/* =SiteMap
----------------------
	Site Map section styles
	Notes:
---------------------- */
#content-main ul.sitemap {
	list-style: none outside;
	padding-left: 0;
}
	#content-main ul.sitemap ul {
		list-style: none outside;
		padding-top: 0.3em;
	}

/* =NewsEvents
----------------------
	News & Events section styles
	Notes:
---------------------- */
#content-main .newsevents {
}
	.newsitems-list {
	}
		.newsitems-list p {
			padding: 0.2em 0 0.6em 0;
			border-bottom: solid 1px #d3d3d3;
			margin: 0 0 0.4em 0;
		}

#content-main .date {
	float: left;
	clear: left;
	width: 33%;
}
#content-main .title {
	float: left;
	clear: none;
	width: 65%;
}
#content-main .subtitle {
	float: left;
	clear: none;
	width: 65%;
}

/* =Search
----------------------
	Search section styles
	Notes:
---------------------- */
#headerSearchForm {
}
#bodySearchForm {
	padding-bottom: 1.0em;
	margin-right: 30px;
	border-bottom: solid 1px #d3d3d3;
}
	#headerSearchForm input, #bodySearchForm input {
		border: solid 1px #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		padding: 4px 3px 2px 5px;
		margin: 0 3px 0 0;
		line-height: 1;
		width: 132px;
		float: left;
		display: inline;
	}
	#bodySearchForm input {
		padding-bottom: 3px;
	}
	#headerSearchForm .searchbtn_container, #bodySearchForm .searchbtn_container {
		height: 20px;
		width: 23px;
		background: transparent url(../images/bg/btn_blue_bg.gif) 0 50% no-repeat;
		border: solid 1px #184361;
		float: left;
		display: inline;
	}
	#headerSearchForm button, #headerSearchForm input.searchbutton, #bodySearchForm button, #bodySearchForm input.searchbutton {
		border: none;
		padding: 0;
		background: transparent;
		margin: 0;
		height: 20px;
		width: 23px;
		display: inline;
	}
/* #headerSearchForm span {
	float: right;
	clear: right;
	font-size: 0.9em;
}
	#headerSearchForm span a {
		text-decoration: none;
	} */

/* #bodySearchForm button {
	float: left;
	clear: none;
}


#SearchForm {
}
#SearchForm table, #SearchForm table tr, #SearchForm table tr td {
	border: 0;
} */

.searchresults {
	padding-top: 1em;
	clear: left;
	/* float: left;
	clear: left;
	width: 100%; */
}

/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo {
	width: 910px;
	padding: 23px 20px 8px;
	float: left;
	clear: both;
	color: #999;
}
#home #siteinfo {
	padding-top: 7px;
}
	#siteinfo-legal { /* Usually the copyright notice */
		float: left;
		width: 45%;
	}
	#siteinfo-links { /* Usually Terms, Privacy and Accessibility */
		float: right;
		width: 45%;
		text-align: right;
	}
	#siteinfo a, #siteinfo a:link, #siteinfo a:visited {
		color: #aaa;
	}
	#siteinfo a:hover, #siteinfo a:active {
		color: #444;
	}

/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {
	clear: left;
	height: 1px;
	font-size: 1px;
	line-height: 1;
	margin: 0;
	padding: 0;
	/* Try adding any/all of these if clear divs aren't working right:
	height: 1%;
	width: 100%;
	font-size: 1%;
	line-height: 1;
	clear: both;
	*/
}
.bold {font-weight: bold}
.em {font-style: italic}
.xspa {
	margin-bottom: 1.6em;
}