/* Energy Systems IMAGES STYLE SHEET - FOR ALL IMAGE CHANGES ACROSS THE SITE */
/* The (!important) rule used throughout this stylesheet,  is to acommodate the float/positioning bug in IE */
/* See nrgsys.css for box model and content styling */
/* See content.css for site wide content styling */


		#logo, a img
				{
				display : block;
				border : none;
				margin-top : 1.5em;
				margin-left : 0.2em !important;
				margin-left : 0.3em;
				margin-bottom : 0.8em;
				}				
				#logo a:hover  { background-color: transparent; }

		#tel_number	{
			float : right;
			margin-left : 39.82em !important;
			margin-left : 19.95em;
			margin-top : -9em;
			}
		
		#anim
				{
				float : right;
				margin-top : -9.2em;
				margin-right : 0.5em !important;
				margin-right : -0.2em;				
				}
				
		#ukwide
				{
				float : right;
				margin-top : -4.5em;
				margin-right : 0.5em !important;
				margin-right : -0.3em;
				margin-left : 14.2em;				
				}
						
			
/* ########################## BANNERS for all sections ########################## */

		
		#banner1
				{
				background-image :  url(../pictures/design/home/banner.gif);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
		#banner2
				{
				position : relative;
				background-image : url(../pictures/design/ups/banner.gif);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}		
		#banner3
				{
				position : relative;
				background-image : url(../pictures/design/generators/banner.jpg);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
		#banner4
				{
				position : relative;
				background-image : url(../pictures/design/maintenance/banner.jpg);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
		#banner5
				{
				position : relative;
				background-image : url(../pictures/design/disasterRec/banner.jpg);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
		#banner6
				{
				position : relative;
				background-image : url(../pictures/design/batt_replace/banner.jpg);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
		#banner7
				{
				position : relative;
				background-image : url(../pictures/design/info/banner.jpg);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
		#banner8
				{
				position : relative;
				background-image : url(../pictures/design/home/banner.gif);
				background-repeat : no-repeat;
				width : 730px;
				height : 125px;
				margin-top : 0.9em !important;
				margin-top : -0.25em;
				margin-left : 6px !important;
				margin-left : 9.6px;
				}
	   
		
/*########################## Left hand column menu begins ##########################*/


			#pullquote1
				{
				position : relative;
				width : 101px;
				height : 85px;
				background-repeat : no-repeat;
				margin-top : 0em !important;
				margin-top : -0.5em;
				margin-left : 0.3em !important;

				}
				#pullquote2
					{
					width : 101px;
					height : 65px;
					background-repeat : no-repeat;
					margin-top : -0.6em !important;
					margin-top : -1.5em;
					margin-left : 0.3em !important;

					}
					#pullquote3
						{
						width : 101px;
						height : 75px;
						background-repeat : no-repeat;
						margin-top : -0.6em !important;
						margin-top : -1.5em;
						margin-left : 0.3em !important;

						}
						#pullquote4
							{
							width : 101px;
							height : 45px;
							background-repeat : no-repeat;
							margin-top : -0.6em !important;
							margin-top : -1.5em;
							margin-left : 0.3em !important;
							}	
							#pullquote5
								{
								width : 101px;
								height : 45px;
								background-repeat : no-repeat;
								margin-top : -0.6em !important;
								margin-top : -1.5em;
								margin-left : 0.3em !important;
								margin-bottom : 4em !important;
								}

				.ads /* left column ads */
					{
					margin-top : 0em;
					width : 740px;
					}
					.ads a  { border : none; }
					.ads a:hover  { background-color : transparent; }
					

/*########################## PRODUCT Top_NAVIGATION Begins - EXISTS on HOMEPAGE ONLY ##########################*/
					#ups
						{
						width : 90px;
						height : 70px;
						background-image :  url(../pictures/design/ups.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.5em;
						margin-left : 9.9em !important;
						margin-left : 10em;
						}
									#upsmenu
										{
										position : absolute;
										width : 90px;
										height : 100px;
										text-align : left;
										margin-top : 7.6em;
										margin-left : 9.9em;
										}
										#upsmenu a:hover { background-color : #CC3300; color:black;}						
					#generators
						{
						width : 90px;
						height : 70px;
						background-image :  url(../pictures/design/gen.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.5em;
						margin-left : 17.6em;
						}
									#genmenu
										{
										position : absolute;
										width : 90px;
										height : 100px;
										text-align : left;
										margin-top : 7.6em;
										margin-left : 17.6em;
										}
										#genmenu a:hover { background-color : #CC3300; color:black;}
					#maintenance
						{
						width : 90px;
						height : 70px;
						background-image :  url(../pictures/design/maintain.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.5em;
						margin-left : 25em;
						}
									#maintmenu
										{
										position : absolute;
										width : 90px;
										height : 100px;
										text-align : left;
										margin-top : 7.6em;
										margin-left : 25em;
										}
										#maintmenu a:hover { background-color : #CC3300; color:black;}
					#disaster
						{
						width : 90px;
						height : 70px;
						background-image :  url(../pictures/design/recovery.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.5em;
						margin-left : 32.6em;
						}
									#disatermenu
										{
										position : absolute;
										width : 90px;
										height : 100px;
										text-align : left;
										margin-top : 7.6em;
										margin-left : 32.6em;
										}
										#disatermenu a:hover { background-color : #CC3300; color:black;}
					#batteries
						{
						width : 90px;
						height : 70px;
						background-image :  url(../pictures/design/batteries.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.5em;
						margin-left : 40.1em !important;
						margin-left : 40.1em;
						}
									#upsbattmenu
										{
										position : absolute;
										width : 90px;
										height : 100px;
										text-align : left;
										margin-top : 7.6em;
										margin-left : 40.1em;
										}
										#upsbattmenu a:hover { background-color : #CC3300; color:black;}
					#info
						{
						width : 90px;
						height : 70px;
						background-image :  url(../pictures/design/info.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.5em;
						margin-left : 47.6em;
						}
									#upsinfomenu
										{
										position : absolute;
										width : 90px;
										height : 100px;
										margin-top : 7.6em;
										margin-left : 47.6em;
										}
										#upsinfomenu a:hover { background-color : #CC3300; color:black;}

/* ############################# PRODUCT SECTION IMAGES SITE WIDE ############################# */

					#t1
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t1.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.9em;
						margin-left : 10.8em;
						}
					#t2
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t2.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.9em;
						margin-left : 22.8em;
						}
					#t3
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t3.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.9em;
						margin-left : 34.8em;
						}
					#t3r
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t3r.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 1.8em !important;
						margin-top : 1.9em;
						margin-left : 47.8em;
						}
					#t4
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t4.gif);
						background-repeat : no-repeat;
						position :absolute;
						margin-top : 14.5em;
						margin-left : 10.8em;
						}
					#t5
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t5.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 14.5em;
						margin-left : 22.8em;
						}
					#powerstation
						{
						width : auto;
						background-image :  url(../pictures/products/ups/powerstation.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 14.5em;
						margin-left : 34.8em;
						}
					#t2000
						{
						width : auto;
						background-image :  url(../pictures/products/ups/product_t2000.gif);
						background-repeat : no-repeat;
						position : absolute;
						margin-top : 14.5em;
						margin-left : 47.8em;
						}
					.pics
						{
						text-align : right;
						float : right;
						padding-top : 1.5em;
						padding-left : 0.5em;
						padding-bottom : 0.5em;
						}
							.pics2
								{
								float : right;
								padding-top : 1.5em;
								padding-left : 0.5em;
								padding-bottom : 0.5em;
								}
									.pics3 /* THIS DIV is for Alignment of the UPS Range in Phase order pages e.g. (1/1 phase) */
										{
										text-align : left;
										float : left;
										padding-top : 1.5em;
										padding-left : 0.5em;
										padding-bottom : 0.5em;
										}