﻿/* CSS Main Rolex Document */
#httpCombinerHack{}

/* Global reset*/
*	{	
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	border-top-width: 0pt;
	border-right-width-value: 0pt;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: 0pt;
	border-left-width-value: 0pt;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: none;
	border-right-style-value: none;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: none;
	border-left-style-value: none;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: -moz-use-text-color;
	border-right-color-value: -moz-use-text-color;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: -moz-use-text-color;
	border-left-color-value: -moz-use-text-color;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0pt;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-weight:normal;
	text-indent:0;
	}

ul  
{
    margin:0;
    padding:0;
	list-style:none;
}

:focus { outline: 1px dotted grey; }
:hover { outline: none; }

html:focus, body:focus, #flashcontent:focus, #frameset:focus, #wrapper:focus { outline:none; } /** clearing outline from anything not needing accessbility **/
#rolexWatches a:focus, #worldOfRolex a:focus, #dealerLocator a:focus { outline:none; border-bottom: 1px dotted #8b8b8b; }
#footer ul li a:focus { outline:none; border-bottom: 1px dotted #8b8b8b; }

html { background:#111111; }	

body	{
	background:#111111;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;	
	font-size: 62.5%;	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Times New Roman;	
}

/** class for WAI standards **/
.accessClass { display:none; }

#default ul { margin:-10px 0 0 0; }
#default ul li  { margin:9px 0; display:block; width:63px; height:20px; }
#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;
}

#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;
}

/** 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/textBoxBG/square-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 h2{
	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; }

/**languages - Grey to White **/
.zh-Hans        { background:url(../images/languages/languages.png) 0 -19px no-repeat; }
.zh-Hans:hover  { background:url(../images/languages/languages.png) 0 1px no-repeat; }
.es             { background:url(../images/languages/languages.png) -60px -20PX no-repeat; }
.es:hover       { background:url(../images/languages/languages.png) -60px 0 no-repeat; }
.ko             { background:url(../images/languages/languages.png) -124px -21px no-repeat; }
.ko:hover       { background:url(../images/languages/languages.png) -124px -1px no-repeat;}

.zh-Hant        { background:url(../images/languages/languages.png) 0 -80px no-repeat; }
.zh-Hant:hover  { background:url(../images/languages/languages.png) 0 -60px no-repeat; }
.fr             { background:url(../images/languages/languages.png) -60px -80px no-repeat; }
.fr:hover       { background:url(../images/languages/languages.png) -60px -60px no-repeat; }
.pt-br          { background:url(../images/languages/languages.png) -124px -80px no-repeat; }
.pt-br:hover    { background:url(../images/languages/languages.png) -124px -60px no-repeat;}

.de             { background:url(../images/languages/languages.png) 0 -140px no-repeat; }
.de:hover       { background:url(../images/languages/languages.png) 0 -120px no-repeat; }
.it             { background:url(../images/languages/languages.png) -60px -140px no-repeat; }
.it:hover       { background:url(../images/languages/languages.png) -60px -120px no-repeat; }
.ru             { background:url(../images/languages/languages.png) -124px -140px no-repeat; }
.ru:hover       { background:url(../images/languages/languages.png) -124px -120px no-repeat; }

.en             { background:url(../images/languages/languages.png) 0px -200px no-repeat; }
.en:hover       { background:url(../images/languages/languages.png) 0 -180px no-repeat; }
.ja             { background:url(../images/languages/languages.png) -60px -200px no-repeat; }
.ja:hover       { background:url(../images/languages/languages.png) -60px -180px no-repeat; }