/*******************************************************************************/
/*   Ferguson.com Locations Finder UI Prototype Stylesheets         	       */
/*-----------------------------------------------------------------------------*/
/*   Created Date: June 20, 2009                                                */ 
/*******************************************************************************/

/**
 * Structure Stylesheet
 *
 * TABLE OF CONTENT  
 * 		1. Container 
 * 		2. Header
 *			A. Logo Box 
 *          B. Top Links (added by gh3ablo @ 2009.07.15)
 *			C. Location Finder
 * 		3. Masthead
 * 			A. Masthead H1 
 * 			B. Main Navigation
 * 		4. Content
 *			A. Sidebar
 *				a. Search
 *				b. Search Result
 *			B. Main Content
 *		5. Footer
 *			A. Footer Menu 
 *			B. Copyright    
 *		6. General Classes
 *		7. Forms
 * 
 **/

/* BODY */
body {
	font-family:"Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #fff;
}
a:link, a:active, a:visited {
	background: transparent;
	color: #064265;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}


/* Container */
#container, .wrapper {
	width: 941px;
	margin: 0 auto; 
}
	/* Header */
	#header{  
		background: url(../images/bg_header.png) repeat-x left bottom;
		height: 100px;
	}
		/* Logo Box */	
		#logo-box{ 
			position: absolute; 
			margin: 20px 0 0;
		}
		
		/* Top Links (gh3ablo Edit) */
		#top-links {
			position:absolute;
			margin: 20px 0 0 650px; /* Left-Margin - changed from 610 to 650 */
		}
		#top-links a {
			color: #12326b;
			text-decoration: none !important;
		}
		#top-links a:hover {
			color: #012232;
		}
		#top-links li {
			float: left;
			font-family: "Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 10px;
			padding-left: 12px;
			margin-left: 13px;
			background: url(../images/top_arrow.png) no-repeat top left;
		}
		
		/* Location Finder Link */	
		#location-finder-link{
			position: absolute;
			margin: 60px 0 0 763px; 
		}
		
			#location-finder-link a{  
				background: url(../images/location_finder_link.png) no-repeat left top;  
				display:block;
				height:40px;
				width:178px; 
				position:relative;
			}
				
			#location-finder-link a span {
				background: url(../images/location_finder_link.png) no-repeat left bottom;  
				display:block;
				position:absolute;
				top:0;
				left:0;
				height:40px;
				width:178px; 
			}
	
	/* Masthead */
	#masthead{  
		background: url(../images/bg_masthead.png) repeat-x left bottom;
		height: 70px;	
	}
		#masthead h1{
			font-family:"Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 2.17em;
			font-weight:700;
			color: #ffe; 
			text-transform: uppercase;
			display: block;
			padding: 5px 0 0; /* to align*/
		}
		
		/* (gh3ablo Edit) */
		#finder-top{ float:right;}
		#finder-top input{
			float:left;
			background: #fff url(../images/bg_input_finder.png) repeat-x left top;
			border: 1px solid #115e85;
			height: 14px;
			width: 96px;
			padding: 1px 0 0 2px;
			margin: 12px 0 0 10px;
			text-align: left;
			color: #064265;
			font-family: "Myriad Pro", Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 12px;
		}
		#finder-top .btn-search {  
			background: url(../images/btn_search_finder.png) no-repeat left top;
			float:left;	
			display:block;
			margin:12px 0 0 5px;
			width: 70px;  
			height: 21px;
			position:relative;
			z-index: 100;
		}
		
		/* Main Navigation */
		#main-nav {   
			list-style: none;   
			display: block;
			padding: 10px 0 0;
			float: left; /* gh3ablo edit */
		}
				
			#main-nav li {
				display: inline;
				color: #015D84;
				font-family: Tahoma, Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 11px;
			} 
				#main-nav li a { 
					font-weight: bold; 
					color: #015d84;  
					text-decoration: none;
				} 
				#main-nav li a:hover{ 
					color: #00476b;  
					text-decoration:underline; 
				}
		.a-search { /* gh3ablo edit */
			float: right;
			margin-top: 10px;
		}

		
	/* Content */
	#content{
		clear: both;
		height: 100%;
		overflow: hidden;
		padding: 18px 0 60px 0; 
	}
	
		/* Sidebar */
		#sidebar,
		#sidebar-showroom {
			display: inline;
			float:left;
			width:313px;
			/*_width:314px; ie6: Helps to align the corners */
		}
			#sidebar .box,
			#sidebar-showroom .box {
				margin-top: 30px;
				background: #fff url(../images/bgSidebar.png) 0 100% repeat-x;
			}
			#sidebar .box { height: 524px; }
			#sidebar-showroom .box { height: 775px; }
			
				#sidebar .content {
					height: 413px; /* BUG2314.^gh3ablo^ */
					margin: 7px 0px 15px 0px; /* BUG2314.^gh3ablo^ */
					padding: 0 5px; /* BUG2314.^gh3ablo^ */
					overflow: hidden;
					border-top: 1px solid #e7e7e8; /* BUG2314.^gh3ablo^ */
				}
				#sidebar .top .content {
					height: 470px;
				}
				#sidebar .content li {
					border-bottom: 1px solid #e1e6e7;
					color: #333;
					font-size: 0.92em;
					padding: 8px 14px 5px 14px; /* BUG2314.^gh3ablo^ */ 
				}
				#sidebar h3 {
					color: #45748e;
					font-size: 1.33em;
					margin: 11px 10px 0 14px; /* BUG2314.^gh3ablo^ */
				}
				#sidebar h3.header {
					border-bottom: 1px solid #e2e7e9;
					padding-bottom: 5px;
				}
					#sidebar h3 span {
						color: #f00;
					}
					#sidebar .other-location {
						font-weight: normal;
						margin: 8px 10px 5px 14px; /* -14 top margin */
						display: block;
					}
					#sidebar .slide-remind {
						position: absolute;
						left: 0px;
						bottom: 0px;
						height: 33px;
						width: 311px;
						border-top: 1px solid #e7e7e8;
						text-align: right;
					}
					#sidebar .slide-remind IMG {
						margin-top: 11px;
						margin-right: 12px;
					}
					
				#sidebar h4 {
					background: transparent;
					color: #064265;
					font-size: 1.27em;
					height: 20px;
				}
				
			
			
			/* Advance Search */
			#advSearchSidebar {
				height: 524px;
			}
				#advSearchSidebar h3 {
					background: transparent;
					color: #064265;
					font-size: 1.1em;
					margin: 30px 0 0 36px;
					text-transform: uppercase;
				}
				#advSearchSidebar form {
					background: transparent;
					color: #064265;
					margin-left: 36px;
				}
					#advSearchSidebar form dl {
						display: inline;
						float: left;
						margin-top: 6px;
						width: 250px;
					}
						#advSearchSidebar form dd {
							display: inline;
							float: left;
							margin-right: 2px;
							width: auto;
						}
							#advSearchSidebar form dd label {
								display: block;
							}
							#optionLocation dd {
								padding: 1px 0;
								width: 49%;
							}
								#optionLocation dd input {
									display: inline;
									float: left;
								}
								#optionLocation dd label {
									display: inline;
									float: left;
									font-size: 0.9em;
									margin-left: 6px;
									padding-top: 2px;
									width: 90px;
								}
							#optionMile {
								margin-bottom: 15px;
							}
								#optionMile dd {
									width: 19%;
								}
						

			/* Search */
			#hdrLocationFinder {
				background: url(../images/hdrLocationFinder.gif) no-repeat;
				height: 31px;
				margin-left: 19px;
			}
			#formSearch {
				margin: 0 0 14px 19px;
				color: #999;
				font-size: 0.92em;
				
			}
				#formSearch dl {
					clear: both;
					display: block;
					height: 100%;
					overflow: hidden;
				}
					#formSearch dd {
						display: inline;
						float: left;
						width: auto;
					}			
						#formSearch #txtSearch {
							border: 1px solid #cfcfcf;
							border-right: none;
							height: 16px;
							padding: 2px;
							width: 200px;
						}
						#formSearch #btnSearchSubmit {
							background: url(../images/btnSubmitSearch.gif) no-repeat;
							border: none;
							height: 22px;
							width: 68px;
						}
						#formSearch #btnSearchSubmit:hover {
							background-position: 0 100%;
						}
						#formSearch p {
							margin: 0;
						}
			
			
			
			/* Search Result */
			#searchResult {
				margin-right: 18px;
			}
				#searchResult li.active {
					background: #c9dce8;
				}				
					#searchResult .letter {
						background: transparent url(../images/bgLetter.gif) no-repeat;
						color: #fff;
						display: inline-block;
						font-size: 1.08em;
						height: 15px;
						text-align: center;
						width: 16px;
					}
					#searchResult li a {
						font-size: 1.08em;
					}					
					#searchResult li p {
						margin: 0 0 5px 20px;
					}
					#searchResult.large li p {
						font-size: 1.1em;
						margin: 10px 0 10px 20px;
					}
						#searchResult li p strong {
							background: transparent;
							color: #064265;
						}
						
					#searchResult .btnSeeShowroom {
						margin: 0 12px 0 19px;
					}
			#slider {
				background: url(../images/bgSlider.gif) 50% 0 repeat-y;
				height: 413px; /* -7*/
				position: absolute;
				right: 11px;
				top: 68px; /* +8 */
				width: 11px;
			}
				.ui-slider-handle {
					background: url(../images/bgSliderHandle.gif) no-repeat;
					cursor: pointer;
					height: 11px;
					left: 0;
					position: absolute;
					top: 0;
					width: 11px;			
				}
			
			/* Driving Directions */
			#directionAddress {
				border-bottom: 1px solid #e1e6e8;				
				margin-bottom: 10px;
				padding: 6px 17px;
			}
				#directionAddress dl {
					color: #00476b;
					clear: both;					
					height: 42px;
					overflow: hidden;
				}
					#directionAddress dt {
						display: inline;
						float: left;
						font-weight: bold;
						padding-left: 28px;
						width: 32px;
					}
						dt.from {
							background: url(../images/bgFrom.png) no-repeat;
						}
						dt.to {
							background: url(../images/bgTo.png) no-repeat;
						}
					
					#directionAddress dd {
						display: inline;
						float: left;
						width: 200px;
					}
			#directionSteps {
				color: #00476b;
				padding: 0 17px 6px;
			}
				#directionSteps h4 {
					font-size: 1.1em;
					font-weight: normal;
				}	
				#directionSteps ol li {					
					clear: both;
					color: #00476b !important;
					font-size: 1em !important;
					padding: 6px 45px 6px 0 !important;
					position: relative;
				}
					#directionSteps ol li .distance {
						color: #666;
						position: absolute;
						right: 0;
						top: 5px;
					}				
				#directionSteps p {
					margin: 2px 0;
					padding: 0 20px;
				}		
					#directionSteps p a {				
						width: 120px;
					}
					
					#directionSteps p.directions
					{
						font-size: 14px;
						padding-bottom: 5px;
						color: #063;
					}
	
			/* Showroom */
			/* gh3ablo Edit for [BUG2226] START */
			#showroom {
				/*height: 760px !important;*/
				font: 11px Arial;
			}
			/* gh3ablo Edit for [BUG2226] END */
				#showroom span.showroom-image
				{
					padding: 11px;
					float: left;
				}
				#showroom h2 {
					color: #00476b;
					display: inline;
					float: left;
					font-size: 1.4em;
					margin: 5px 0 0 15px; /* gh3ablo Edit for [BUG2226] */
					width: 175px;
				}
				#showroom h3 {
					display: inline;
					float: left;
					font-size: 1.1em;
					width: 175px;
					font-weight: normal;
					color: #000000;
					margin: 5px 0 0 15px;
				}
				#showroom #showroomImage {
					display: inline;
					float: left;
					width: auto;
					margin: 15px 0 5px 15px;
					border: none;
				}
				
				#showroom dl.first {
					padding-top: 20px;
				}

				#showroom dl,
				#showroom dd {
					line-height: 20px;
				}

				#showroom dl {
					clear: both;
					color: #434343;
					display: inline;
					float: left;
					margin-left: 15px;
					font-size: 1.2em;
					width:285px;
				}
					#showroom dt {
						display: inline;
						float: left;
						/* font-weight: bold; */
						width: 55px;
					}
					#showroom dd {
						display: inline;
						float: right;
						width: 225px;
					}
						#showroom dd a {
							color: #434343;
						}
						#showroom dd span {
							color: #00476b;
						}

				#showroom dl.list {
					margin-bottom: 10px;
					margin-top: 20px;					
				}
					#showroom dl.list dt {
						display: block;
						width: 100%;
					}
					#showroom dl.list dd {
						color: #00476b;
						width: 93%;
						font-size: 12px;
					}		
		
				#showroom dl.block {
					/* margin-bottom: 100px; */
					margin-top: 10px;					
				}
					#showroom dl.block dt {
						display: block;
						float: none;						
						width: 100%;
					}
					#showroom dl.block dd {
						color: #00476b;
						float: left;
						width: 38%;
						margin-left: 20px;
						font-size: 12px;
					}
				#showroom-buttons {
					position: absolute;
					z-index: 100;
					left: 0;
					bottom: 80px;
				}
				#showroom p {
					clear: both;
					display: block;
					margin: 2px 0 2px 15px;
				}		
					#showroom p a {			
						width: 125px;
					}
				#bookConsultation {
					background: url(../images/bg_book_consultation.gif) 0 100% repeat-x;
					bottom: 20px;
					height: 104px;
					left: 0;
					position: absolute;
					width: 311px;
					/* _width: 312px; ie6: Patch up the 1px whitespace. */
				}
					#bookConsultation .inner {
						background: url(../images/bgRep.png) 164px 0 no-repeat;
						color: #022533;
						font-size: 0.9em;
						font-weight: bold;
						height: 48px;
						padding: 56px 82px 0 0;
						text-align: center;
						width: 229px;
					}
					
			
			
				
		/* Main Content */
		#mainContent {
			display: inline;
			float: right;
			width: 610px;
		}
			#mainContent .box {
				border: 1px solid #ccc;
				height: 524px;
				margin-top: 30px;
				position: relative;
				width: 608px;
			}
			#map {
				border: 1px solid #999;
				height: 524px;
				margin-top: 30px;
				position: relative;
				width: 608px;
			}
				.map_canvas {
					height: 524px;
					width: 608px;
				}
				
				#mapControls {
					position: absolute;
					right: 24px;
					top: -1px;
					z-index: 100;
				}
					#mapControls a {
						background: #064265 url(../images/bg_control_active.png) -150px 0 no-repeat;
						display: inline-block;
						color: #fff;
						height: 24px;
						line-height: 24px;
						margin-left: 4px;
						text-align: center;
						text-decoration: none;
						width: 73px;
					}
					#mapControls a.active {
						background: transparent url(../images/bg_control_active.png) no-repeat;
						color: #064265;
					}
					#mapControls a:hover {
						background: transparent url(../images/bg_control_active.png) -73px 0 no-repeat;
						color: #064265;
					}
				#infoWindow {
					margin: 10px;
					position: relative;
					width: 310px;
				}
					#infoWindow h2 {
						background: transparent url(../images/bgInfoWindowHeader.gif) no-repeat;
						display: inline;
						float: right;
						height: 26px;
						width: 210px;
					}
					#infoWindow h3 {
						background: transparent;
						color: #064265;
						display: inline;
						float: right;
						font-size: 1em;
						width: 210px;
					}
					#showroomImage {
						border: 1px solid #00476b;
						display: inline;
						float: left;
						width: auto;
					}
					#infoWindow p {
						line-height: 15px;
						padding: 20px 0 30px;
					}
						#infoWindow p strong {
							background: transparent;
							color: #064265;
						}
						
					#infoWindowDD {
						bottom: -30px;
						left: 0;
						position: absolute;
					}
					
			/* Showroom Promotions */
			#mainContent .boxLeft {
				display: inline;
				float: left;
				margin: 14px 10px 14px 13px;
				width: 279px;
			}
				#mainContent .boxLeft h2 {			
					background: url(../images/hdrMainContent.png);
					color: #012232;
					font-size: 1.5em;
					font-weight: normal;
					height: 40px;
					line-height: 40px;
					padding-left: 15px;
					width: 267px;
				}
				#mainContent .boxLeft p {
					color: #666;
					margin: 10px 0 0 4px;
				}
				
				#video {
					background: url(../images/bgVideo.png) 50% 50% no-repeat;
					border: 1px solid #e0e0e0;
					height: 208px;
					float: left;
					width: 279px;
					margin: 15px 0 0 15px;
					/* _margin-left: 10px; ie6: Fix video alignment. */
				}
				
			#mainContent .boxRight {
				display: inline;
				float: left;
				margin: 14px 0 14px 10px;
				width: 282px;
			}
				.map_canvas_small {
					border: 1px solid #999;
					height: 239px;
					margin-bottom: 12px;
					position: relative;
					width: 276px;
				}
				#map_showroom_small {
					height: 239px;
				}
		
		
		/* Advance Search */
		#advSearchMainContent h2 {
			color: #123140;
			font-size: 2em;
			font-weight: normal;
			margin: 30px 0 0 30px;
		}
		#advSearchMainContent p {
			color: #666;
			margin-left: 30px;
		}
		#mapUS {
			background: url(../images/map.png) no-repeat;
			height: 320px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			width: 500px;
		}
			#mapUS li a {
				background: url(../images/map.png) 500px 500px no-repeat;
				position: absolute;
			}
				#mapUS li a span {
					display: none;
				}
			
			#stateAK a {	height: 59px;	left: 56px;		top: 223px;		width: 46px; }
			#statePR a {	height: 6px;	left: 410px;	top: 258px;		width: 11px; }
			#stateHI a {	height: 31px;	left: 152px;	top: 263px;		width: 45px; }
			#stateWA a {	height: 32px;	left: 76px;		top: 40px;		width: 44px; }
			#stateOR a {	height: 45px;	left: 61px;		top: 63px;		width: 55px; }
			#stateCA a {	height: 96px;	left: 57px;		top: 100px;		width: 53px; }
			#stateNV a {	height: 67px;	left: 83px;		top: 108px;		width: 43px; }
			#stateID a {	height: 66px;	left: 109px;	top: 50px;		width: 40px; }
			#stateMT a {	height: 44px;	left: 128px;	top: 52px;		width: 71px; }
			#stateWY a {	height: 39px;	left: 147px;	top: 92px;		width: 48px; }
			#stateUT a {	height: 48px;	left: 119px;	top: 117px;		width: 39px; }
			#stateAZ a {	height: 54px;	left: 107px;	top: 162px;		width: 44px; }
			#stateCO a {	height: 39px;	left: 154px;	top: 132px;		width: 51px; }
			#stateNM a {	height: 48px;	left: 147px;	top: 168px;		width: 47px; 	z-index: 2;}
			#stateND a {	height: 26px;	left: 198px;	top: 63px;		width: 45px; }
			#stateSD a {	height: 29px;	left: 196px;	top: 90px;		width: 48px; }
			#stateNE a {	height: 27px;	left: 193px;	top: 117px;		width: 56px; }
			#stateKS a {	height: 27px;	left: 205px;	top: 146px;		width: 51px; }
			#stateOK a {	height: 30px;	left: 197px;	top: 173px;		width: 60px; 	z-index: 2;}
			#stateTX a {	height: 95px;	left: 167px;	top: 177px;		width: 98px; }
			#stateMN a {	height: 49px;	left: 243px;	top: 66px;		width: 43px; }
			#stateIA a {	height: 24px;	left: 244px;	top: 115px;		width: 42px; }
			#stateMO a {	height: 39px;	left: 252px;	top: 142px;		width: 45px; }
			#stateAR a {	height: 31px;	left: 260px;	top: 179px;		width: 33px; }
			#stateLA a {	height: 31px;	left: 263px;	top: 212px;		width: 33px; }
			#stateWI a {	height: 38px;	left: 269px;	top: 83px;		width: 33px;	z-index: 2;}	
			#stateIL a {	height: 47px;	left: 281px;	top: 124px;		width: 25px; }
			#stateMS a {	height: 39px;	left: 282px;	top: 193px;		width: 23px; }
			#stateMI a {	height: 48px;	left: 286px;	top: 77px;		width: 51px; }
			#stateIN a {	height: 34px;	left: 307px;	top: 128px;		width: 19px; }
			#stateOH a {	height: 32px;	left: 325px;	top: 128px;		width: 28px; }
			#stateKY a {	height: 24px;	left: 299px;	top: 152px;		width: 48px; }
			#stateTN a {	height: 18px;	left: 292px;	top: 172px;		width: 58px; }
			#stateAL a {	height: 42px;	left: 308px;	top: 191px;		width: 24px; }
			#stateWV a {	height: 23px;	left: 344px;	top: 141px;		width: 26px; 	z-index: 2; }
			#stateGA a {	height: 37px;	left: 326px;	top: 190px;		width: 36px; }
			#stateFL a {	height: 47px;	left: 314px;	top: 226px;		width: 62px; }
			#stateNY a {	height: 33px;	left: 359px;	top: 86px;		width: 40px; }
			#statePA a {	height: 23px;	left: 354px;	top: 116px;		width: 38px; }
			#stateVA a {	height: 26px;	left: 344px;	top: 143px;		width: 46px; }
			#stateNC a {	height: 26px;	left: 337px;	top: 165px;		width: 59px; }
			#stateSC a {	height: 24px;	left: 344px;	top: 184px;		width: 33px; }
			#stateVT a {	height: 20px;	left: 394px;	top: 84px;		width: 10px; }
			#stateNH a {	height: 21px;	left: 404px;	top: 81px;		width: 9px; }
			#stateME a {	height: 39px;	left: 408px;	top: 58px;		width: 25px; }
			#stateMA a {	height: 10px;	left: 400px;	top: 100px;		width: 16px; }
			#stateRI a {	height: 3px;	left: 412px;	top: 109px;		width: 2px; }
			#stateCT a {	height: 10px;	left: 400px;	top: 109px;		width: 10px; }
			#stateNJ a {	height: 16px;	left: 392px;	top: 120px;		width: 7px; }
			#stateDE a {	height: 9px;	left: 389px;	top: 136px;		width: 5px; }
			#stateMD a {	height: 13px;	left: 376px;	top: 137px;		width: 18px; }
						
			#stateAK a:hover { background-position: 1px -448px; }
			#statePR a:hover { background-position: -116px -548px; }
			#stateHI a:hover { background-position: -116px -322px; }
			#stateWA a:hover { background-position: 0 -322px; }
			#stateOR a:hover { background-position: 0 -356px; }
			#stateCA a:hover { background-position: -191px -450px; }
			#stateNV a:hover { background-position: -249px -450px; }
			#stateID a:hover { background-position: -65px -323px; }
			#stateMT a:hover { background-position: -115px -357px; }
			#stateWY a:hover { background-position: -65px -406px; }			
			#stateUT a:hover { background-position: -393px -356px; }	
			#stateAZ a:hover { background-position: -65px -448px; }	
			#stateCO a:hover { background-position: -115px -408px; }	
			#stateNM a:hover { background-position: -115px -449px; }	
			#stateND a:hover { background-position: -189px -323px; }
			#stateSD a:hover { background-position: -189px -356px; }
			#stateNE a:hover { background-position: -189px -407px; }
			#stateKS a:hover { background-position: -1px -407px; }
			#stateOK a:hover { background-position: -293px -324px; }
			#stateTX a:hover { background-position: -293px -448px; }
			#stateMN a:hover { background-position: -247px -357px; }
			#stateIA a:hover { background-position: -248px -324px; }
			#stateMO a:hover { background-position: -248px -408px; }
			#stateAR a:hover { background-position: -393px -407px; }
			#stateLA a:hover { background-position: -392px -323px; }
			#stateWI a:hover { background-position: -393px -448px; }
			#stateIL a:hover { background-position: -434px -356px; }
			#stateMS a:hover { background-position: -473px -357px; }
			#stateMI a:hover { background-position: -434px -448px; }
			#stateIN a:hover { background-position: -473px -407px; }
			#stateOH a:hover { background-position: -359px -411px; }
			#stateKY a:hover { background-position: -65px -509px; }
			#stateTN a:hover { background-position: -293px -407px; }
			#stateAL a:hover { background-position: -359px -357px; }
			#stateWV a:hover { background-position: -157px -509px; }
			#stateGA a:hover { background-position: -434px -407px; }
			#stateFL a:hover { background-position: -293px -357px; }
			#stateNY a:hover { background-position: -115px -509px; }
			#statePA a:hover { background-position: -393px -511px; }
			#stateVA a:hover { background-position: -4px -509px; }
			#stateNC a:hover { background-position: -434px -323px; }
			#stateSC a:hover { background-position: -358px -323px; }
			#stateVT a:hover { background-position: -1px -549px; }
			#stateNH a:hover { background-position: -64px -549px; }
			#stateME a:hover { background-position: -434px -509px; }
			#stateMA a:hover { background-position: -188px -549px; }
			#stateRI a:hover { background-position: -358px -549px; }
			#stateCT a:hover { background-position: -293px -549px; }
			#stateNJ a:hover { background-position: -247px -549px; }
			#stateDE a:hover { background-position: -392px -549px; }
			#stateMD a:hover { background-position: -157px -549px; }

			#tooltip {
				background: url(../images/bgTooltip.png) no-repeat;
				height: 33px;
				position: absolute;
				width: 95px;
				z-index: 100;
			}
				#tooltip strong {
					background: transparent;
					color: #064265;
					display: inline;
					float: left;
					font-size: 1.5em;
					font-weight: normal;
					height: 26px;
					line-height: 26px;
					text-align:right;
					width: 37px;
				}
				#tooltip span {
					background: transparent;
					color: #fff;
					display: inline;
					float: left;
					font-size: 0.75em;
					padding-top: 2px;
					margin-left: 17px;
					width: 40px;
				}
		 
	/* Footer */
	#footer{
		clear:both;
		width: 100%;
		height: 70px;
		border-top: 1px solid #e9e9e9;
		color: #1d4164;
	}
	
		#footer ul {   
			list-style: none;  
			padding: 13px 0 0 0;
			margin: 0 auto;
			display:block;
			width: 670px;
		}
				
			#footer ul li {
				display: inline;
				font-family: Arial;
				font-size: 11px; 
			} 
			#footer ul li a { color: #1d4164;  text-decoration:none; } 
			#footer ul li a:hover{  text-decoration:underline; }
	
	
	/* Footer - Copyright */
	#copyright{ 
		font-family: Tahoma;
		font-size: 11px;
		margin: 5px 0 0 0;
		text-align: center;
	}
	
	
