
/*
		Site:	GeoTrax
		File:	Landing Page CSS
		Author:	Alison Endacott
		Date:	June 2007
*/


#content {
	/*padding: 2em 0 20px 0;*/
	padding:2em 0 40px 0;
	
}

	.landing {
		width: 554px;
		min-height: 356px;
		_height: 356px;
		position: relative;
		left: 50%;
		/*margin-left: -378px;*/
		margin-left:-274px;
		float: left;
	}
	
	.landing h4 {
		display: block;
		height: 44px;
		text-indent: -9999px;
	 
	}
	
		.tab {
			
		}
		
		#tabNew {
		    min-height: 356px;
			_height: 356px;
		}
		
		#tabWhy {
		    min-height:356px;
			_height: 356px;
			overflow: hidden;
		}
		
		#tabSee {
		    min-height: 356px;
			_height: 356px;
		}
	
		.landing ul.tab-list {
			display: block;
			height: 37px;
			/*width: 470px;*/
			width:539px;
			position: absolute;
			bottom: -31px;
			/*left: 40px;*/
			left:5px;
			list-style: none;
			z-index:10;
		}
		
			.landing ul.tab-list li {
				display: block;
				float: left;
				font-size: 1.5em;
			}
			
				.landing ul.tab-list li a,
				.landing ul.tab-list li span {
					display: block;
					background: url(/content/v5/fr/geotrax/img/nav-landing.gif) no-repeat;
					height: 37px;
					text-indent: -9999px;
					overflow: hidden;
				}
				
				.landing ul.tab-list li#tab-tabNew a,
				.landing ul.tab-list li#tab-tabNew span {
					width: 128px;
				}
					.landing ul.tab-list li#tab-tabNew a:hover,
					.landing ul.tab-list li#tab-tabNew span {
						background-position: 0 -38px;
					}
					
				.landing ul.tab-list li#tab-tabWhy a,
				.landing ul.tab-list li#tab-tabWhy span {
					width: 176px;
					background-position: -128px 0;
				}
					.landing ul.tab-list li#tab-tabWhy a:hover,
					.landing ul.tab-list li#tab-tabWhy span {
						background-position: -128px -38px;
					}
					
				.landing ul.tab-list li#tab-tabSee a,
				.landing ul.tab-list li#tab-tabSee span {
					width: 235px;
					background-position: -304px 0;
				}
					.landing ul.tab-list li#tab-tabSee a:hover,
					.landing ul.tab-list li#tab-tabSee span {
						background-position: -304px -38px;
					}

			
		div#tabNew {
			background: url(/content/v5/fr/geotrax/img/new-bg.jpg) no-repeat;
		}
		
		div#tabWhy {
			background: url(/content/v5/fr/geotrax/img/why-bg.gif) no-repeat;
			font-size: 1.1em;
			padding: 0 1.5em 0 1.5em;
		}
		
			#tabWhy p {
				font-size: 1.2em;
				padding-top: .3em;
			}
				#tabWhy h3 {
					cursor: pointer;
					font-size: 1.2em;
					width: 100%;
					background: #e0ecf8 url(/content/v5/img/geotrax/minus.gif) no-repeat 4px 6px;
					margin: 2px 0;
					text-indent: 12px;
					font-weight: normal;
				}
					#tabWhy h3:hover {
						background: #fff url(/content/v5/img/geotrax/minus.gif) no-repeat 4px 6px;
						}
						
					#tabWhy h3.selected {
						font-weight: bold;
						background: #fff url(/content/v5/img/geotrax/plus.gif) no-repeat 4px 6px;
					}
						
				#tabWhy ul {
					margin-left: .8em;
					list-style: none;
				}
					#tabWhy li {
						background: url(/content/v5/img/geotrax/bullet.gif) no-repeat 0 8px;
			            margin: 0 0 0 20px;
						line-height: 1.15em;
						font-size: 1.1em;
						padding: 5px 0 5px 8px;
					}
		
		div#tabSee {
			background: url(/content/v5/fr/geotrax/img/see-bg.jpg) no-repeat;
		}

	.tab-hidden {
		display: none;
	}
	
	#tab-invisible {
		display: none;
	}
	
	#invisible {
		position: absolute;
		_left: 0px;
	}


/*Plane for GeoAir*/
#landing-plane {
	position: absolute;
	width: 100%;
    height: 134px;
}

/* whats new & featured product */


#feature {
	clear: both;
	width: 504px;
	float: left;
	padding-top: 20px;
	font-size: 1.1em;
	overflow: hidden;
	display: block;
	margin-left: 22px;
	position: relative;
	height: 280px;
	_margin-left: 11px;
}

