/* 
 * ===================================
 * INTRO
 * ===================================
 */

#adaPreload{
	z-index:2000;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000000;
}

#adaPreloadLogo{
	z-index:2001;
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:44px;
	margin-left:-200px;
	margin-top:-22px;
	text-align:center;
	background-image:url('../pix/adaLogoInverted400x44.gif');
}

/*
 * ===================================
 * HOME
 * ===================================
 */

#adaMovie{
	position:absolute;
	top:99px;
	height:450px;
	left:0;
	width:100%;
	background-color:#000000;
}

/* 
 * ===================================
 * STANDARDS
 * ===================================
 */

.adaTxt{
	font-family:tahoma;
	font-size:11px;
	line-height:17px;
}

#adaTopBar{
	position:fixed;
	top:0;
	left:0;
	height:99px;
	width:100%;
	background-color:#ffffff;
	z-index:1000;
}

#adaLogo{
	position:fixed;
	top:36px;
	left:32px;
	height:15px;
	width:316px;
	background-image:url('../pix/adaLogo316x15.gif');
	background-color:transparent;
	z-index:1000;
}

#adaGenderToolsBlock{
	position:absolute;
	top:30px;
	right:32px;
}

#adaLogin{
	font-family:arial;
	font-weight:bold;
	font-size:14px;
	color:#555555;
	position:fixed;
	top:564px;
	left:30px
}

#adaLanguageSwitcher{
	position:fixed;
	top:564px;
	left:30px;
	font-size:11px;
	font-family:arial;
}

#adaLanguageSwitcher .language{
	color:#eddacf;
}

#adaLanguageSwitcher .selected{
	color:#000000;
}

/* 
 * ===================================
 * MAIN MENU
 * ===================================
 */

#adaMenu{
	position:fixed;
	top:117px;
	left:30px;
	font-family: arial;
	line-height:18px;
	font-size:14px;
	/*letter-spacing:0.04em;*/
	font-weight:bold;
}

ul{
	margin-top:9px;
	margin-bottom:18px;
}

#adaVideoMenu{
	position:fixed;
	top:117px;
	left:30px;
	font-family: arial;
	line-height:18px;
	font-size:14px;
	/*letter-spacing:0.04em;*/
	font-weight:bold;
	text-shadow: none;
}

#adaVideoMenu a{
	color:#ffffff;
}

.ffMenuWithinActives{
	color:#ffffff !important;
	text-shadow: none;
}

#adaCanvas{
	position:absolute;
	top:99px;
	left:0;
	height:450px;
	width:100%;
}

#adaCanvasOpaque{
	position:fixed;
	top:99px;
	left:0;
	height:450px;
	width:100%;
}

#adaCanvasOpaqueBlock{
	position:absolute;
	top:0;
	left:0;
	height:450px;
	width:100%;
	background-color:#eddacf;
	background-repeat:repeat-x;
	background-position:0 0;
}

#adaCanvasBottomGradient{
	position:absolute;
	bottom:0;
	left:0;
	height:450px;
	width:100%;
	background-repeat:repeat-x;
	background-position:0 bottom;
}

/* 
 * ===================================
 * FOOTERMENU
 * ===================================
 */
 
#adaFooterMenu{
	position:fixed;
	top:564px;
	left:239px;
	font-size:11px;
	font-family:arial;
}

#adaFooterMenu ul{
	padding:0;
	margin:0;
}

#adaFooterMenu li{
	float:left;
	margin-right:8px;
}

#adaFooterMenu .ffMenuInactive{
	color:#E4C7B7 !important;
}

#adaFooterMenu .ffMenuWithinActives{
	color:#000000 !important;
	font-weight:normal !important;
}

/* 
 * ===================================
 * TEXT
 * ===================================
 */

h2{
	font-family:arial;
	font-size:13px;
	line-height:15px;
}

#adaTextTxt{
	position:absolute;
	top:78px;
	left:240px;
	width:500px;
}

#adaTextTitle{
	font-family: arial;
	line-height:18px;
	font-size:14px;
	/*letter-spacing:0.04em;*/
	font-weight:bold;
	position:absolute;
	top:29px;
	left:240px;
	width:360px;
}
#adaTextImage{
	position:absolute;
	bottom:0px;
	left:70%;
}

/* 
 * ===================================
 * COLLECTION
 * ===================================
 */

#adaCollectionImageBlock{
	height:467px;
	width:100%;
	overflow:scroll; /*gets changed to hidden by js*/
	position:fixed;
	top:99px;
	left:0;
	margin:0;
}

#adaCollectionImageContainer{
	height:450px;
	overflow:hidden;
}

#adaCollectionCanvas{
	position:absolute;
	top:0;
	left:0;
	height:450px;
	width:100%;
	background-color:#eddacf;
	background-repeat:repeat-x;
	background-position:0 0;
}

#adaCollectionViewAllLink{
	position:fixed;
	top:505px;
	left:239px;
	padding:6px 0 0 26px;
	height:20px;
	background-image:url('../pix/btnViewAll.gif');
	background-repeat:no-repeat;
}

.adaCollectionBtn{
	position:fixed;
	top:300px;
	width:50px;
	height:50px;
	padding:0;
	background-repeat:no-repeat;
}

#adaCollectionBtnNext{
	right:30px;
	background-image:url('../pix/adaNextImage50x50.gif');
}