/* General Classses */
.box {
	border: 1px solid #ccc;
	height: 100%; /* for ie6 fix on bottom position of corners */
	position: relative;
}
.cornerTL, .cornerTR, .cornerBL, .cornerBR {
	height: 19px;
	position: absolute;
	width: 19px;
}
	.cornerTL {
		background: url(../images/bg_corner_tl.gif);
		left: -1px;
		top: -1px;
	}
	.cornerTR {
		background: url(../images/bg_corner_tr.gif);
		right: -1px;
		top: -1px;
	}
	.cornerBL {
		background: url(../images/bg_corner_bl.gif);
		bottom: -1px;
		left: -1px;
	}
	.cornerBR {
		background: url(../images/bg_corner_br.gif);
		bottom: -1px;
		right: -1px;
	}
	
	#map .cornerTL, .map_canvas_small .cornerTL {
		background: url(../images/bgMainCornerTL.png);
	}
	#map .cornerTR, .map_canvas_small .cornerTR {
		background: url(../images/bgMainCornerTR.png);
	}
	#map .cornerBL {
		background: url(../images/bgMainCornerBL.gif);
	}
	#map .cornerBR {
		background: url(../images/bgMainCornerBR.gif);
	}
	#map .cornerTop, .map_canvas_small .cornerTop {
		background: url(../images/bgMainCornerTop.png) no-repeat;
		height: 5px;
		left: 18px;
		position: absolute;
		top: 0;
		width: 572px;
	}
	.map_canvas_small .cornerTop {
		width: 240px;
	}
	
	
