/**********************************************************************************************
* Search this file for an equals sign (=) to jump between grouped classes                     *
*                                                                                             *
* Author: 		 : Duncan Brown, Harlequin Solutions                                          *
* Last modified  : 15.09.2008                                                                 *
* Version        : 1.0                                                                        *
* Browser(s)     : All (IE Win hacks/fixes are in separate stylesheets)                       *
*                                                                                             *
**********************************************************************************************/



/* Global Layout Settings
=============================================================================================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	/* Font sizing in ems. If you want to change anything size-wise, just change this. */
	/* Refer to http://clagnut.com/blog/348/ for details. */
	/* http://riddle.pl/emcalc/ - Em Calculator */
	/* text-align: center; */
	background: #fdfdfd;
}




/* HTML Styles
=============================================================================================*/

		p {
			font-size: 0.88em;
			line-height: 1.45em;
			padding: 0 0 1.38em;
			text-align: justify;
			color: #4a4a4a;
		}
		
		h1, h2, h3, h4, h5, h6 {
			margin: 0 0 0.5em;
			padding: 0;
			color: #000;
			/* letter-spacing: -1px; */	
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, arial, sans-serif;
			font-weight: normal;
		}
		
		strong, b {
			font-weight: bold;
		}
				
		H1 {
			font-size: 1.19em;
		}	
		H2 {
			font-size: 1.19em;
		}
		H3 {
			font-size: 1.13em;
		}
		H4 {
			font-size: 1.07em;
		}	
		H5 {
			font-size: 1.03em;
		}
		H6 {
			font-size: 0.9em;
		}
	

		/* :link :visited :focus :hover :active */
		a:link {
			text-decoration: none;
			color: #bbbb6a;
			font-weight: bold;
			border-bottom: 1px solid #fff;
			background-color: transparent;
		}
		a:visited { 
			text-decoration: none;
			border-bottom: 1px solid #fff;
			/* text-decoration: line-through; */			
			color: #cccc8f /* #d8ee78 */;
			background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
			font-weight: bold;
		}		
		a:focus, a:hover, a:active { 
			text-decoration: none;
			background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
			border-bottom: 1px solid #444495;
			color: #444495;
			font-weight: bold;
			}	

		ul {
			margin: 0 0 20px 36px;
			font-size: 0.88em;
			line-height: 1.7em;
			}
			ul ul {
				margin: 0 0 0 -5px;
				font-size: 100%;
			}			
			ul li {
				padding: 0 0 0 30px;
				background: url(/includes/site-images/bullet.png) no-repeat 0 0;
				color: #3c3c3c;
			}
		ol {
			margin: 0 36px 20px;
			font-size: 0.88em;
			line-height: 1.6em;
			}
			ol ol {
				margin: 0 0 0 0;
				font-size: 100%;
			}			
			ol li {
				margin: 0 0 0 1.88em;
				list-style-type: decimal;
				color: #3c3c3c;
			}
			
		img {
			border: none;
		}

		hr {
			height: 1px;
			margin: 20px 0;
			color: #b1b9c6;
			background-color: #b1b9c6;
			border: 0px;
		}
		
		address {
			margin: 0 0 1.5em;
			padding: 0 0 0 40px;
			color: #000;
			font-style: normal;
			border-left: 1px solid #d7d2d0;
		}
		
		acronym, abbr {
			border-bottom: 1px dashed #9c1948;
			cursor: pointer;
		}

		q { quotes: "\201C" "\201D" "\2018" "\2019"; }
		
		q:before { content: open-quote; }
		q:after  { content: close-quote; }
		
		q:before   { content: '\201C'; } /* Safari support */
		q:after    { content: '\201D'; }
		q q:before { content: '\2018'; }
		q q:after  { content: '\2019'; }

		blockquote * { quotes: none; }
		blockquote > *:before { content: '\201C'; }
		blockquote > *:after  { content: '\201D'; }
		blockquote q:before   { content: '\2018'; }
		blockquote q:after    { content: '\2019'; }
			
		
		blockquote {
			background: #f2f2f2 url("/includes/site-images/blockquote-bg.gif") top right no-repeat;
			margin: 0 0 20px;
			padding: 20px 92px 20px 40px;
			font-size: 1.2em;
			line-height: 1.4em;	
			border: 1px solid #f4f4f4;
			}
			blockquote p {
				margin: 0 !important;
				padding: 0 !important;
				color: #000;
			}
			
			
		/* CMS Cleanup
		==============================================*/
		
		font a,
		a font { /*Deal with link and FONT tag combos*/
			color: #bbbb6a !important; 
			font-weight: bold;
		}	
			
		font { /*To override any legacy code or pesky users that know some HTML*/
			font: 100% arial,sans-serif;
			color: #4a4a4a;
			background-color: transparent !important;
			line-height: 1.45em;
		}
		li font {
			color: #000;
		}
		u {
			text-decoration: none;
		}			
			


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


table {
	border-collapse: collapse;
	border: 2px solid #d8dce3;
	background: #fff;
	color: #000;
	margin: 0 0 1.38em;
	padding: 1px;
	}
	table caption {
		font-size: 1.15em;
		letter-spacing: -1px;
		text-align: left;	
		color: #4e4f4f;
		padding: 0 0 3px;
	}
	table tr {
		background: #fcfcf7;
	}
	/* This is the magic class for the 'zebra' row effect */
	table tr.rowTint {
		background: #fcfcf7;
	}
	table th {
		vertical-align: bottom;
		font-style: italic;
		color: #000;
		background: #f1f4f8 /* url("/includes/site-images/child-main-heading-bg.gif") left bottom no-repeat */;
	}
	table td {
		vertical-align: top;
		background: #fcfcf7 url("ZZZ/includes/site-images/td-bg.gif") top left repeat-x;
		}	

	table td,
	table th {
		/* border-right: 1px solid #fff;
		border-bottom: 1px solid #fff; */
		border: 1px solid #fff;
		padding: 10px 6px;
		font-size: 0.88em;
		/* line-height: 1.1em; */
		/* font-size: 0.69em; */
		/*width: 20%;*/
		}	
		table td p {
			font-size: 1.00em;
			/* line-height: 1em; */
			color: #4e4f4f;
			}	
		table td i {
			color: #63748e;
			}
		table td ul li {
				background: url(/includes/site-images/bullet-table.png) no-repeat 0 0;
			}

