/* Main Image and Header Styles - Last Updated on September 22, 2008 */

#home-main {margin-top:5px; }
*:first-child+html #home-main { margin-top:0; }
* html #home-main { margin-top:0; }

.main{ margin:0 0 0 14px; }


	
/* new for static page redesign
---------------------------------------------------------*/
.main{ margin:0 0 0 13px; }


a#pagePeel{
	background:transparent url(images/gurantee_BTN.png) top no-repeat;
	float:left;
	width:183px;
	height:143px;
	margin-left:13px;
	margin-top:-89px;
	overflow:auto;
	behavior:url(Portals/1/Skins/EZShield/iepngfix.htc);
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	position:relative;
	z-index:10; /* needed for ff/safari */
}

a:hover#pagePeel{background-position:bottom;}

	* html a#pagePeel{ margin-left:6px; }

#main-menu-rotator-nav {
	background:url(images/home-rotator-nav-bg.gif) repeat-x;
	float:left;
	height:54px;
	margin:0 0 10px 0;
	width:759px;
	clear:right;
}

#rotator-nav-bg{
	background:url(images/home-rotator-nav-br.jpg) bottom right no-repeat; 
	height:54px;	
}



/* end static page redesign
---------------------------------------------------------*/
	
	

/* Callout Styles */
div.home-callouts {
	float:left;
	height:245px;
	width:229px;
	margin-right:5px;
	color:#353535;
	text-align:center;
	}

a:hover div.home-callouts
{
	text-decoration:none;
	cursor:pointer;
	}

	.home-callouts h2 {
		width:214px;
		height:34px;
		color:#353535;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:2.1em;
		line-height:1.4em;
		text-transform:normal;
		margin:0;
		padding:0 0 5px;
		}
		
	.home-callouts p {
		margin:0 0 0 5px; 
		padding:0;
		height:185px;
		font-size:1.6em;
		line-height:1.1em;
		width:200px;
		behavior:url(Portals/1/Skins/EZShield/iepngfix.htc);
		}
		
		
		#home-callout-04 {width:229px;}
		
		#home-callout-04 p {
			color:#fff;
			font-style:bold;
			font-size:1.5em;
			letter-spacing:.035em;
			padding:25px 80px 0 15px;
			height:246px;
			}
		
			* html #home-callout-04 p{padding-right:20px;}
		
				
		#home-callout-04 a {
			display:block;
			width:152px;
			height:36px;
			background:url(images/button-see-for-yourself.png) top left no-repeat;
			text-align:left;
			text-indent:-999em;
			float:left;
			margin:123px 0 0 20px;
			behavior:url(Portals/1/Skins/EZShield/iepngfix.htc)
			}
		
			* html #home-callout-04 a{margin-left:12px; cursor:pointer;}
		
			#home-callout-04 a:hover {background-position:bottom left; }
			

		#home-callout-01 p { background:url(images/home-callout-01bg.png) no-repeat 15px 50px; }
		#home-callout-02 p { background:url(images/home-callout-02bg.png) no-repeat 15px 50px; }
		#home-callout-03 p { background:url(images/home-callout-03bg.png) no-repeat 15px 50px; }
		#home-callout-04 p { background:url(images/home-callout-04bg.png) no-repeat;}
		
		
		#home-callout-01, #home-callout-02{border-right:#d2d2d2 1px solid;}
		#home-callout-01 {margin:7px 8px 0px 14px;}
			 * html #home-callout-01 {margin:7px 8px 0px 7px;}
		
		#home-callout-01, #home-callout-02, #home-callout-03{margin-top:7px;}
		
		
				
		/* hide "Take a Tour" because it's in an image, but keep avail for screen readers, etc */
		#home-callout-04 h2{text-indent:-9999px;font-size:0; display:inline;}

		.learn-more{
				background:url(images/link-click-to-learn-more.png) no-repeat;
				width:124px;
				height:12px;
				text-indent:-9999px;
				display:block;
				margin:auto;
				behavior:url(Portals/1/Skins/EZShield/iepngfix.htc);
			}
		
		* html .learn-more{cursor:pointer;}