.hide {
	display: none;
}
a.button, a:visited.button {
	background: transparent url(../images/bg_button.gif) 0 0 repeat-x;
	border: 1px solid #e6e6e6;
	color: #666;
	display: inline-block;
	font-size: 1em !important;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}
a.buttonBig, a:visited.buttonBig {
	background: transparent url(../images/bg_big_button.gif) 0 0 repeat-x;
	border: 1px solid #e6e6e6;
	color: #666;
	display: inline-block;
	font-size: 1.1em !important;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
}
	a.button:hover, a.buttonBig:hover {
		background-position: 0 100%;
		color: #000;
	}
	a.button .iconRight, a.buttonBig .iconRight {
		background: url(../images/iconRight.gif) 3px 50% no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 22px;
		padding: 0 3px 0 24px;
	}
	a.buttonBig .iconRight {
		height: 33px;
	}
	a.button .iconLeft {
		background: url(../images/iconLeft.gif) 3px 50% no-repeat;
		cursor: pointer;
		display: inline-block;
		height: 22px;
		padding: 0 3px 0 24px;
	}
	.highlightText {
		background: transparent;
		color: #064265;
	}
	
	a.simple { 
		padding-top: 5px;
		display: inline-block;
	}
	
.clear {
	clear: both;
	display: block;
	float: none;
	height: 100%;
	overflow: hidden;
	width: 100% !important;
}
.numbered {
	list-style: decimal;
	margin-left: 20px;
}
.top {
	margin-top: 30px;
}
a.miniButton, a:visited.miniButton {
	background: transparent url(../images/bgMiniButton.png);
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	width: 57px;
}


/* Forms */
input.textfield {
	border: 1px solid #ccc;
	height: 16px;
	padding: 2px;
}
select {
	border: 1px solid #ccc;
	height: 22px;
}

form.regularForm dl {
	clear: both;
	display: block;
	height: 40px;
	margin-top: 10px;
}
	form.regularForm dd {
		display: inline;
		float: left;
		margin-right: 5px;
		width: auto;
	}
		form.regularForm dd label {
			background: transparent;
			color: #064265;
		}
	form.regularForm p {
		font-size: 1.1em;
		margin-bottom: 10px;
	}
	form.regularForm input {
		font-size: 1em;
	}
	
/* Added */

.title-page {
	margin-top:15px;
}