/* General Layout
=============================================================================================*/

.Hide { 
	position: absolute;
	left: 0px;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.Wrapper {
	width: 100%;
	overflow: hidden;
}
.Container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	/* background: #fe5; */
}


/* Background Wrappers
=============================================================================================*/


#Site {
	/* background: #ccc; */
}
#HeaderBG {
	background: #fdfdfd url("/includes/site-images/header-bg.gif") top center no-repeat;
}
#TopNavigationBG {
	background: #65758e;
}
#MainNavBarBG {
	background: #e0e0e0 url("/includes/site-images/main-nav-bar-bg.gif") top center repeat-x;
	/* border-bottom: 1px solid #f2f2f2; */
}
#TopBG {
	padding: 20px 0 0;
	background: transparent url("/includes/site-images/main-top-bg.png") top center no-repeat;
}
#BottomBG {
	background: #fdfdfd url("/includes/site-images/main-bottom-bg.png") top center repeat-y;
	clear: both; /* Because previous DIV's have had overflow: hidden removed for the dropdowns */
}
#HomeMainColShadow {
	height: 8px;
	background: transparent url("/includes/site-images/home-main-col-shadow.png") top center no-repeat;
}
#ChildContentBG {
	margin: 40px 0 40px;
	padding: 3px 0 0;
	background: url("/includes/site-images/child-top-shadow.gif") top center no-repeat;
}
#ChildWideContentBG {
	margin: 40px 0 40px;
	padding: 3px 0 0;
	background: url("/includes/site-images/child-wide-top-shadow.gif") top center no-repeat;
}
#FooterBG {
	margin: 40px 0 0;
	padding: 0 0 100px;
	border-top: 1px solid #f4f4f4;
	background: transparent url(/includes/site-images/footer-logo-bg.gif) top center no-repeat;
}



/* Header
=============================================================================================*/
	