#feature div#thumbs {
	position: relative;
	width: 99999px;
}
		
	/* thumbnail control styles */
	#thumbs {
		clear: both;
		width: 676px;
		margin: 0 auto;
		}
		
			#thumbs div, #thumbs dd.product-image {
				width: 155px; 
				margin: 0;
				padding: 10px 4px 0 0;
			}
			
			#thumbs div {
				float: left;
				position: relative;
				margin: 5px;
				margin-bottom: 25px;
				background: url(/content/v5/img/geotrax/bg-whatsnew.gif) no-repeat;
				_display: inline;
			}

				#thumbs dl {
					position: relative;
					padding-top: 125px;
					text-align: center;
					padding-bottom: 1em;
					height: 7em; /* adjust depending on the lines of text being shown under the image */
					background: url(/content/v5/img/geotrax/bg-whatsnew-bottom.gif) no-repeat bottom;
				}
						
					#thumbs dd.product-image {
						position: absolute;
						top: 0;
						left: 0;
					}
								
						#thumbs dd.product-image a {
							display: block;
						}
								
							#thumbs dd img { 
								display: block;
								width: 110px;
								margin: 0 auto;
								padding: 2px;
								background: #fff;
								border: 1px solid #fff;
							}
							
								#thumbs dd a.on img {
									border: 1px solid #b8d7f5;
												}
										
					#thumbs dt.product-name {
						padding: .5em 10px .5em 10px;
					}
						#thumbs dt.product-name a {
							color: #000;
						}
						#thumbs dt.product-name .on {
							text-decoration: underline;
						}	
										
				/* BUY NOW BUTTON */
				
				#thumbs dd.product-buy-now, 
				#thumbs dd.product-buy-now a, 
				#thumbs dd.product-buy-now a span {
					clear: both;
					position: relative;
					display: block;
					width: 81px;
					height: 14px; /* adjust to dimensions of your buy now button */
					overflow: hidden;
					margin: 0 auto;
				}
				
					#thumbs dd.product-buy-now a span {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: url(/content/v5/fr/img/buynow_plaque.gif) no-repeat top left;
					}
					
				#thumbs dd.product-buy-now {
					margin-top: 10px;
				}
	
/* Navigation Arrows */

#arrowsParent {
	list-style: none;
	position: absolute;
	top: 300px;
	left: 230px;
}

	#arrowsParent li {
		float: left;
		height: 33px;
		display: inline;
		margin: 0 10px;
		cursor: pointer;
	}

	#leftArrow {
		background: url(/content/v5/img/geotrax/btn-home-arrow-prev.gif) no-repeat;
		text-indent: -9999px;
		width: 22px;
	}
		
		#leftArrow:hover {
			background-position: 0 -33px;
		}

	#rightArrow {
		background: url(/content/v5/img/geotrax/btn-home-arrow-next.gif) no-repeat;
		text-indent: -9999px;
		width: 22px;
	}
		#rightArrow:hover {
			background-position: 0 -33px;
		}
							
/* side links */

	#icons {
		width: 190px;
		float: left;
		position: relative;
		left: 50%;
		margin-left: 10px;
	}
	
		#icons li {
			list-style: none;
			display: block;
			margin: 0 0 3px 0;
			width: 190px;
			position: relative;
			opacity: 0.8;
			filter: alpha(opacity=80);
			_filter: alpha(opacity=100);
		} 
		
		#icons li:hover {
			opacity: 1;
			filter: alpha(opacity=100);
		} 
			#icons li h3 {
				text-indent: -9999px;
				height: 23px;
				overflow: hidden;
				display: block;
			}
		
		/*GeoAir*/	
		#icons li#geoair {
        	background: url(/content/v5/fr/geotrax/img/geoair-bg.gif) no-repeat bottom;
			height: 106px;
            width: 187px;
		}
		
			#icons li#geoair h3 a{
                position: absolute;
				*left: 0px;
				display: block;
                height: 106px; 
                width: 187px;
			}
          
			
            
            
		/*dvd*/
		#icons li#dvd {
			background: url(/content/v5/fr/geotrax/img/dvd-bg.gif) no-repeat;
			height: 106px;
			width: 187px;
			display:none;
		}
		
			#icons li#dvd h3 a {
				position: absolute;
				*left: 0px;
				display: block;
				height: 106px;
				width: 187px;
				/*overflow: hidden;*/
			}
			
		
		/*User Photos */	
		#icons li#photos {
			background: url(/content/v5/fr/geotrax/img/user-photos-bg.gif) no-repeat bottom;
			height: 175px;
            width: 187px;
            display:none;
		}
		
			#icons li#photos h3 {
				background: url(/content/v5/fr/geotrax/img/user-photos.gif) no-repeat bottom;
                margin: 0;
                padding: 0;
                width: 187px;
			}
			
			#icons li#photos dt {
				width: 178px;
				padding: 4px 0 5px 0;
			}
				#icons li#photos dt img {
					border: 2px solid #fff;
					width: 104px;
					margin: 0 auto;
					display: block;
				}
			
			#icons li#photos p,
			#icons li#photos p a {
				display: block;
				height: 21px;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#icons li#photos p {
				display: block;
				float: left;
				margin-left: 7px;
			}
			
				#icons li#photos p a:hover {
					background-position: 0 -21px;
				}
				
			p#viewAll a {
				width: 66px;
				background: url(/content/v5/fr/geotrax/img/view-all.gif) no-repeat;
			}
			
			p#submitPhoto a {
				width: 97px;
				background: url(/content/v5/fr/geotrax/img/submit-yours.gif) no-repeat;
			}
			
			
		/* Meet the Teams */	
		#icons li#teams {
			background: url(/content/v5/fr/geotrax/img/meet-teams-bg.gif) no-repeat bottom;
			height: 106px;
		}
		
			#icons li#teams h3 {
				background: url(/content/v5/fr/geotrax/img/meet-teams.gif) no-repeat bottom;
			}
			
			#icons li#teams dt {
				margin: 8px 10px 0 80px;
				height: 50px;
				font-size: 1.1em;
			}
				#icons li#teams dt a {
					color: #000;
					}
					
					#icons li#teams dt a strong {
						font-size: 1.2em;
						display: block;
						}
								
			#icons li#teams dd {
				position: absolute;
				left: 10px;
				top: 30px;
			}
				#icons li#teams dd img {
					border: 2px solid #fff;
				}


<!--/* -0.690129172050951 [10.89.198.137] */-->