#adaCollectionBtnPrev{
	left:228px;
	background-image:url('../pix/adaPrevImage50x50.gif');
}

/*spec sheet*/

#adaCollectionSpecSheet{
	left:0px;
	width:443px;
	height:500px;
	background-color:#eddacf;
}

#adaCollectionTxt{
	position:absolute;
	top:78px;
	left:240px;
	width:150px;

}

#adaCollectionTitle{
	font-family: arial;
	line-height:18px;
	font-size:14px;
	/*letter-spacing:0.04em;*/
	font-weight:bold;
	position:absolute;
	left:240px;
	top:29px;
	width:150px;
}

.adaCollectionImage{
	position:relative;
	top:0;
	float:left;
	padding:0;
	margin:0 0 0 0;
	background-color:#eddacf;
}

.womensOdd{
	background-color:#ffffff;
}

.womensEven{
	background-color:#eddacf;
}

.mensOdd{
	background-color:#000000;
}

.mensEven{
	background-color:#ffffff;
}

.accessoriesOdd{
	background-color:#ffffff;
	
}
.accessoriesEven{
	background-color:#000000;
}

#adaCollectionImageContainer{
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
}

#adaCollectionColorCards{
	position:absolute;
	top:-10px;
	left:346px;
}

.adaColorCard{
	width:58px;
	height:52px;
	border-bottom:20px solid #ffffff;
	margin-bottom:17px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 6px; 
	-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 6px;
	box-shadow: rgba(0,0,0,0.25) 1px 1px 6px;
}
/*
#adaCollectionViewAllFondBlock{
	position:fixed;
	top:0;
	border:2px dotted green;
	width:100%;
	height:1000px;
	overflow:scroll;
}
.adaCollectionViewAllFondRow{
	position:relative;
	width:2000px;
	height:255px;
}

.adaCollectionViewAllFondRow div{
	position:relative;
	float:left;
	width:170px;
	height:255px;
}

#adaCollectionViewAllImagesBlock{
	position:absolute;
	left:0px;
	overflow:hidden;
	z-index:2000;
}
*/

#adaCollectionViewAllImagesBlock{
	position:absolute;
	top:99px;
	z-index:200;
	display:none;}

.adaCollectionViewAllImagesBlockMens{
	background-image:url('../pix/viewAllFondMens.gif');
}

.adaCollectionViewAllImagesBlockWomens{
	background-image:url('../pix/viewAllFondWomens.gif');
}

.adaCollectionViewAllImagesBlockAccessories{
	background-image:url('../pix/viewAllFondAccessories.gif');
}

.adaCollectionViewAllImage{
	position:relative;
	float:left;
	height:255px;
	width:170px;
	overflow:hidden;
}

.adaCollectionViewAllImage img{
	height:255px;
	width:170px;
}

/* 
 * ===================================
 * PARTNERS
 * ===================================
 */

#adaPartnersOverview{
	position:fixed;
	width:100%;
	height:100%;
	overflow-y:hidden;
}

#adaPartnersOverviewBlock{
	position:absolute;
	top:0;
	left:220px;
}

.adaPartnersPartnerOverviewBlock{
    padding:27px 20px 15px 20px;
	width:185px;
	height:408px;
	border-bottom:1px dotted #DBB59F;
	background-color:#eddacf;
	background-position:0 0;
	background-repeat:repeat-x;
	margin:0 19px 19px 0;
	overflow:hidden;
	float:left;
}

.adaPartnersLogo{
	margin-top:45px;
	padding:10px;
}

.row1{
	background-position:0 0;
}
.row2,.row3,.row4,.row5,.row0{
	/*background-position:0 500px;*/
}

.column{
	position:relative;
	float:left;
	margin-right:19px;
}

.adaPartnersPartnerOverviewBlock .head{
	padding-left:11px;
	font-family: arial;
	line-height:18px;
	font-size:14px;
	font-weight:bold;
}

.adaPartnersPartnerOverviewBlock .small{
	margin-top:5px;
	padding-left:11px;
	font-family: arial;
	line-height:18px;
	font-size:11px;
}

#adaMenuFondContainer{
	position:fixed;
	top:99px;
	width:208px;
	height:450px;
	left:0;
	overflow:hidden;
}

#adaMenuFondOpaque{
	position:relative;
	top:0;
	width:200px;
	height:450px;
	left:0;
	background-color:#eddacf;
	background-repeat:repeat-x;
	background-position:0 0;
	-webkit-box-shadow: rgba(0,0,0,0.25) 0px 0px 6px; 
	-moz-box-shadow: rgba(0,0,0,0.25) 0px 0px 6px;
	box-shadow: rgba(0,0,0,0.25) 0px 0px 6px;
}

#adaMenuFondOpaqueBottomGradient{
	position:absolute;
	bottom:0px;
	width:200px;
	height:450px;
	left:0;
	background-repeat:repeat-x;
	background-position:0 443px;
}

#adaMovieMenuFondOpaque{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:200px;
	background-repeat:repeat-x;
	background-position:0 0;
	opacity:0.75;
	background-color:#eddacf;
}
#adaMovieMenuFondOpaqueBottomGradient{
	position:absolute;
	bottom:0px;
	width:200px;
	height:450px;
	left:0;
	background-repeat:repeat-x;
	background-position:0 bottom;
}