#Header {
	position: relative; /* Containing block - Give the included divs a starting point */
	width: 960px;
	height: 81px;
	overflow: hidden;
	margin: 0 auto;
	}
	
	h1#Logo,
	div#Logo,
	span#Logo {
		position: absolute; /* From containing block */
		top: 10px;
		left: 0px;	
		display: block;
		text-indent: -9999999px;
		width: 218px;
		height: 59px;
		overflow: hidden;
		}
		#Logo a {
			display: block;
			width: 100%;
			height: 100%;
			background: transparent url("/includes/site-images/logo.gif") no-repeat 0 0;
		}
		#Logo a:hover, #Logo a:active, #Logo a:focus {
			background-position: 0px -58px;
		}


	/* Search
	=============================================================================================*/
			
	div#SearchBox {
		position: absolute; /* From containing block */
		top: 38px;
		right: 0px;
		height: 23px;
		width: 270px;
		padding: 1px 0 0;
		background: #fdfdfd url(/includes/site-images/search-bg.gif) no-repeat 0 0;
		white-space: nowrap; /* DB: Prevents wrapping of individual elements within the DIV - namely for Safari */
		font-size: 0.75em;
		}
		input.SearchTextBox {
			vertical-align: middle;
			width: 220px;
			/* height: 1.44em; */
			margin-right: 0;
			background: transparent;
			text-indent: .3em;
			border: transparent solid 1px;
			font-size: 0.94em;
			color: #9e9895;
		}
		input.SearchTextBox:hover, input.SearchTextBox:active, input.SearchTextBox:focus {
			/* background: #bbbb6a; */
			color: #bbbb6a;
			}

		div#SearchBox label {
			display:inline;
		}
		input.SearchButton {
			background: #000 url(/includes/site-images/search-button-bg.gif) no-repeat 50% 49%;
			text-indent: 999999px;
			border: transparent solid 1px;
			width: 43px;
			/* height: 1.74em; */
			vertical-align: middle;
			margin: 0;
			padding: 0;
			cursor: pointer; /* hand-shaped cursor */
		}
		input.SearchButton:hover, input.SearchButton:active, input.SearchButton:focus {
			background: #b7b7b7 url(/includes/site-images/search-button-bg-over.gif) no-repeat 50% 49%;
			}				
				
	
		/* Top Navigation
		=============================================================================================*/
		#TopNavigation {
			background: url("/includes/site-images/top-navigation-bg.gif") 43px bottom no-repeat;
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, arial, sans-serif;
			}			
			#TopNavigation span#PhoneNumber {
				float: left !important;
				color: #fdfdfd;
				margin: 2px 0 0;
				padding: 0;
				font-size: 0.88em;
			}
			#TopNavigation ul {
				float: right;
				text-align: right;
				width: 100%;
				margin: 13px 0 12px;
				padding: 0;
				}
				#TopNavigation ul li {
					display: inline;
					background-image: none;
					/* width: auto; */
					line-height: 0em;
					margin: 0;
					padding: 0;
					}
					#TopNavigation ul li a {
						margin: 0;
						padding: 13px 10px 12px;
						border-width: 0;
						font-size: 0.75em;
						font-weight: normal;
						color: #fdfdfd;
						background: transparent url("/includes/site-images/top-navigation-div.gif") center right no-repeat;
					}
					#TopNavigation ul li span.First {
						margin: 0;
						padding: 13px 0 12px;
						background: transparent url("/includes/site-images/top-navigation-div.gif") center left no-repeat;
					}
					#TopNavigation ul li a:hover, 
					#TopNavigation ul li a:active, 
					#TopNavigation ul li a:focus {
						color: #000;
						background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
						/* border-bottom: 1px solid #000; */
					}
						
			

		/* Main Navigation
		=============================================================================================*/


		/* New Dropdown Main Navigation
		
		I've had to create new Wrapper and Container because we can't have overflow: hidden else the dropdowns get cut-off
		One of these appears to need a height but need to check
		HTML - REMOVED - I've added a BR under the DIV to clear the following divs 
		HTML - I've added the new names WrapperDropdown + ContainerDropdown
		HTML Menu include - Added class="YoMeBitch" to top level LI
		Will the On classes work?! Investigate!
		There's an important rule on line 466 that says everything in this div should have a line-height:1em; - need to remember this when testing
		BG DIV - commented out BG for testing
		Jag - change to #MainNavBar ul li a#Last (capital L on A not LI), instead of Anibal's #MainNavBar ul li.last
		Jag - change h2 to span
		Jag - Add  class="YoMeBitch" to top level LI
		=============================================================================================*/

		.WrapperDropdown {
			width: 100%;
			background: #0033CC;
			/* overflow: hidden; */
		}
		.ContainerDropdown {
			width: 960px;
			margin: 0 auto;
			height: 50px;
			position: relative; /* Containing block - Give the included divs a starting point */
			/* overflow: hidden; */
			/* background: #fe5; */
			}


			#MainNavBar {
				position: relative; /* Containing block - Give the included divs a starting point */
				/* overflow: hidden; - to prevent the dropdown getting cut off */		
				z-index: 1;	
				margin: 0 auto;
				padding: 13px 0 0 20px;
				font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, arial, sans-serif;
				}
				
				#MainNavBar ul ul { /* Override above nested margins */
					margin: 0;
					}


				#MainNavBar ul li a.ZZZZOn { /* For selected top level horizontal link */
					float: left;
					margin: 0;
					padding: 11px 10px 11px;
					border-width: 0px;
					background: #fff url("/includes/site-images/main-nav-on-link-bg.gif") top left repeat-x;
					color: #000;
					font-size: 0.81em;
					font-weight: normal;
					}	
									
				#MainNavBar ul li a#First {
					/* border-left: #ced0d4 solid 1px; */
				}			
				#MainNavBar ul li a#Last,
				#MainNavBar ul li.Last {
					border-right: #d2d2d2 solid 1px;
				}		
				
				ZZZli.YoMeBitch:hover {
					/* border: #000 solid 1px; */
					background: #f0f url("/includes/site-images/main-nav-links-hover-bg.gif") top right no-repeat;
					color: #000;
					}
				ZZZli.YoMeBitch:hover a:link {
					/* border: #ff0 solid 1px !important; */
					background: transparent !important;
					color: #000;
					}	
					
					
					
					
					
					
					
					
					


				/********* Anibal's Horizontal CSS Popout Menu *********/
				
				ul#DropdownNav {
					overflow: visible; 
					float: left;
					/* width: 90%; */ /* DB: essential for Safari - everything else is fine without */
					margin: 0;
					padding: 0 0 0 1px;
					line-height: 1em;
					border-top: #d3d3d4 solid 1px;
					border-left: #ced0d4 solid 1px;				
					background: #d8dadd url("/includes/site-images/main-nav-first-link-bg.gif") top left no-repeat;
					clear: both;
					}
					ul#DropdownNav li {
						float: left; 
						position: relative; 
						margin: 0; 
						padding: 0; 
						min-width: 0; 
						text-align: center;
						background: transparent url("/includes/site-images/main-nav-links-bg.gif") top right no-repeat;
						}
				
					/* ul#DropdownNav li.firstLi {
						border-left: 0;
						}
					
					ul#DropdownNav li.firstLi a {
						padding-left: 0 !important;
						}
					
					ul#DropdownNav li.lastLi {
						border-right: 0;
						} */
				
					/* ul#DropdownNav li a */
					ul#DropdownNav a:link,
					ul#DropdownNav a:visited { /* All links, but if overriding below, just the top level */
						display: block; 
						margin: 0;
						padding: 11px 10px 11px;
						border-width: 0px;
						background: transparent url("/includes/site-images/main-nav-links-bg.gif") top right no-repeat;
						color: #444495;
						font-size: 0.81em;
						font-weight: normal;
						}
					
					ul#DropdownNav li a:hover {
						background: url("/includes/site-images/main-nav-links-hover-bg.gif") top right no-repeat !important;
						color: #444495;
					}
									
					ul#DropdownNav li li:hover ul { /* Position all sub menus? */
						top: 0; 
						left: 100%;
						}
					
					ul#DropdownNav li li { /* All dropdown items */
						float: none; 
						text-align: left; 
						/* padding: 0; 
						margin: 0; */ 
						background: #d8dadd /* url("/includes/site-images/main-nav-links-bg.gif") top right no-repeat */;
						font-size: 1em; 
						border: 0;
						}
					
					ul#DropdownNav li li:hover { /* Pointless? Overridden by link BG's? */
						background: #444495;
						margin: 0;
						padding: 0;
						/* border: 1px solid #fff; */
						}
					
					/* ul#DropdownNav li li a */
					ul#DropdownNav li li a:link,
					ul#DropdownNav li li a:visited { /* Second level and lower, unless overridden below */
						color: #444495; 
						width: 140px; 
						padding: 5px 5px 7px; /*GWLB Change*/
						line-height:1.1em; /*GWLB Change*/
						/* letter-spacing: -1px; */
						background: transparent !important; 
						}
					
					ul#DropdownNav li li a:hover { /* Second level hovers and lower, unless overridden below */
						/* background: url("/includes/site-images/main-nav-links-hover-bg.gif") top right no-repeat !important; */
						color: #fdfdfd; /*GWLB Change*/
						}
					
					ul#DropdownNav li ul { /* Hide dropdowns */
						display: none; 
						position: absolute; 
						background: #fdfdfd; /*GWLB Change*/
						}
					
					
					
					ul#DropdownNav li.Parent { /* Second level and lower, items with sub menus */
						background: #ccc url(/includes/site-images/menuBg.gif) 98% 50% no-repeat;
						}
					
					ul#DropdownNav li.Parent:hover { /* All parent hovers */
						background: #ccc url(/includes/site-images/menuBgH.gif) 98% 50% no-repeat;
						}
	
					ul#DropdownNav li li.Parent a:link,
					ul#DropdownNav li li.Parent a:visited { /* All links 2nd level and lower */
						background: transparent !important; /* required to show the li parent hover below the link (see above) */
						color: #000;
						}
					ul#DropdownNav li li.Parent a:hover { /* Items with sub menus */
						/* background: #000 !important; */
						color: #fff;
						}
											
					ul#DropdownNav li li.Parent:hover li a,
					ul#DropdownNav li li li.Parent:hover li a,
					ul#DropdownNav li li li li.Parent:hover li a { /* All second level and below */
						/* background: #fff; */
						/* color: #f00; */
						/* color: #f60; */
						}
					ul#DropdownNav li li li.Parent:hover li a,
					ul#DropdownNav li li li li.Parent:hover li a,
					ul#DropdownNav li li li li li.Parent:hover li a { /* All third level and below */
						/* background: #ff0; */
						/* color: #f0f; */
						}
										
					ZZZZZul#DropdownNav li li.Parent:hover a,
					ZZZZZul#DropdownNav li li.Parent:hover li a:hover,
					ZZZZZul#DropdownNav li li li.Parent:hover a,
					ZZZZZul#DropdownNav li li li.Parent:hover li a:hover,
					ZZZZZul#DropdownNav li li li li.Parent:hover a,
					ZZZZZul#DropdownNav li li li li.Parent:hover li a:hover { /* What the?! Get rid? */
						color: #fff;
						}
					
					ul#DropdownNav li:hover ul ul,
					ul#DropdownNav li li:hover ul ul,
					ul#DropdownNav li li li:hover ul ul,
					ul#DropdownNav li li li li:hover ul ul { /* Hide all dropdowns (unless the current li is hovered) */
						display: none;
						}
					ul#DropdownNav li:hover ul,
					ul#DropdownNav li li:hover ul,
					ul#DropdownNav li li li:hover ul,
					ul#DropdownNav li li li li:hover ul { /* Show dropdowns on hover */
						display: block;
						}

					/*GWLB Change*/
					#VisaGraphic
					{
						float:right;
						vertical-align:middle;
					}


				
