﻿
/* CSS Main Rolex Document */
	ul  
	{
		margin:0;
		padding:0;
		list-style:none;
	}

	html {
		background:#111111; 
		font-size: 100%; /* IE hack */ 
	}	

	body	{
		background:#111111;
		color:#FFFFFF;
		margin-left:auto;
		margin-right:auto;	
		font-size: 62.5%;	
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	}

/** class for WAI standards **/
	.accessClass { display:none; }

	#default ul { margin:-10px 0 0 0; }
	#default ul li  { margin:9px 0; display:block; height:20px;width:63px; }
	#default ul li a    { text-decoration:none; color:#9c9c9c; height:20px; }
	#default ul li a:hover  { text-decoration:none;	color:#FFFFFF; }

	a	{ text-decoration:none; color:#FFFFFF; }
	a:hover	{ text-decoration:none;	color:#b89c43; }

/** Rolex logo **/
	#logoContainer { position: absolute; margin: 26px 0 0 47px; z-index:9999;}
	.logo { width:83px; height:77px; }

	img	{ border:none; }

/** Content **/
	#wrapper	{	
		width:960px;
		height:600px;
		position:relative;
		margin:auto;
		overflow:hidden;
	}

	#wrapper #logo	{	
		margin:23px 0 0 2.0%;
		width:83px;
		height:77px;
		float:left;
	}

	#wrapper #frameset	{
		width:960px;
		height:600px;
		position:absolute;
		float:left;	
	}

	#wrapper #frameset #backgroundImage
	{
		width:960px;
		height:570px;
		z-index:0;   
		margin:0 auto;
		position:absolute;
		left:0;
	}
/** End of Content **/
	#default
	{
		margin:85px 0 0 160px;
		padding: 0 0 0 30px;
		background:url(../images/languageSelectBar.png) no-repeat;
		height:350px;
		width:500px;
		position:absolute;
		z-index: 1;
	}
/* Spam Message */
	#rolexMessage	{	
		width:760px;
		height:525px;
		position:absolute;
		top: 600px;
		background:#000 url(../images/dealerLocatorBG.jpg) no-repeat;
		font-size:12px;
		z-index: 2;
		padding: 45px 0 0 200px;
	}

	#rolexMessage .content	{
		width: 600px;
		height:480px;
		overflow:auto;
		display:block;
		position:absolute;
	}

	#rolexMessage .header1 {margin:0 0 10px 0;}
	#rolexMessage .content a {font-size:15px;display:block;margin-top:5px;}
	#rolexMessage p {margin-bottom:10px;}
	#rolexMessage a {color:#ffffff;}
	#rolexMessage a:hover {color:#B89C43;}
	#rolexMessage a.closeMessage {display:block; position: absolute; top: 13px; right: 15px;}
	#rolexMessage .announcement { margin-bottom: 3em; }
	#rolexMessage .announcement h1 { font-size: 1.0em; }
	#rolexMessage .message { margin-bottom: 1em; padding-right: 10px; }

/** Impressum **/
	#link-legal-notice { visibility:hidden; }

	#impressum {
		display:none;
		position:absolute;
		z-index:10;
		width:792px;
		height:352px;
		left:100px;
		top:150px;
		color:#8f8e8e;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		background: url("/images/backgrounds/transparency-layers/000000-80.png");
	}

	#impressum .footerCopy { padding:50px 20px 0 20px; }

	#col1, #col2, #col3 { float:left; width:250px; }

	#impressum .menuClose, #impressum h3 { display:none; }

	#link-open-impressum {
		position:absolute;
		left:190px;
		bottom:110px;
		color:#9c9c9c;
		z-index:10;
	}

	#link-open-impressum:hover{ color:#FFFFFF; }

	#impressum a { text-decoration:none; color:#dedede; }

	#impressum .close
	{
		position: absolute;
		z-index:20;
		top: 20px;
		left: 755px;
		height: 13px;
		width: 13px;
		display: block;
		background:url(../images/buttonRepeat.png) 0 0 no-repeat;
		background:url(../images/cross.png) 0 0 no-repeat;
	}

	#impressum .close:hover { background:url(../images/cross.png) -13px 0 no-repeat; }
	#impressum p a:hover { border-bottom:1px solid #dedede; }

	#impressum div p{
		line-height:1.5em;
		margin-bottom:20px;
		color:#dedede;
	}

	#impressum div h1{
		font-size:1.1em;
		height:40px;
		letter-spacing:0.2em;
	}

/** languages **/
	#default a {
		display: block;
		text-indent: -300px;
		overflow: hidden;
		background-position: 0 -14px !important;
	}

	#default a:hover { background-position: 0 0 !important; }

	#default a.openRolexMessage {
		width:250px;
		text-indent: -300px;
		margin:50px 0 0 0;    
		background:url(../images/important_message.png) 0 -20px no-repeat !important;
	}

	#default a.openRolexMessage:hover {
		background-position:0 0 !important;
	}

/**languages - Grey to White **/
	.zh-Hans        { background:url(../images/languages/languages.png) 0 1px no-repeat; }
	.zh-Hans:hover  { background:url(../images/languages/languages.png) 0 -39px no-repeat; }
	.es             { background:url(../images/languages/languages.png) -60px 0 no-repeat; }
	.es:hover       { background:url(../images/languages/languages.png) -60px -40px no-repeat; }
	.ko             { background:url(../images/languages/languages.png) -124px -1px no-repeat; }
	.ko:hover       { background:url(../images/languages/languages.png) -124px -41px no-repeat;}

	.zh-Hant        { background:url(../images/languages/languages.png) 0 -60px no-repeat; }
	.zh-Hant:hover  { background:url(../images/languages/languages.png) 0 -100px no-repeat; }
	.fr             { background:url(../images/languages/languages.png) -60px -60px no-repeat; }
	.fr:hover       { background:url(../images/languages/languages.png) -60px -100px no-repeat; }
	.pt-br          { background:url(../images/languages/languages.png) -124px -60px no-repeat; }
	.pt-br:hover    { background:url(../images/languages/languages.png) -124px -100px no-repeat;}

	.de             { background:url(../images/languages/languages.png) 0 -120px no-repeat; }
	.de:hover       { background:url(../images/languages/languages.png) 0 -160px no-repeat; }
	.it             { background:url(../images/languages/languages.png) -60px -120px no-repeat; }
	.it:hover       { background:url(../images/languages/languages.png) -60px -160px no-repeat; }
	.ru             { background:url(../images/languages/languages.png) -124px -120px no-repeat; }
	.ru:hover       { background:url(../images/languages/languages.png) -124px -160px no-repeat; }

	.en             { background:url(../images/languages/languages.png) 0px -180px no-repeat; }
	.en:hover       { background:url(../images/languages/languages.png) 0 -220px no-repeat; }
	.ja             { background:url(../images/languages/languages.png) -60px -180px no-repeat; }
	.ja:hover       { background:url(../images/languages/languages.png) -60px -220px no-repeat; }
