@charset "UTF-8";
/* CSS Document */

/* Global overrides */
html, body{
	background:#000000 url(images/pagebackground.jpg) top left repeat-x;
	padding:0px;
	margin:0px;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
}

/* Keep borders off linked images */
img{
	border:none;
}

/* Outer frame for central column */
#frame{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background:url(images/background.jpg) top left no-repeat;
	z-index:0;
}

/* Flash background */
div#flash-container {
	height: 100%;
	overflow: visible;
	width: 100%;
}

div#background {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

#flash-background {
	height: 100%;
}

#frame{
	z-index:2;
}

/* Div to place flash behind rest iof page 
#flashheader{
	width:950px;
    height:650px;
    position:absolute;
    z-index:0;
}
*/
/* Div holding content above flash */
#innerframe{
	position:absolute;
	z-index:1;
}

#borderdiv{
	border-left:1px solid #3a3a3a;
	border-right:1px solid #3a3a3a;
}

/* ---------------- Drop down top menu --------------------- */

#menu{
	height:35px;
	width:920px;
	text-align:center;
	padding:0px 0px 0px 30px;
	margin:0px;
}

#ambimenu{
	width:920px;
	margin:0px;
	padding:0px;
	margin:0px;
}
	
#ambimenu li{
	color:#fff;
	float: left;
	list-style: none;
	background:url(images/menu.png) top left no-repeat;
	width:127px;
	height:35px;
	line-height:20px;
	text-align:center;
}

#ambimenu li.first{
	color:#fff;
	float: left;
	list-style: none;
	background:url(images/menufirst.png) top left no-repeat;
}

#ambimenu li.last{
	background:url(images/menulast.png) top right no-repeat;
	font-size:10px;
	line-height:25px;
}

#ambimenu li a:link, #ambimenu li a:visited, #ambimenu li a:hover, #ambimenu li a:active{
	color:#fff;
	display: block;
	padding: 5px 0px;
	text-decoration: none;
	white-space: nowrap;
	height:23px;
	background:url(images/menuitem.png) right center no-repeat;
}

#ambimenu li a:hover{
	text-decoration: underline;
}

#ambimenu li.last a:link, #ambimenu li.last a:visited, #ambimenu li.last a:hover, #ambimenu li.last a:active{
	background:none;
}

#ambimenu li ul{
	margin: 0;
	padding: 0;
	position: relative;
	visibility: hidden;
}	

#ambimenu li.submenu{
	float: none;
	display: inline;
	color:#fff;
	list-style: none;
	width:148px;
	height:23px;
	text-align:center;
}
	
#ambimenu li.submenu a{
	/*float: none;
	display: inline;*/
	color:#fff;
	list-style: none;
	background:url(images/submenu.png) center bottom repeat-y;
	width:148px;
	height:23px;
	text-align:center;
}

#ambimenu li ul li a.sublast{
	font-size:12px;
	background:url(images/submenulast.png) bottom left repeat-y;
}

/* Spacer to show the flash slideshow */
#slidearea{
	height:339px;
}

#togglebox{
	height:339px;
}

#audiotoggle{
	float:right;
	padding-top:310px;
	padding-right:15px;
}

/* Main content below slideshow - split into 2 columns */
#maincontent{
	width:922px;
	margin:0px 14px;
}

#leftcolumn{
	float:left;
	clear:left;
	width:612px;
	min-height:438px;
	margin-right:14px;
}

#rightcolumn{
	float:left;
	clear:right;
	width:296px;
}

#lowercolumnleft{
	float:left;
	clear:left;
	width:612px;
	min-height:141px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:14px;
	background:url(images/activationback.png) top left repeat;
}

#lowercolumnright{
	float:left;
	clear:right;
	width:296px;
	margin-top:15px;
	margin-bottom:15px;
}

#rightcolumn .button{
	margin-bottom:7px;
}

/* fashbuttons on product page */
#rightcolumn .detailbutton{
	margin-left:14px;
	margin-bottom:7px;
}

/* downloads page */
#rightcolumn .downloadbutton{
	width:310px;
	margin-left:14px;
	margin-bottom:7px;
}

/* Download slider styling */

#rightcolumn .downslider ul{
	margin:0px;
	padding:0px;
	width:296px;
	overflow:hidden;
}

.downslider{
	position:relative;
	width:296px;
	overflow:hidden;
}

.downslider ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	width:296px;
}

.prevBtn{
	position:absolute;
	/*display:none;*/
}

.nextBtn{
	position:absolute;
	right:1px;
}

/* Product pages columns and sliders */