/* Homepage 
=============================================================================================*/

#MainHomeContainer {
	margin: 0 auto;
	padding: 0;
	background: transparent url("/includes/site-images/home-lower-cols-bg.png") bottom right no-repeat;
}


	/* Left Column - Flash and 2 lists
	==============================================*/

	div#HomeMainCol { /* Contains both Flash content + lists */
		float: left;
		width: 690px;
		overflow: hidden;
		margin-right: 0px;
		background: transparent;
		}	
		div#FlashFeature { /* Flash */
			/* Div exists to prevent IE adding space to following div */
			}
		div#HomeFlashFeature { /* Flash */
			z-index: 1000;			
			}			
			
			
					
		div#HomeLowerPanel { /* Lists */
			overflow: hidden;
			padding: 18px 0 18px;
			background: transparent url("/includes/site-images/home-lower-panel-top-bg.png") top right no-repeat;
			}
			div.HomeCols {
				float: left;
				overflow: hidden;
				}
				div.First {
					width: 225px;
					margin: 0 20px 0 200px;
				}
				div.Second {
					width: 225px;
				}
				div.HomeCols h4 {
					display: block;
					font-size: 0.88em;
					font-weight: normal;
					line-height: 1em;
					margin: 0 0 10px 9px;
					padding: 0;
					color: #fdfdfd;
					}					
					div.HomeCols h4 a:link,
					div.HomeCols h4 a:visited {
						display: block;
						border-bottom: 0px solid #fff;
						background-image: none;
						font-weight: normal;
						color: #fdfdfd;
						}
					div.HomeCols h4 a:focus,
					div.HomeCols h4 a:hover,
					div.HomeCols h4 a:active {
						border-bottom: 0px solid #fff;
						color: #000;
						background: transparent;
						}
				.HomeCols li a:link {	
					border-width: 0;
					background: transparent;
					margin: 0 0 20px;
					font-size: 0.73em;
					color: #dfc8a3;
				}	
				.HomeCols li a:visited { 
					text-decoration: none;
					border-width: 0;
					background-image: none;
					font-size: 0.73em;
					color: #8181fd;
				}		
				.HomeCols li a:focus, 
				.HomeCols li a:hover, 
				.HomeCols li a:active { 
					text-decoration: none;
					border-bottom: 1px solid #fff;
					background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
					}
				
				.HomeCols ul {
					margin: 0 0 20px;
					font-size: 0.94em;
					line-height: 1.2em;
					}
					.HomeCols ul ul {
						margin: 0 0 0 0;
						font-size: 100%;
					}			
					.HomeCols ul li {
						padding: 0 0 0 9px;
						line-height: 1.14em;
						background: url(/includes/site-images/bullet-home.png) no-repeat 0 9px;
					}	
					.HomeCols ul li li {
						padding: 0 0 0 0;
						background-image: none;
					}
						.HomeCols ul li li,
						.HomeCols ul ul a:link,
						.HomeCols ul ul a:visited {
							color: #919daf;
							font-weight: normal;
						}		
		
		
	
	/* Right Column - Product search + About text
	==============================================*/


	div#SecondaryCol {
		position: relative; /* Containing block - Give the included divs a starting point */
		float: left;
		width: 270px;
		overflow: hidden;
		background: transparent url("/includes/site-images/home-right-col-bg.png") top left no-repeat;
		min-height: 450px;
		}

		div#RequestaQuote {
			/* position: absolute; */ /* From containing block */
			/* top: 20px;
			right: 0px; */
		}
		div#SecondaryCol h6 {
			display: block;
			margin: 0;
			padding: 20px 20px 10px;
			font-weight: normal;
			font-size: 0.88em;
			color: #e6d007;
		}
		div#SecondaryCol p {
			margin: 0;
			padding: 0 20px 10px;
			font-size: 0.75em;
			color: #f4f6f9;
		}
		div#SecondaryCol img {
			margin: 20px 20px 10px;
			border: 1px solid #8a97aa;
		}			
		div#ProductSearch {
			margin: 0 20px;
			white-space: nowrap; /* DB: Prevents wrapping of individual elements within the DIV - namely for Safari */
			background: url(/includes/site-images/product-search-bg.png) center bottom no-repeat;
			}
			input.KeywordSearch {
				vertical-align: middle;
				width: 230px;
				height: 1.44em;
				border-width: 0;
				margin: 0 0 10px;
				background: #fff;
				text-indent: .3em;
				color: #000;
				/* border-bottom: #b7b7b7 solid 1px; */	
			}
			select {
				width: 230px;
				margin: 0 0 10px !important;
				padding: 0;
				font-size: 0.75em !important;
				color: #000;
			}
					
			div#ProductSearch label {
				display: block;
				border-width: 0;
				cursor: pointer;
				font-size: 0.81em;
				color: #1b1b1b;
				margin: 0 0 10px;
				padding: 0;
			}
			div#ProductSearch input.SubmitButton {
				background: #000 url(/includes/site-images/submit-button-bg.gif) no-repeat 50% 50%;
				text-indent: 999999px !important;
				border: transparent solid 1px !important;
				width: 77px !important;
				/* height: 1.74em; */
				vertical-align: middle;
				margin: 10px 0 20px;
				padding: 4px;
				cursor: pointer; /* hand-shaped cursor */
			}
			div#ProductSearch input.SubmitButton:hover, div#ProductSearch input.SubmitButton:active, div#ProductSearch input.SubmitButton:focus {
				background: #000 url(/includes/site-images/submit-button-bg-hover.gif) no-repeat 50% 50%;
				}

			div#ProductSearch .ErrorMessage {
				margin: 0 20px 10px;
				padding: 4px 5px;
				background: #bb2222;
				color: #fff;
				font-size: 0.81em;
				font-weight: bold;
				line-height: 1.15em;
				}
			