/* Rotator Styles
--------------------------------------------------*/
		#main-feature {
			width:942px;
			height:281px;
			display:block;
			margin:0;
			float:left;
			top:0;
			left:0;
			position:relative;
		}
		
		
		/* main rotating images 
		-------------------------------*/
		#the1feature{background:transparent url(images/main-image-vs.jpg) no-repeat scroll left top;}
		#the2feature{background:transparent url(images/main-image-hi.jpg) no-repeat scroll left top;}
		#the3feature{background:transparent url(images/main-image-ts.jpg) no-repeat scroll left top;}
		#the4feature{background:transparent url(images/main-image-ta.jpg) no-repeat scroll left top;}
		
		
		/* main rotating header 
		-------------------------------*/
		div.header-main{margin:0;height:145px; width:942px; text-indent:-9999px; }
		
		div.header-main p{height:133px; width:521px; margin:0 auto;}
		
		#the1feature div.header-main p{background:url(images/main-header-vs.png) no-repeat center top; }
		#the2feature div.header-main p{background:url(images/main-header-hi.png) no-repeat center top; }
		#the3feature div.header-main p{background:url(images/main-header-ts.png) no-repeat center top; margin-left:227px;}
		#the4feature div.header-main p{background:url(images/main-header-ta.png) no-repeat center top; }
		
		/* use gifs for ie6 */
		* html #the1feature div.header-main p{background:url(images/main-header-vs.gif) no-repeat center top; }
		* html #the2feature div.header-main p{background:url(images/main-header-hi.gif) no-repeat center top; }
		* html #the3feature div.header-main p{background:url(images/main-header-ts.gif) no-repeat center top; margin-left:227px;}
		* html #the4feature div.header-main p{background:url(images/main-header-ta.gif) no-repeat center top; }
		
		
		/* rotating nav images
		-------------------------------*/
			/* EZShield Vault is */		#thetitle {background:transparent url(images/home-nav-ezvis.gif) no-repeat scroll left top; text-indent:-9999px;}
			/* A Virtual Safe */		#the1title a{background:transparent url(images/home-nav-1.gif) no-repeat scroll left top;}
			/* Home Inventory */		#the2title a{background:transparent url(images/home-nav-2.gif) no-repeat scroll left top;}
			/* Tracking System */		#the3title a{background:transparent url(images/home-nav-3.gif) no-repeat scroll left top;}
			/* Travel Assurance*/		#the4title a{background:transparent url(images/home-nav-4.gif) no-repeat scroll left top;}
		
		
		/* hovers */
		#point-list a:hover, #point-list li.hover a{background-position:left bottom !important;}
		
		ul#point-main .selected{display:block;}
		
		.afeature {height:281px; display:none;/*position:relative;*/}
		.afeature a{text-indent:-9999px; display:block; z-index:50; height:281px; width:942px;}
		.afeature img {position:absolute;}
		
		
		/* = List Styles
		-----------------------------------------------------------------------------*/
		ul#point-main {
			float:left;
			width:942px;
			height:281px;
			overflow:visible;
			list-style:none;
			margin:0 0 0 13px;
			padding:0;
		}
		
			* html ul#point-main{margin-left:6px; position:relative;}
			
			
		ul#point-main li{
			height:281px;
			width:942px;
			overflow:auto;
		}
		
		ul#point-list {
			width:732px;
			height:54px;
			overflow:hidden;
			margin:0;
			padding:0;
		}
		
		ul#point-list li {
			display:block;
			height:54px;
			width:136px;
			padding:0;
			margin:0 10px 0 0;
			float:left;
		}
		
		ul#point-list li a {
			text-align:left;
			display:block;
			height:54px;
			width:136px;
			padding:0px;
			text-indent:-9999px;
		}
		
		ul#point-list li.selected a{
			background:url(../images/rotator/rotate-txt-hover.jpg) top right no-repeat;
			background-position:0px 0px;
			height:36px;
		}
		
		
		/* = Hover Styles
		-----------------------------------------------------------------------------*/
		.hover a{background-position:bottom;}