#leftcolumnproducts{
	position: relative; /* fix for IE to respect overflow */
	float:left;
	clear:left;
	width:612px;
	height:521px;
	background:url(images/productback.png) top left repeat;
	overflow:hidden;
}

#productslide{
	overflow:hidden;
}

#productslide ul{
	position:relative;
	list-style:none;
	width:572px;
	height:500px;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

#productslide li.panel{
	font-family:'Lucida Grande', Arial, sans-serif;
	color:#ffffff;
	font-size:13px;
	line-height:25px;
	width:552px;
	height:490px;
	padding:0px 20px;
}

/* thanks to the flash bug in FF3 on windows we'll have to turn the flash demo videos on and off in javascript */
.productdemo{
	display:none;
}

#productslide li.panel h1.japan{
	color:#a1ea3f;
	font-weight:normal;
	
}

#productslide li.panel h1.nevada{
	color:#f5960e;
	font-weight:normal;
	line-height:30px;
}

#producttabs{
	list-style:none;
	padding:0px;
	margin:0px;
}

.tab{
	cursor:pointer;
}

/* download page tabs overrides from above section */
#leftcolumndownloads{
	position: relative; /* fix for IE to respect overflow */
	float:left;
	clear:left;
	width:612px;
	height:409px;
	background:url(images/productback.png) top left repeat;
	overflow:hidden;
}

#downloadslide ul{
	position:relative;
	list-style:none;
	width:572px;
	height:427px;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

#downloadslide li.panel{
	font-family:'Lucida grande', Arial, sans-serif;
	color:#ffffff;
	font-size:14px;
	line-height:25px;
	width:552px;
	height:407px;
	padding:0px 20px;
}

#downloadslide li.panel h1{
	color:#fcfdc0;
	font-weight:normal;
}

.wallslide{
	overflow:auto;
	height:2000px;
}

.wallpaperbox{
	display:inline-block;
	width:175px;
	margin-bottom:15px;
}

.wallpaperbox img{
	margin-bottom:5px;
}

.wallpaperbox a:link, .wallpaperbox a:visited, .wallpaperbox a:hover, .wallpaperbox a:active{
	color:#ffffff;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
}

/* our story page tabs overrides from above section */
#leftcolumnstory{
	position: relative; /* fix for IE to respect overflow */
	float:left;
	clear:left;
	width:612px;
	height:410px;
	background:url(images/productback.png) top left repeat;
	overflow:hidden;
}

#storyslide ul{
	position:relative;
	list-style:none;
	width:572px;
	height:400px;
	margin:0px;
	padding:0px;
}

#storyslide li.panel{
	font-family:'Lucida grande', Arial, sans-serif;
	color:#ffffff;
	font-size:12px;
	line-height:25px;
	width:552px;
	height:400px;
	padding:0px 20px;
}

#storyslide li.panel h1{
	color:#fcfdc0;
	font-weight:normal;
}

#carelink{
	padding-top:20px;
}

#carelink a:link, #carelink a:visited, #carelink a:hover, #carelink a:active{
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}

.sfragrance{
	background:url(images/sfragrances.jpg) top right no-repeat;
	height:200px;
	width:570px;
}

/* temrs and conditions */

#sitemap{
	padding: 20px;
	color:#fcfdc0;
}


#sitemap a:link, #sitemap a:visited, #sitemap a:hover, #sitemap a:active{
	color:#ffffff;
	text-decoration:none;
}

/* temrs and conditions */

#tandc{
	padding: 20px;
	height:398px;
	overflow:auto;
}

#tandc h2{
	color:#fcfdc0;
}

#tandc h3{
	color:#fcfdc0;
}

/* temrs and conditions */

#contact{
	padding: 20px;
}

#contact h2{
	color:#fcfdc0;
}

/* google maps styles */

.gmnoprint{
	height:120px;
}

/* end footer */
#footer{
	background:url(images/footerback.jpg) top left repeat-x;
	height:50px;
}

#footerlinks{
	float:left;
	clear:left;
}

#footerlinks img{
	float:left;
}

#footwrap{
	float:left;
	height:10px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color:#ffffff;
	font-size:10px;
	line-height:50px;
	text-decoration:none;
	padding: 10px 35px;
	vertical-align:top;
}

.ambilogofooter{
	margin: 9px 100px 0px 30px; 
}

.natgeolink{
	margin-left:60px;
}

.natgeologofooter{
	padding-top:10px;
}

.download-mp3-song{
	background: url(images/download-mp3.gif) no-repeat left top;
	display: block;
	height: 54px;
	width: 250px;
	margin: 100px 0 0 150px;
	font-size: 24px !important;
	line-height: 54px !important;
	padding: 0 0 0 50px;
}

/* google maps styles */