/* Child Page Layout
=============================================================================================*/

	#Content {
		float: left;
		width: 690px; /* Inner max width is 610px because of the Padding divs margin */
		overflow: hidden;
		margin: 0;
		padding: 0;
		background: #fff;
		min-height: 600px;
		}
	#ContentWide {
		float: left;
		width: 100%;
		overflow: hidden;
		background: #fff;
		}
		div#Padding {
			margin: 24px 40px 40px;
			padding: 0;
		}
		
	h1#MainHeading {
		margin: 0 0 20px;
		padding: 0;
		font-size: 1.19em;
		letter-spacing: 0px;	
		color: #000;
		}		
		
	


/* Child Page Content
=============================================================================================*/

	.ContentHighlight	{
		width: 100%;
		overflow: hidden;
		margin: 0 0 20px;
		padding: 10px;
		border: #B7B7B7 solid 1px;
		background: #f6f6f6;
		color: #000;	
	}
	
	
/* Forms
==============================================*/

	form {
	}
	
	.search_form {
		margin: 0;
		padding: 0;
		}

	fieldset {
		display: block;
		margin: 0 0 1.5em;
		padding: 1.65em;
		background: #fefefe url(/includes/site-images/td-bg.gif) top left repeat-x;
		color: inherit;
		/* border-left: 1px solid #d9dbdb;
		border-right: 1px solid #d9dbdb;
		border-bottom: 1px solid #d9dbdb; */
		border: 1px solid #f4f4f4;
		}
		
	legend {
		font-size: 1.20em;
		color: #211B6E;
		background: #fff url(../../Images_v1/legend_bg.gif) repeat-x bottom left;
		padding: 0.35em 0.35em 0.3em;
		border: #b7b7b7 solid 1px;
		/* font-weight: bold; */
	}	
	label {
		/* font-weight: bold; */
		display: block;
		border: 1px solid #fff;
		margin: 0.2em 0;
		padding: 0.5em 0;
		font-size: 0.88em;
		cursor: pointer; /* hand-shaped cursor */
		}
		label:hover {
			border: 1px dotted #ccc;
			color: #8181FD;
		}		
	
	#Content input {
		width: 25em;
		padding: 2px;
		font-size: 100%;
		margin: 0 0 0.5em;
		text-indent: .5em;
		border: 1px solid #b7b7b7;
		/* background: url(/includes/site-images/search-bg-gradient.gif) no-repeat; */
		}
	
	.checkbox {
		padding: 2px;
		font-size: 100%;
		margin: 0 0 0.5em;
	}

	textarea {
		width: 25em;
		margin: 0 0 0.5em;
		padding: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		font-size: 100%;
		border: 1px solid #b7b7b7; 
	}
	
	select {
		margin: 0 0 0.5em;
		font-size: 100%;
	}

	#Content .SubmitButton {
		width: 5em !important;
		margin: 20px 0 !important;
		padding: 0 0 3px !important;
		height: 1.74em;
		background: #8181FD;
		border: 1px solid #000 !important;
		text-indent: 0 !important;
		vertical-align: middle;
		cursor: pointer; /* hand-shaped cursor */
		color: #fff;
		font-weight: bold;
		}

	#Content .SubmitButton:hover, #Content .SubmitButton:active, #Content .SubmitButton:focus {
		background: #000;
		border: 1px solid #fff !important;
	}


/* Product Pages
==============================================*/

	.ProductWrapper {
		width: 610px;
		margin: 0 0 20px;
		/* padding: 0 6px; */
		/* border: #f0f solid 1px; */
		background: transparent url(/includes/site-images/product-bg.gif) no-repeat 0 50%;
		}
	.Product {
		overflow: hidden;
		/* padding: 10px; */
		margin: 0 6px; /* Reveal BG */
		padding: 16px;
		border: #f1f4f8 solid 1px;
		background: #fdfdfd;
		color: #000;	
		}
		.Product H2 {
			font-size: 1.17em;
			}	
			.Product H2 span {
				font-size: 0.79em;
				color: #63748e;
				font-style: italic;
			}
		.Product img {
			float: right;
			border: 1px solid #cdd2dc;
			padding: 0 0 13px;
			background: #fff url(/includes/site-images/product-image-bg.gif) repeat-x center bottom;
			}			
		.Product img:hover {
			border: 1px solid #bbbb6a;
			background: #fff url(/includes/site-images/product-image-hover-bg.gif) repeat-x center bottom;
			}
			
		.Details img { /* Product details thumbnail */
			float: right;
			border: 1px solid #d8dce3;
			padding: 0;
			}			
		.Details img:hover {
			border: 1px solid #d8dce3;
			}			
							
		.Product table {
			width: 420px; /* Pshop 444px */
			border-collapse: collapse;
			border: 0px solid #d8dce3;
			border-bottom: 1px solid #d8dce3;
			background: #b7b7b7;
			color: #000;
			margin: 0;
			padding: 0;
			}
			.Product table tr {
				background: #fdfdfd;
			}
			.Product table th {
				width: 130px;
				vertical-align: top;
				font-style: italic;
				color: #63748e;
				background: #fdfdfd;
				white-space: nowrap;
			}
			.Product table td {
				vertical-align: top;
				background: #fdfdfd;
				}	
		
			.Product table td,
			.Product table th {
				/* border-right: 1px solid #fff;
				border-bottom: 1px solid #fff; */
				border: 0px solid #d8dce3;
				border-top: 1px solid #d8dce3;
				padding: 3px 5px 2px;
				font-size: 0.71em;
				/* line-height: 1.1em; */
				/* font-size: 0.69em; */
				/*width: 20%;*/
				}	
				.Product table td p {
					font-size: 1.00em;
					/* line-height: 1em; */
					color: #4e4f4f;
					}	
				.Product table td i {
					color: #63748e;
					}
				.Product table td ul li {
						background: url(/includes/site-images/bullet-table.png) no-repeat 0 0;
					}
		.ProductImages {
			margin: 0 7px 20px;
			padding: 20px;
			overflow: auto;
			border: 1px solid #d8dce3;
		}
				
/* Listings Content: News, & Case Studies
==============================================*/

	.ItemIntroduction {
		margin: 0 0 20px;
		padding: 10px 0 0 20px;
		border: 1px solid #ebebed;
		background: #fff url(/includes/site-images/td-bg.gif) top left repeat-x;
		}
	.ItemIntroduction:hover {
		border: 1px solid #a7a99d;
		}	
		.ItemIntroduction h2 {
			padding: 0;
			margin: 0 0 0.4em;
			float: left;
			width: 464px /*Not exact*/;
			display: block;
			font-size: 1.19em;
			}
		.ItemIntroduction h2.Full {
			width: 100%;
			padding: 0 13px 0 0;
			}
			.ItemIntroduction h2 a {
				display: block;
			}
			.ItemIntroduction h2 a:hover {
				background-color: #fff;
			}		
		.ItemIntroduction div.Date { 
			float: right;
			width: 102px;
			background: #f4f4f4;
			}
			.ItemIntroduction div.Date p {
				padding: 0 10px 1px;
			}
		.ItemIntroduction p {
			clear: both;
			padding-right: 20px;	
		}


/* Search Results
==============================================*/
div#Sort {
	margin: 0 0 20px;
	padding: 5px 0 5px;
	color: #4C4D62 !important;
	display: block;
	border-bottom: 2px solid #f4f4f4;
	font-size: 0.83em;
	clear: both;
	width: 100%;
	overflow: hidden;	
	background: #fff;
	}
	div#Sort a {
		padding: 3px 5px;
		color: #8181fd !important;
		border: 1px solid #ebebed;
		border-bottom: 0px solid #ebebed;
		background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
		line-height: 0;
		font-weight: normal;
		}

	.SortedBy { /* Selected option */
		background: #f4f4f4 !important;
		padding: 5px;
		text-decoration: underline !important;
	}

	.ResultItem {
		margin: 0 0 2em;
		border: 1px solid #ebebed;
		width: 100%;
		overflow: hidden;
	}

	.ResultItem h2 {
		margin: 0;
		padding: 10px;
		font-size: 1.15em;	
		background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
		}
		.ResultItem h2 a {
			font-weight: normal;
			border-bottom: 1px solid transparent;
		}
		.ResultItem h2 a:hover {
			font-weight: normal;
			border-bottom: 1px solid #444495;
		}
	.ResultItem .DateAndRank {
		margin: 0 0 10px 10px;		
		padding: 3px;
		float: right;
		color: #b7b7b7;
		font-size: 0.75em;
		text-align: center;
		background: transparent url("/includes/site-images/date-and-rank-bg.gif") bottom left repeat-x;
	}
	
	.ResultItem img {
		margin: 3px 0;	
	}	
		
	.ResultItem p.Summary {
		margin: 0;
		padding: 0 0 10px 10px;
		font-size: 0.75em;
		background: #fefefe;
	}
	
	.ResultItem .PDF,
	.ResultItem .Word,
	.ResultItem .Excel,
	.ResultItem .Page,
	.ResultItem .Other {
		padding: 0 0 0 20px;
		display: block;
	}
	.ResultItem .PDF {
		background: transparent url(/includes/site-images/tools/pdf.gif) no-repeat 0 0;
	}
	.ResultItem .Word {
		background: transparent url(/includes/site-images/tools/word.gif) no-repeat 0 0;
	}
	.ResultItem .Excel {
		background: transparent url(/includes/site-images/tools/excel.gif) no-repeat 0 0;
	}
	.ResultItem .Page {
		background: transparent url(/includes/site-images/tools/page.gif) no-repeat 0 0;
	}
	.ResultItem .Other {
		background: transparent url(/includes/site-images/tools/other.gif) no-repeat 0 0;
	}

	.ResultItem .PDF:hover,
	.ResultItem .Word:hover,
	.ResultItem .Excel:hover,
	.ResultItem .Page:hover,
	.ResultItem .Other:hover {
		background-position: 2px 2px;
	}
			
.DidYouMean	{
	margin: 0 0 20px;
	padding: 10px;
	border: #ebebed solid 1px;
	background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
	color: #000;	
}
		
				
/* Paginator
==============================================*/

div.PaginationContainer {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 10px;
	/* padding: 0.15em 0 0; */ /*For FF to show the top border of the selected page link*/
	/* background: #fff; */
	border-bottom: 1px solid #ebebed;
	font-size: 0.88em;
	}
div#Lower {
	padding: 20px 0 0 !important;
	border-top: 1px solid #ebebed;
	border-bottom: 1px solid #fff;
	}	
	div.PaginationContainer p {
		float: left;
		margin: 0;
		padding: 2px 6px;
		color: #7f7f7f;
		white-space: nowrap;
		border: solid 1px #f7f8f9; 
		background: #f7f8f9;
	}
	
	.Paginator { 
		float: right;
		}
	div.PaginationContainer ul {
		margin: 0;
		padding: 0;
		}
		div.PaginationContainer li { 
			float:left; 
			margin: 0; 
			padding: 0; 
			list-style: none;
			background-image: none;
			font-size: 0.88em;
		}
	div.PaginationContainer a { 
		margin-right: 5px;
		border: solid 1px #8a97aa; 
		background: transparent url("/includes/site-images/top-navigation-hover.gif") center left repeat-x;
	}

	div.PaginationContainer .FirstPage,
	div.PaginationContainer .PrevPage {
		margin-right: 5px;
	}
	div.PaginationContainer .LastPage,
	div.PaginationContainer .NextPage {
		margin-right: 0px;
	}
	div.PaginationContainer .FirstPage,
	div.PaginationContainer .LastPage {
		float: left; 
		display: block; 
		padding: 2px 6px;
		font-weight: bold; 
		color: #666; 
		border: solid 1px #fff;
	}
	div.PaginationContainer .PageSelected { 
		float: left; 
		display: block; 
		margin-right: 5px;
		padding: 2px 6px; 
		border: solid 1px #8181fd;
		background: #8181fd;
		text-decoration: none;
		color: #fff; 
		}
	div.PaginationContainer a:link, 
	div.PaginationContainer a:visited   { 
		display: block; 
		float: left; 
		padding: 2px 6px; 
		color: #444495; 
		}
	div.PaginationContainer a:hover { 
		border: solid 1px #444495;
		background: #444495;
		color: #fff;
		}	
		
		
		
/* Tree Menu
==============================================*/
	/* body#Child div#TreeNav, */
	body#Child-Flower div#TreeNav,
	body#Child-Baby div#TreeNav {
		float: left;
		width: 190px;
		overflow: hidden;
		margin-right: 40px;
		background: url("/includes/site-images/child-tree-bg.png") left bottom no-repeat;
		/* background: url("/includes/site-images/tree-nav-top-bg.png") 0 0 no-repeat; */
	}

	#TreeNav ul	{
		margin: 0 3px 40px;
		padding: 0;
		border-top: #f3f3f3 solid 1px;
		/* background: #000066; */
		}
		#TreeNav ul ul	{
			margin: 0;
			padding: 0;
			border-top: #fff solid 0px;
			font-size: 1.00em;
			background-image: none;
		}
		#TreeNav ul li	{
			margin: 0;
			padding: 0;
			background-image: none;
			/* font-size: 0.88em; */
			/* line-height: 1.3; */
			/* background: #000066; */
			}
			#TreeNav ul li#Heading { /* Menu heading */
				padding: 0 0 3px;
				font-size: 1.00em;
				font-weight: bold;
				color: #a7a99e;
				}
			#TreeNav ul li a { /* All tree links */
				background-image: none;
				display: block;
				height: 1%; /* For IE6 full width hovers */
				padding: 7px 7px;
				border-bottom: #7a7bb3 solid 1px;
				font-size: 0.94em;
				line-height: 1.2em;
				/* color: #007cae; */
				font-weight: normal;


				/* display: block;
				height: 100%;
				padding: 5px 4px 4px 0;
				border-width: 0;
				background-color: transparent; */
			}
			#TreeNav ul li a:visited { /* All visited tree links */
			}
			#TreeNav ul li a:focus { /* All focused tree links */
				color: #94c83d;	
			}
			#TreeNav ul li a:hover { /* All hovers inside the tree*/
				background: #000;
				color: #C64E8F;
			}
			#TreeNav ul li a:active { /* All active links inside the tree - useful for keyboard navigation */
				color: #94c83d;
			}
			#TreeNav ul li a.On { /* All highlights inside the tree */
				background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
				color: #000;
			}
			#TreeNav ul li a.On:hover { /* All highlights inside the tree */
				color: #000;
			}	
			#TreeNav ul li a { /*Level 0 links only - if different values aren't set for lower levels then these values are used */
				color: #007cae;
				}
				#TreeNav ul li li a	{ /*Level 1 links only*/
					padding-left: 20px;
					color: #7ab8d1; /* 70% Light Green */
					/*font-size: 0.95em;*/
				}
				#TreeNav li li a.On	{
					background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
				}
				#TreeNav li li a:hover {
					background: #f4faeb;
					}
					#TreeNav li li li a { /*Level 2 links only*/
						padding-left: 40px;
						color: #7ab8d1; /* 70% Light Green */
					}
					#TreeNav li li li a.On	{
						background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
					}
					#TreeNav li li li a:hover {
						background: #f4faeb url(/includes/site_images/main_nav_link_bg.gif) no-repeat 40px 6px;
						}	
						#TreeNav li li li li a { /*Level 3 links only*/
							padding-left: 60px;
							color: #64c15b; /* 70% Light Green */
						}
						#TreeNav li li li li a.On	{
							background: #f7f6f7 url("/includes/site-images/tree-nav-on-bg.gif") right top repeat-y;
						}
						#TreeNav li li li li a:hover {
							background: #f4faeb;
						}


/* Site Map
==============================================*/


#SiteMap { 
	margin: 0 0 1.5em;
	padding: 0;
	border-bottom: 1px solid #ebebed;
	}
	#SiteMap ul	{  /*Override general UL styles above*/
		margin: 0 !important;
		padding: 0 !important;
		background: #fff;
		}
		#SiteMap ul li	{ 
			
		}
		#SiteMap ul ul { 
			font-size: 1.0em;
			/* zoom: 1; */
		}
		#SiteMap ul ul ul { /*all other nested UL's here */
			margin: 0 0 0 20px !important;
		}
	#SiteMap ul li.Page, 
	#SiteMap ul li.Folder { 
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#SiteMap ul li.Page	{ 
		border-top: 1px solid #ebebed;
		background: #fff url(/includes/site-images/tools/page.gif) 3px 5px no-repeat;
		font-weight: normal;
	}
	#SiteMap ul li.Folder, 
	#SiteMap ul li.FolderRoot { 
		background: url(/includes/site-images/tools/folder.gif) 0px 5px no-repeat;
		border-top: 1px solid #ebebed;
		font-weight: bold;
	}
	#SiteMap li a, 
	#SiteMap ul li.FolderRoot { 
		display: block; 
		line-height: 20px;
		padding: 5px 0 5px 24px !important;
		border: 0px solid #fff;
	}

	#SiteMap li a:visited {
		background-image: none;
	}
		
	#SiteMap li a:focus, 
	#SiteMap li a:hover, 
	#SiteMap li a:active { 
		text-decoration: none;
		background-color: #f00;
		background-image: inherit;
		border-width: 0;
		color: #1e486f;
		}
	#SiteMap ul li.FolderRoot { 
		border-top: none;
	}
	#SiteMap li.Page a:hover { 
		background: #f1f4f8 url(/includes/site-images/tools/page.gif) 5px 5px no-repeat !important; 
	}
	#SiteMap li.Folder a:hover { 
		background: #d8dce3 url(/includes/site-images/tools/folder.gif) 2px 5px no-repeat;
	}
	
	
	


/* Footer
=============================================================================================*/

div#Footer {
	overflow: hidden;
	padding: 38px 0 0;
	font-size: 0.86em;
	color: #999;
	background: transparent;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, arial, sans-serif;
	}
	#Footer img {
		float: left;
		margin: 2px 0 0; /* Bring down to align with text */
		padding: 0;
	}	
	#Footer p {
		float: right;
		width: 920px;
		margin: 0 0 16px;
		padding: 0;
		/* font-size: 0.86em; */
		color: #999;
		line-height: 1.3em;
	}
	#Footer span {
		color: #575757;
	}		
	#Footer a:link,
	#Footer a:visited {
		border-width: 0;
		background-color: transparent;
		background-image: none;
		font-weight: normal;
		color: #13529a;
		}
	#Footer a:hover,
	#Footer a:active, 
	#Footer a:focus {
		color: #000;
		background: transparent url("/includes/site-images/link-hover.gif") center left repeat-x;
		border-bottom: 1px solid #000;
	}
	#Footer #BackToTop {
		display: block;
		margin: 0 0 0 0 !important;
		text-align: right;
		/* float: right !important; */
		/* margin: 0 0 0 0 !important; */
		color: #ccc !important;
	}		
	#Footer ul {
		float: right;
		width: 920px;
		margin: 0;
		/* border-bottom: 1em solid #000; */
		}
		#Footer ul li {
			display: inline;
			margin: 0 10px 0 0;
			padding: 0;
			background-image: none;
			color: inherit;
			}