#dealerLocatorTemplate,
#affiliateLocatorTemplate
{
    height: 600px;
    width: 960px;
    background:url(../images/wor-theCompany-img-html-worldwidePresence.jpg) 0 0 no-repeat;    
    position: absolute;
}

#dealerLocatorTemplate .backBtn
{
    position: absolute;
    top: 20px;
    right: 20px;
}

#affiliateLocatorTemplate .dealerSelect,
#affiliateLocatorTemplate .countrySelect
{
    float:left;
}

#affiliateLocatorTemplate .dealerSelect
{
    margin-left: 40px;
    width:540px;
    height:200px;
    overflow:auto;
}

#affiliateLocatorTemplate h3.affiliate
{
    margin-bottom: 20px;
    width: 200px;
}

#affiliateLocatorTemplate .dropDownBox
{
    height: 170px;
    width: 180px;
    overflow: auto;    
    background:#011305;
    padding:0 -20px 0 0;
}

#affiliateLocatorTemplate .dropDownBox .selected { color: #B89C43;
    font-size:1.1em
}

#affiliateLocatorTemplate #dealerForm .jScrollPaneTrack { right:12px; }
#affiliateLocatorTemplate #dealerForm .jScrollPaneContainer { margin:5px 0 0 0;}
#affiliateLocatorTemplate .selector { margin: 55px 0 0 160px; }
#affiliateLocatorTemplate .content,

#dealerLocatorTemplate .content { height: 370px; background:url(../images/headerBackground.png) no-repeat scroll 0 -1px; float: left; width: 100%;}

#frameset #dealerLocatorTemplate h3
{
    text-transform:uppercase;
    width:120px;  
    line-height:1.1em;   
}

#frameset #affiliateLocatorTemplate h3 { text-transform:uppercase; width:200px; line-height:1.1em; }

#dealerForm { float:left; width:205px; margin:57px 0 0 160px; }
#dealerForm img {  }
#dealerForm a.showAllDealers { color:#8b8b8b; background:transparent url(../images/arrowSmall.png) no-repeat scroll right -32px; padding:2px 15px 0 0; float:left; }
#dealerForm a.showAllDealers:hover { color:#B89C43; background:transparent url(../images/arrowSmall.png) no-repeat scroll right -16px; padding:2px 15px 0 0; }

#dealerForm .dropDownBox h3, .dropDownBox h3 {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Times New Roman;
    font-size:1.1em;
    color:#8b8b8b;
}

.dropDownList
{
    color:#000000;
    border:#8b8b8b;
    font-weight:normal;
    font-size:1em;
    margin:5px 0 0 -4px;
    padding:0;
    width:200px;
}

#dealerLocatorTemplate .goButton
{
    margin:0 0 20px -3px;
    background:#000000;
    border:none;
    color:#FFFFFF;
    cursor:pointer;  
    width:30px;
    text-align:left;
    background:url(../images/arrowSmall.png) 20px 1px no-repeat;
    font-size:1.1em;
}

#dealerLocatorTemplate .goButton:hover { color:#B89C43; background:url(../images/arrowSmall.png) 20px -16px no-repeat; }

#dealerBox
{
   height:260px; 
   overflow:auto;
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Times New Roman;
   font-size:1.1em;
   color:#8b8b8b;
   margin:55px 0 0 0;
   width:590px !important;
   float:right;
}

#affiliateLocatorTemplate #dealerBox
{
   height:260px; 
   overflow:auto;
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Times New Roman;
   font-size:1.1em;
   color:#8b8b8b;
   margin:0;
   padding:0;
   float:right;
}

#dealerBox .dealer
{   
   text-transform:none;
   margin:0;
   width:274px;
   height:152px;
   padding:8px 0 0 10px;
   margin:0 0 2px 0;
   background:#0c1608;
   float:left;   
   background:url(../images/dealerBox.jpg) no-repeat;
}

#dealerBox .dealer a { text-transform:uppercase; }

#dealerLink
{   
    position:absolute;
    bottom:0;
    left:0;
    top: 340px;
    width:960px;
}

#dealerLink a { text-transform:uppercase; margin:0 0 0 348px; color:#8b8b8b; background:transparent url(../images/arrowSmall.png) no-repeat scroll right -32px; padding:2px 15px 0 0; }
#dealerLink a:hover { color:#B89C43; background:transparent url(../images/arrowSmall.png) no-repeat scroll right -16px; padding:2px 15px 0 0; }

.dealerError { 
    left:350px;
    position:absolute;
    text-align:center;
    top:180px;
    width:580px; 
}


/** cobranding **/
#dealerForm .coBrand { margin:0 0 0 0; }
#httpCombinerHack{}

#downloads p.title {
    font-size:1.1em;
    line-height:0.8em;
}

#downloads { width:960px; height:552px; color:#9c9c9c; display:block; position:absolute; }
#downloads a { color:#9c9c9c; }
#downloads a:hover { color:#b89c43; }

#downloads .downloadMenu {
    height:440px;
    top:55px;
    width:150px;
    left:0px;
    position:absolute;
    margin: 0 0 0 155px;
}
#downloads .downloadMenu h2 { color:#FFF; font-family:Times New Roman; width:200px; }
#downloads h5 { text-transform:none; }

#downloads #downloadLegal { height: 100px; overflow: hidden; }

#downloads #downloadLegal.popup 
{
    margin:0 0 0 -185px;
}

#downloadLegalContent { overflow:auto; height: 100px; }

#fancy_div #downloadLegalContent { padding: 20px; height: 200px; }

#downloadLegalContent .options { display: none; margin-top: 10px; }
#downloadLegalContent .options .alwaysAccept { clear: left; margin-top: 10px; width: 360px;}
#downloadLegalContent .options #alwaysAccept { position: relative; top: 3px; margin-right: 2px; }

#downloadLegalContent .options ul { overflow:hidden; }
#downloadLegalContent .options ul li { float: left; margin-right: 10px; } 
#downloadLegalContent .options ul li a { color: #B89C43; padding-right: 5px;}
#downloadLegalContent .options ul li a:hover { background: transparent url(../images/arrow-hori.png) no-repeat right -11px; color: #FFF; }

#downloads .downloadMenu ul { list-style:none; margin:20px 0 0 0; padding:0; text-align:left; float:left; }
#downloads .downloadMenu ul li { margin:3px 0; } 
#downloads .downloadMenu ul li a { color: #fff; font-size:1.3em; }
#downloads .downloadMenu ul li a:hover { color: #b89c43; }
#downloads .downloadMenu ul li a.current { color: #b89c43; }

#downloads #downloadSelection
{
    width:570px;
    height:440px;
    overflow:auto;
    right:45px;
    bottom:60px;
    display:block;
    position: absolute;
}

#downloads #downloadSelection.multipage
{
     margin-top:20px;
     overflow: hidden;
}

#downloads .box { margin:5px 10px 10px 0px; float:left; width:174px; }
#downloads .box img
{
    height:98px;
    display:block;
    text-align:center;
    background:#000000;    
    margin:0 0 5px 0; 
    border:0.5px #2a2a2a solid;
}

#downloads .box ul { text-align:left; margin:1px 0 0 0; }
#downloads .box ul li { display:inline; }
#downloads .box ul li a { margin:0px; font-size:1em; }

#downloads .link { width:90%; float:left; text-align:left; border-bottom:thin solid #2a2a2a; padding:3px; margin:0 0 3px 0; }

#downloads .downloadSection { overflow: auto; height: 440px; }
#downloads .downloadSection h4 { font-size: 1.5em; color: #FFF !important; }
/* CSS Carousel Document */
#httpCombinerHack{}

h4 { font-size:1.2em; }

#carousel 
{    
    height:552px;
    width: 960px;
    position:absolute;
}

.scroll {
    height:552px;
    width:960px;
    overflow: auto;
    /**overflow-y: hidden;**/
    position: relative;
    clear: left;
    overflow-x:hidden; 
    overflow-y:scroll; 
}

.scrollContainer div.panel {
    height:552px;
    width: 1000px; 
    position:relative;
    scroll-y:hidden;    
}

.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
    width: 42px;
    height: 69px;
    z-index:1;
}

.scrollButtons.left 
{    
    background:url(../images/arrowBig.png) 0px -70px ;
    left: 20px;
}

.scrollButtons.left:hover
{   
    background:url(../images/arrowBig.png) 0px 0px ;
    left:20px;
}

.scrollButtons.right 
{
    background:url(../images/arrowBig.png) -46px -70px ;
    right: 20px;
}

.scrollButtons.right:hover
{
    background:url(../images/arrowBig.png) -46px 0px ;
    right: 20px;
}

.scrollContainer div.panel img { position:absolute; z-index:0; top:0; }

.homeCarouselLinks li a:hover { background: transparent url(../images/arrowSmall.png) no-repeat scroll right -18px; color: #B89C43;  }
.homeCarouselLinks li a { background: transparent url(../images/arrowSmall.png) no-repeat scroll right -1px; color: #FFF; padding-right: 15px;}

.pixelBorder {
    background:url(../images/WatchCarousel/pixelBorder.png) repeat-x;
    width:400px;
    height:1px;
    display:block;
    margin:10px 0;
}

/** cobranding **/
#carousel .coBrand { position:absolute; right:70px; top:25px; width:200px; height:60px; display:block; z-index:9999; text-align:right; padding:0; margin:0;}
#carousel .coBrand a img { position:relative;}
#httpCombinerHack{}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/FooterBackground.png) no-repeat scroll 0 0
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px;
    padding-top: 35px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
	top:30px;
}

div#fancy_div {
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
	overflow: hidden;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: 20px;
	right: 13px;
	height: 16px;
	width: 13px;
	background: url('../images/cross.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

div#fancy_close:hover {
	background: url('../images/cross.png') top right no-repeat;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
	background:url(../images/fancybox/bg.png) transparent;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
}
#httpCombinerHack{}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
    background:url(../images/scroll/scrollTrack.png) repeat-y center;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
    background:url(../images/scroll/scroll.png) repeat-y center;
	position: absolute;	
	cursor: pointer;
	overflow: hidden;
	width:100px;
}

.jScrollPaneDrag:hover {
    background:url(../images/scroll/scrollGrab.png) repeat-y center;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* 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;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-weight:normal;
	text-indent:0;
}

/** focus styles **/
: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; }

.jScrollPaneDrag:focus { outline:none; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } /** hack to fix line-height issues **/
sup { bottom: 1ex; }
sub { top: .5ex; }

html { background:#111111; color:#FFFFFF; }

body	
{
	background:#111111;
	color:#FFFFFF;
	margin:0 auto;
	font-size: 62.5%;	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
    letter-spacing:0px;
}

.accessClass { display:none; }

ul  { margin:0; padding:0; list-style:none; }
a	{ text-decoration:none; color:#FFFFFF;}
a:hover	{ text-decoration:none;	color:#b89c43; }
img	{ border:none; }

/** Definition classes - these variables are copied into individual language css's
     - so if changing these have no effect check 'language'.css **/ 
h1 { font-size:3.1em; font-family:Times New Roman; letter-spacing:-0.05em; margin-bottom:15px; }
h2 { font-size:2.10em; font-family:Times New Roman; }
h3 { font-size:1.30em; font-family:Times New Roman; color:#FFFFFF; }
h4 { font-size:1.15em; line-height:18px; color:#b9b9b9; }
h5 { font-size:1.1em; line-height:0.5em; }
h6 { font-size:1.8em; font-family:Times New Roman;  }

.navMenu li a  { font-size:1.0em; } /** header nav **/   

.rightCol   { color:#b9b9b9; }

.scrollContainer div.panel .copy { position:absolute; }
.scrollContainer div.panel .copy a { color:#FFFFFF; }

#carousel .scrollContainer div.panel .copy a:hover { color:#dbad19;}
#carousel .scrollContainer div.panel .copy a { color:#FFFFFF; }

.scrollContainer div.panel .copy a:hover { color:#B89C43; }
.scrollContainer div.panel .copy h3 { font-size:1.6em; color: inherit; }
.scrollContainer div.panel .copy h2 { line-height:0.95em; font-size:3.9em; padding:2px 0; }  
.scrollContainer div.panel .copy p { font-size:1.1em; line-height:1.4em; padding:1px 0 } 

#watchCarouselTemplate #carousel .scrollContainer h2 { font-size:3.1em; }  
    
/** End Definition classes **/

/**#header	{ margin: 0 auto 0 auto; width:960px; height:24px; background:#042c0b;}**/
#header	{ margin: 0 auto 0 auto; width:960px; height:30px; position:absolute; z-index:29; background:url(../images/header.png) 0 -1px repeat-x;}
/** background is the header plus dropShadow **/

#contentFader { background:url(../images/contentFade.png) repeat; height:552px; width:960px; margin:24px 0 0 0; position: absolute; z-index: 2; display:none; cursor:pointer; }

/** Content **/

#wrapper { background: url(../images/back-grad.jpg) 0 24px repeat-x; }

#invalidMessageWrapper, #wrapper
{	
	width:960px;
	height:600px;
	position:relative;
	margin:auto;
}

.backBtn
{
    position: absolute; 
    top: 13px; 
    right: 15px; 
    padding:10px 10px 10px 10px; 
    z-index:999; 
    line-height:1.3em;
}

/** invalid messages **/

#invalidMessageWrapper
{
    display: none;
    background: url(../images/browser_compatibility.jpg) no-repeat 0 0;
}

.invalidMessage
{
    position: absolute;
    width: 350px;
    top: 90px;
    left: 160px;
}

#invalidQuickTimeMessage
{
    background:#000;
    height: 180px; 
    padding: 10px;
}

#invalidQuickTimeMessage h2 
{
    margin-bottom: 1em;
}

#invalidQuickTimeMessage .options { width:100%; }

.invalidMessage h3
{
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
    font-size: 1.75em;
    margin-bottom: 0.5em;
}

#invalidQuickTimeMessage p, .invalidMessage p { line-height: 1.3em; }
#invalidQuickTimeMessage .options, .invalidMessage .options { margin-top: 1em; width:300px; }
#invalidQuickTimeMessage .options a, .invalidMessage .options a { color:#FFFFFF; }
#invalidQuickTimeMessage .options a:hover, .invalidMessage .options a:hover { color: #B89C43; }

/** Rolex logo **/
#logoContainer { position: absolute; margin: 26px 0 0 47px; z-index:9999;}
.logo { width:83px; height:77px; }

#wrapper #frameset	{
	width:960px;
	height:552px;
	top:24px;
	position:absolute;	
	z-index:0;
}

#wrapper #frameset.disabled { z-index: 0; }
#wrapper #frameset .copy { overflow:hidden; }

#wrapper #frameset .copy 
{
    padding: 10px;
}

/** this is the CMS controlled background **/
#wrapper .backgroundImageContainer
{
    width:960px;
    height:552px;
    z-index:0;   
    position:absolute;
    top:0;
    left:0;
}

.backgroundImageContainer .fade
{
    position: absolute;
    width: 100%;
    height: 100%;
}

#frameset .videoInformation a.playFilm { padding-right:15px; background: transparent url(../images/arrowSmall.png) no-repeat right -5px; }
#frameset .videoInformation a.playFilm:hover { background:transparent url(../images/arrowSmall.png) no-repeat right -11px; }

/** Legal Page **/

#legalTemplate .footerCopy { float:none; padding:0; width:100%; }
#legalTemplate .footerCopy h3 { font-size:3.5em; margin: 100px 0 0 160px; line-height:0.8em; }
#legalTemplate p { width:450px; margin:30px 0 0 350px; }

#legalTemplate .menuClose, #impressumTemplate .menuClose { display:none; }

/** Impressum Page **/

#impressumTemplate .footerCopy { float:none; padding:0; width:100%; }
#impressumTemplate #impressumLinks { margin: 50px 0 0 160px; }  
#impressumTemplate h2 { font-size:1.1em; height:30px; letter-spacing:0.2em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#impressumTemplate h3 { font-size:3.5em; margin: 100px 0 0 160px; line-height:0.8em; }

/** SiteMap **/
#siteMap
{
    height:360px;
    overflow:auto;
    margin:20px 0 0 150px;
    width: 700px;
    padding:0 0 50px 0 ;
}

#siteMap .folder { margin-top: 1em; }
.closer { float:left; width:10px; }

/** Video player **/

#videoPlayer { display: none; }

/** Archive Page **/

#archivePanel { text-align:left; }

#archivePanel ul li {
    display:inline-block; /** changed to inline & zoom:-1 for ie **/
    vertical-align:top;    
}

#archivePanel .copy { max-height: 300px; }

/** page navigation arrows **/

.pageArrow {
    position: absolute;
    top: 250px;
    cursor: pointer;
    margin:0 20px;
    z-index:1;
}

.pageArrow a {
    display: block;
    height: 69px;
    width: 42px;
}

.pageArrow a span {
    display: none;
}

.pageArrow.Next 
{    
    background:url(../images/arrowBig.png) -46px -70px ;
    right: 0;
}

.pageArrow.Next:hover
{   
    background:url(../images/arrowBig.png) -46px 0px ;
}

.pageArrow.Previous { background:url(../images/arrowBig.png) 0 -70px ;
    left: 0;
}

.pageArrow.Previous:hover { background:url(../images/arrowBig.png) 0px 0px ; }

/** Watch Homepage **/
#watchHomePage h2, #watchHomePage h3 {
    text-align:center;
}
#watchHomePage h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}	

#watchHomePage #readMoreLessButtonHolder {
    margin-top:15px;
}
#watchHomePage .readMoreOrLessLink {
    text-align:center;
    display : block;
    cursor:pointer;
}
#watchHomePage .viewModelsLink {
    font-family : Times New Roman;
    font-size: 1.5em;
    color:#FFF;
}

#watchHomePage .viewModelsLink:hover {
    color:#B89C43;
}
#playWatchFilm  
{
    width:375px; 
    height:350px; 
    display:block; 
    text-indent:-100px; 
    overflow:hidden;
    position:absolute;
    top: 50px;
    left: 300px;
}

#playWatchFilm  a
{
    height: 100%;
    width: 100%;
    display: block;
}

#watchHomePage
{
    position: absolute;
    top: 0;
    left: 0;
}

/*** imageviewer ***/
#imageViewerTemplate .textBox .image
{
    float: left;
    margin-right: 10px;
}

#imageViewerTemplate .textBox .copy { float:right; padding-top:0 !important; }

#fancy_div
{
    overflow: auto;
}

#fancy_title
{
    display: none !important;
}

#textBoxZoomedImage { display:none; }

/** videoTemplate **/

#videoTemplate .playFilm { margin-top: 1em; }
#playWatchFilm  { background:url(../images/Play_bt.png) no-repeat 144px bottom; }
#playWatchFilm:hover  { background:url(../images/Play_bt_hover.png) no-repeat 144px bottom; }

#videoTemplate .playFilm a:hover,
#imageViewerTemplate .zoomImage a:hover
{
    background:transparent url(../images/arrowSmall.png) no-repeat scroll right -18px;
    color:#FFF;
}
#videoTemplate .playFilm a,
#imageViewerTemplate .zoomImage a
{
    background:transparent url(../images/arrowSmall.png) no-repeat scroll right -1px; padding-right:15px;
    font-size:0.9em;
    vertical-align:top;
}

#videoTemplate .playFilm a:hover,
#imageViewerTemplate .zoomImage a:hover,
#watchHomePage .playFilm a:hover {
    color:#B89C43;
}

#watchHomePage .links a:hover, .arrowLink:hover { background: transparent url(../images/arrowSmall.png) no-repeat scroll right -18px; color: #B89C43;  }
#watchHomePage .links a, .arrowLink { background: transparent url(../images/arrowSmall.png) no-repeat scroll right -1px; color: #FFF; padding-right: 15px; display:inline;}

#watchHomePage .links a.viewModelsLink:hover { background: none; color: #B89C43;  }
#watchHomePage .links a.viewModelsLink { background: none; color: #FFF;}


.qtip  
{
    background:url(../images/tooltipBackground.png) repeat-x;
    width: auto !important;
}

/** cobranding **/
.coBrand { margin:5px 0 10px 0; z-index:9999; }
#httpCombinerHack{}
/* CSS Carousel Document */

#watchCarouselTemplate h4 { font-size:1.2em; }

#watchCarouselTemplate #carousel 
{    
    height:552px;
    width: 960px;
    margin: 0 auto 0 auto;
    position: absolute;
}

#watchCarouselTemplate #carousel.jsVersion { padding:100px 0 0 0;  height:310px;}

#watchCarouselTemplate #carousel .scrollContainer h2 { margin-bottom: 0; }

#watchCarouselTemplate .scroll {
    height:410px;
    width:960px;
    overflow: auto;
    /**overflow-y: hidden;**/
    position: relative;
    clear: left;
    overflow-x:hidden; 
    overflow-y:scroll; 
}

#watchCarouselTemplate .scrollContainer div.panel {
    height:410px;
    width: 960px; 
    position:relative;
    scroll-y:hidden;  
}

#watchCarouselTemplate ul.navigation {
    list-style: none;
    margin:0 auto;
    width:960px;
    padding-bottom: 9px;    
    text-align:center;
    bottom:0;
    position:absolute;
}

#watchCarouselTemplate ul.navigation li {
    display: inline-block;
    margin: 0 5px;
}

#watchCarouselTemplate ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
    color:#FFF;
}

#watchCarouselTemplate ul.navigation a:hover 
{
    color:#b89c43;
}

#watchCarouselTemplate ul.navigation a.selected 
{
    color:#b89c43;
}

#watchCarouselTemplate ul.navigation a:focus {
    outline: none;
}

#watchCarouselTemplate .scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
    width: 42px;
    height: 69px;
    z-index:1;
}

#watchCarouselTemplate .scrollButtons.left 
{    
    background:url(../images/arrowBig.png) 0px -70px ;
    left: 20px;
}

#watchCarouselTemplate .scrollButtons.left:hover
{   
    background:url(../images/arrowBig.png) 0px 0px ;
    left:20px;
}

#watchCarouselTemplate .scrollButtons.right 
{
    background:url(../images/arrowBig.png) -46px -70px ;
    right: 20px;
}

#watchCarouselTemplate .scrollButtons.right:hover
{
    background:url(../images/arrowBig.png) -46px 0px ;
    right: 20px;
}

#watchCarouselTemplate .hide {
    display: none;
}

#watchCarouselTemplate .scrollContainer div.panel img
{    
    position:absolute;
    z-index:-1;
    margin:0;
}
#watchCarouselTemplate .watchTitle { 
    position: absolute;
    width: 267px;
    margin:0;
    top: 5px;
    text-align: center;
    z-index:1;
    padding-bottom:3px;
    background:url(../images/textboxBG/square-50.png) repeat; 
    }

#watchCarouselTemplate .homeCarouselLinks li a
{
    background: transparent url(../images/arrow-hori.png) no-repeat scroll right 2px;
    color: #B89C43;
    padding-right: 15px;
}

#watchCarouselTemplate .homeCarouselLinks li a:hover
{
    background: transparent url(../images/arrow-hori.png) no-repeat scroll right -11px;
    color: #FFF;
}


#watchCarouselTemplate .pixelBorder
{
    background:url(../images/WatchCarousel/pixelBorder.png) repeat-x;
    width:400px;
    height:1px;
    display:block;
    margin:10px 0;
}

#suggestAWatchCarouselLink {
    width : 100%;
    position:absolute;
    text-align:center;
    top:480px;
}
#suggestAWatchCarouselLink a {
    margin: 0 auto 0 auto;
    cursor : pointer;
}

/** cobranding **/
#watchCarouselTemplate .coBrand { position:absolute; right:25px; top:23px; width:200px; height:60px; display:block; z-index:9999; text-align:right; padding:0; margin:0;}
#watchCarouselTemplate .coBrand a img { position:relative;}
#httpCombinerHack{}
 /** Navigation **/

.footerCopy h3 { margin:0 0 10px -185px; width:500px; font-size:1.7em; font-weight:400;}
.footerCopy a {	color:#b89c43; }
.footerCopy a:hover { color:#FFFFFF; } 

#navBar { width:960px; z-index:10; position:absolute; top:0; height:24px; background:#042c0b; }
#navBar .navMenu { float:left; list-style:none;	height:24px; margin:0; padding:0; width:100%}
.navMenu li { padding:5px 0 0 0; float:left; background-position: 0 -25px; height:24px;}

    /** menu item tabs**/
#navBar .navMenu #rolexWatches.open { background:url(../images/menuItem.jpg) -1px 0 no-repeat; height:19px; }
#navBar .navMenu #worldOfRolex.open { background:url(../images/menuItem.jpg) -329px 0 no-repeat; height:19px; }
#navBar .navMenu #dealerLocator.open { background:url(../images/menuItem.jpg) -515px 0 no-repeat; height:19px; }
#navBar .navMenu #mySelection.open { background:url(../images/menuItem.jpg) -700px 0 no-repeat; height:19px; }

#navBar #rolexWatches { width:328px; }
#navBar #worldOfRolex { width:187px; }
#navBar #dealerLocator { width:187px; }
#navBar #mySelection { width:258px; }
 
#rolexWatches a { margin:0 0 0 160px; }
#worldOfRolex a { margin:0 0 0 20px; }
#dealerLocator a { margin:0 0 0 20px; }
#mySelection a { margin:0 0 0 20px; }

#rolexWatchesMenu h3.subHeading, #mySelectionMenu h3.subHeading { margin-bottom: 0.3em; font-size: 1.3em; }
#worldOfRolexMenu h3.subHeading { font-size: 2.1em; margin-bottom: 0;}
    

.headerMenu /**drop down**/
{
    background:url(../images/headerBackground.png) 0 -1px no-repeat;
    visibility:hidden;
	width:960px;
	height:0;
	float:left;
	position: absolute;
	top: 24px;
	left: 0;
}

    /**drop down content**/
.headerMenu .menuCopy { height:230px; }
.menuCopy { position:relative; }

#rolexWatchesMenu .menuCopy { float:left; margin:61px 0 0 160px; width:374px; }
#rolexWatchesMenu .menuCopyBasel { float:left; margin:61px 0 0 0; width:400px; }

#worldOfRolexMenu .menuCopy { margin: 61px 0 0 160px; }
#dealerLocatorMenu .menuCopy, #mySelectionMenu .menuCopy {	margin:42px 0 0 160px; }

#rolexWatchesMenu .menuCopy ul, #rolexWatchesMenu .menuCopyBasel ul { margin:10px 0 0 0; }

.menuCopy ul li { margin:1px 0 1px 0; } 

#worldOfRolexMenu .menuCopy ul { float:left; }
#worldOfRolexMenu .menuCopy .col0 { margin:10px 0 15px 2px; width:166px; }
#worldOfRolexMenu .menuCopy .col1 { margin:10px 0 15px 21px; width:175px; }
#worldOfRolexMenu .menuCopy .col2 { margin:10px 0 15px 10px; width:300px; }

    /** End Sub Menu **/

/** close button (menu & footer) **/
#navBar .menuClose
{
    background:url(../images/arrowSmall.png) no-repeat right -183px; 
    color:#b9b9b9;
    cursor:pointer;
    display:block;
    height:13px;
    right:10px;
    bottom:15px;
    position:absolute;
    padding: 0 15px 0 0;
    z-index:1;
}

#footerMenu .menuClose
{   
    background:url(../images/arrowSmall.png) no-repeat right -133px;
    color:#b9b9b9;
    height: 13px;
    display: block;
    cursor: pointer;
    top:10px;
    right:10px;
    position:absolute;
    padding: 0 15px 0 0;
}


#navBar .menuClose:hover { background:url(../images/arrowSmall.png) no-repeat right -150px; color:#FFFFFF; }
#footerMenu .menuClose:hover { background:url(../images/arrowSmall.png) no-repeat right -100px; color:#FFFFFF; }

/** Footer **/

.footerCopy { width:615px; margin:0; padding:30px 0 0 345px; color:#9c9c9c; float:left;}
.footerCopy ul { float:left; width:120px; margin:0 20px 0 0; }
.footerCopy ul li { margin:20px 0; display:block; width:63px; height:20px; }
.footerCopy ul li a { height:20px; display:block; }
.footerCopy p { margin:0; width:400px; }

#footer  
{   
    width:960px;
    height:24px;
    position:absolute;
    margin:0 auto;
    background:#000000;
    z-index:1;
    bottom:0;
}

#footer ul
{
    list-style:none;
    margin:0 auto;
    height:24px;
    padding:5px 0 0 0;
    text-align:center;
}

#footer li { margin:0 3px 0 3px; display:inline;  }
#footer ul li a	{ color:#9c9c9c; margin:0 auto; font-size:0.9em !important; }
#footer ul li a:hover	{ color:#b89c43; }

.languages { background:url(../images/map.png) -4px -35px no-repeat; padding:0 0 0 34px; }
.languages:hover { background:url(../images/map.png) -4px -19px no-repeat; }

#footerMenu { margin:0 auto; width:960px; }
#footerMenu .footerMenuItem
{    
    background:url(../images/FooterBackground.png) no-repeat;
    visibility:hidden;
    height:247px;
	width:960px;
    margin:0 auto;
    font-weight:lighter;
	position:absolute;
	z-index:2;
}

#legalSelect { height:350px !important; top: 233px !important; /* margin-top: -343px !important;*/ }
#shareSelect { height:270px !important; top: 307px !important; /* margin-top: -343px !important;*/ }
#languageSelect { height:247px !important; top: 330px !important; /*margin-top: -247px !important;*/ }
#impressumSelect { height:247px !important; top: 330px !important; /*margin-top: -247px !important;*/ }
#legalSelect .footerCopy .legalCopy { overflow:auto; padding-bottom:20px; height:240px; width:440px; }

/** Share Menu **/

#shareSelect .footerCopy h3 { margin-bottom: 2px; }
#shareSelect .footerCopy h4 { color: #939393; font-size: 1.1em; margin-bottom: 12px; }
#shareSelect .footerCopy label { display: none; }    

#shareMenu { margin:0 0 10px -185px; width:330px; float:left; }

#shareMenu h5 { margin:0 0 10px 0; }
#shareMenu .shareInputTo { float:left; display:block; width:140px;}
#shareMenu .shareInputFrom { float:right; display:block; width:140px;}
#shareMenu .shareTextBox { border:0 none; font-size:1em; padding: 2px; width:135px; margin-top: 2px;} 
#shareMenu #shareLegal { width:330px; margin:20px 0 0 0; float:left; color:#9A9A9A; line-height:1em; }
#shareLinks a { color:#FFF; font-size: 1.1em; }
#shareLinks a:hover, #shareBtn:hover { color:#b89c43; }
#shareLinks a:hover { cursor:pointer; }
#shareLinks { margin:0 0 0 15px; float:left; width:400px; height:150px; padding:0 0 0 22px; background:url(../images/shareBorder.png) no-repeat left center }

.mainValidator { display:block; position:absolute; top:109px; font-size: 1.1em; left:160px; width:260px;}

#ctl00_rfvTo, #ctl00_rfvFrom, #ctl00_revTo, #ctl00_revFrom { position:absolute;}
#ctl00_rfvTo, #ctl00_revTo { left: 150px; }
#ctl00_rfvFrom, #ctl00_revFrom { left: 340px; }

#shareMenu label { margin-bottom:2px; }
#shareMenu .pleaseWait { display:none; }
#share { width:330px; float:left; text-align:right; display:block;margin-top:5px; } 

#shareBtn
{
    font-size:1.1em; 
    color: #B89C43;    
    cursor:pointer; 
    padding-right: 15px;
    background:transparent url(../images/arrowSmall.png) no-repeat scroll right -18px;
}

#shareBtn:hover
{
    color:#FFF; 
    padding-right: 15px;
    background:transparent url(../images/arrowSmall.png) no-repeat scroll right -1px;
}

#sendOutput { color:#FFFFFF; }

.shareFacebook
{
    background:url(../images/shareIcons.png) no-repeat;
    display:inline-block;
    height:17px;
    width:75px;
    margin:0 0 0 0;
    padding:3px 0 0 25px;  
}
.shareTwitter
{
    background:url(../images/shareIcons.png) 0 -38px no-repeat;
    display:inline-block;
    height:17px;
    width:75px;
    padding:3px 0 0 25px;
}
.shareLinkedIn
{
    background:url(../images/shareIcons.png) 0 -76px no-repeat;
    display:inline-block;
    height:17px;
    width:75px;
    padding:3px 0 0 25px;
}

.shareFacebook:hover { background:url(../images/shareIcons.png) 0 -19px no-repeat; }
.shareTwitter:hover { background:url(../images/shareIcons.png) 0 -57px no-repeat; }
.shareLinkedIn:hover { background:url(../images/shareIcons.png) 0 -95px no-repeat; }

/** Impressum Menu **/

#impressumSelect #impressumLinks { margin:0 0 0 -185px; }
#impressumSelect #col1, #impressumTemplate #col1 { float:left; width:200px; }  
#impressumSelect #col2, #impressumTemplate #col2 { float:left; width:280px; } 
#impressumSelect #col3, #impressumTemplate #col3 { float:left; width:200px; } 
#impressumSelect p, #impressumTemplate p { float:left; width:250px; } 
#impressumSelect h2 { font-size:1.1em; height:30px; letter-spacing:0.2em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/** language links - listed in rows!!**/
.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 1PX no-repeat; }
.es:hover       { background:url(../images/languages/languages.png) -60px -39px no-repeat; }
.ko             { background:url(../images/languages/languages.png) -124px 0 no-repeat; }
.ko:hover       { background:url(../images/languages/languages.png) -124px -40px no-repeat;}

.zh-Hant        { background:url(../images/languages/languages.png) 0 -59px no-repeat; }
.zh-Hant:hover  { background:url(../images/languages/languages.png) 0 -99px no-repeat; }
.fr             { background:url(../images/languages/languages.png) -60px -59px no-repeat; }
.fr:hover       { background:url(../images/languages/languages.png) -60px -99px no-repeat; }
.pt-br          { background:url(../images/languages/languages.png) -124px -59px no-repeat; }
.pt-br:hover    { background:url(../images/languages/languages.png) -124px -99px 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) 0 -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; }

/** small navigation arrows **/
.arrowRightWhite, .arrowRightGold, .arrowRightGrey, .arrowDownWhite, .arrowDownGold, .arrowDownGrey, .arrowLeftWhite, .arrowLeftGold, .arrowLeftGrey,
.arrorUpWhite, .arrowUpGrey, .arrowUpGold, .arrowRightWhite, .arrowRightGrey, .arrowRightGold
{
   width:10px;
   height:10px;
   display:inline-block;
   float:right;
}

.arrowRightWhite { background: url(../images/arrowSmall.png) no-repeat 0 -2px; }
.arrowRightGold { background: url(../images/arrowSmall.png) no-repeat 0 -14px; }
.arrowRightGrey { background: url(../images/arrowSmall.png) no-repeat 0 -27px; }
.arrowLeftWhite { background:url(../images/arrowSmall.png) 0 -39px no-repeat; }
.arrowLeftGold { background:url(../images/arrowSmall.png) 0 -52px no-repeat; }
.arrowLeftGrey { background:url(../images/arrowSmall.png) 0 -64px no-repeat; }
.arrowDownWhite { background:url(../images/arrowSmall.png) 0 -77px no-repeat; }
.arrowDownGold { background:url(../images/arrowSmall.png) 0 -89px no-repeat; }
.arrowDownGrey { background:url(../images/arrowSmall.png) 0 -102px no-repeat; }
.arrowUpWhite { background:url(../images/arrowSmall.png) no-repeat 0 -114px; }
.arrowUpGold { background:url(../images/arrowSmall.png) no-repeat 0 -127px; }
.arrowUpGrey { background:url(../images/arrowSmall.png) no-repeat 0 -139px; }




#httpCombinerHack{}

#watchSpec table { font-size:1.1em; }   

#watchSpecBar ul li a:hover { color:#b89c43; }

#viewDetail { cursor:pointer; float:left; background:url(../images/arrowSmall.png) right -100px no-repeat; padding:0 15px 0 0; }
#viewDetail:hover { cursor:pointer; float:left; background:url(../images/arrowSmall.png) right -117px no-repeat; padding:0 15px 0 0; }
#viewDetail.Open { cursor:pointer; float:left; background:url(../images/arrowSmall.png) right -150px no-repeat; padding:0 15px 0 0; }
#viewDetail.Open:hover { cursor:pointer; float:left; background:url(../images/arrowSmall.png) right -166px no-repeat; padding:0 15px 0 0; }

#watchSpecLayout { overflow:hidden; }
#watchSpecLayout.specRight #watchZoom { left:140px; }
#watchSpecLayout.specLeft #watchZoom { left:550px; }
#watchSpecLayout.specRight #watchSpec { left:500px; }
#watchSpecLayout.specLeft #watchSpec { left:100px; }
#watchSpec { position:absolute; top:150px; padding:25px; }

#watchZoom
{
    height: 400px;
    width: 300px;
    position: absolute;
    top: 40px;
    border: thin solid white;
    background: #000;
    display: none;
}

#watchZoom.zoomedIn { top:0; left:0 !important; width: 960px; height: 560px; }

#watchZoom.enabled { cursor:pointer; }
#watchSpec h1, #watchSpec h3 { float:left; }

#watchSpecBar
{
    background:url(../images/watchSpecButton.png) repeat-x;
    width:340px;
    height:26px;  
    padding:6px 5px 0 10px;
    margin:0 0 0 -10px;
    float:left;
}

#watchSpecBar ul { display:inline; }
#watchSpecBar ul li { float:right; margin:0 0 0 5px; }
#watchSpecBar ul li a { color:#B8B8B8; }

#watchSpecBar .addToMySelection { display: none; }

#watchSpecBar .addToMySelection a.disabled { color: #666; cursor: default; }
#watchSpecBar .addToMySelection a.disabled:hover { color: #666; }

#watchSpecTable { width:340px; clear:both; float:left; color:#FFFFFF; border-spacing:0; border-width:0; }
#watchSpecTable td { margin:0; padding:0; }
#watchSpecTable td.rightCol { padding:0 0 0 30px; width:200px; }
#watchSpecTable .findADealer { margin-top:10px;}
/*
#watchSpecTable .findADealer a, #frameset .videoInformation a:hover { color:#B89C43; padding: 0 15px 0 0; background: transparent url(../images/arrowSmall.png) no-repeat scroll right -18px; }
#watchSpecTable .findADealer a:hover, #frameset .videoInformation a { color: #FFF; background: transparent url(../images/arrowSmall.png) no-repeat scroll right -1px; }
*/


/** Basel World 2010 **/

#baselWatchSpecLayout { overflow:hidden; }
#baselWatchSpecLayout.specRight #watchZoom { left:140px; }
#baselWatchSpecLayout.specLeft #watchZoom { left:550px; }
#baselWatchSpecLayout.specRight #watchSpec { left:500px; }
#baselWatchSpecLayout.specLeft #watchSpec { left:100px; }
#baselWatchSpecLayout #watchSpec { position:absolute; top:70px; padding:25px; }

#watchSpecTable { width:340px; clear:both; float:left; color:#FFFFFF; margin:10px 0 0 0; }
#watchSpecTable h2 { width:100%; font-size:2em;}
#watchSpecTable h4 { width:100%; }
#watchSpecTable dl { margin:0; padding:0; }
#watchSpecTable dt { float:left; padding: 0 5px 0 0;}
#watchSpecTable dd {  }
#watchSpecTable .findADealer { margin-top:10px;}
#watchSpecTable .findADealer a:hover, #frameset .videoInformation a:hover { color:#B89C43;  background: transparent url(../images/arrowSmall.png) no-repeat scroll right -18px; }
#watchSpecTable .findADealer a, #frameset .videoInformation a { padding: 0 15px 0 0;color: #FFF; background: transparent url(../images/arrowSmall.png) no-repeat scroll right -1px; }


#httpCombinerHack{}
/** WatchTimeline **/
#watchTimeline h2 { font-size:1.5em; text-align:left; margin:5px 0 0 0; }
#watchTimeline h4 { margin-top: -3px; text-align:left; }

#backToCollections { position: absolute; top: 35px; right: 27px; padding:10px;}

#watchTimeline { width:960px; height:85px; position: absolute; bottom:24px; text-align:center; z-index:2; }

#watchTimeline.disabled { z-index: 0; }

#fadeLeft  { background:url(../images/seperators/faded/leftFade.png) right bottom no-repeat; width:60px; height:40px; display:block; float:left; }
#fadeRight { background:url(../images/seperators/faded/rightFade.png) left bottom no-repeat; width:60px; height:40px; display:block; float:right; }
.thin #fadeLeft  { background:url(../images/seperators/faded/leftFadeThin.png) right bottom no-repeat; width:50px; height:40px; display:block; float:left; }
.thin #fadeRight { background:url(../images/seperators/faded/rightFadeThin.png) left bottom no-repeat; width:50px; height:40px; display:block; float:right; }

#Timeline { margin:0 auto; display:inline-block; width:100%; }
#Timeline table { height:40px; overflow:auto; width:830px; }

#Timeline table tr td a { height:40px; width:32px; display:block; margin:0 0 0 0; }
#Timeline.thin table tr td a { height:40px; width:20px; display:block; margin:0 0 0 0; }

#Timeline.thin table tr td.clear, #Timeline table tr td.clear { width: 20px; display:table; height:20px; }

/** javascript timeline code

#watchTimeline { width:960px; position:absolute; text-align:center; bottom:0; }
#sections { display:inline-block; }
.ulList { height:50px; display:inline; margin: 0 6px; }
.ulList div { display:inline-block; this property buggers up IE
    width:31px;
    height:50px;
    margin:0 0 0 -3px;
}
.trigger { height:50px; width:28px; display:block; }

end javascript timeline**/

.seperator { background:url(../images/seperators/seperator.png) repeat-x bottom; }

.seperatorSelected { background:url(../images/seperators/seperatorSelected.png) no-repeat bottom; }

.seperatorSingle { background:url(../images/seperators/seperatorSingle.png) no-repeat bottom; }
.seperatorSingleSelected { background:url(../images/seperators/seperatorSingleSelected.png) no-repeat bottom; }

.seperatorRight { background:url(../images/seperators/seperatorRight.png) bottom no-repeat; }
.seperatorRightSelected { background:url(../images/seperators/seperatorRightSelected.png) bottom no-repeat; }

.seperatorLeft { background:url(../images/seperators/seperatorLeft.png) no-repeat 1px 30px; }
.seperatorLeftSelected { background:url(../images/seperators/seperatorLeftSelected.png) no-repeat 1px 1px; }

.seperatorRightLarge { background:url(../images/seperators/seperatorRightLarge.png) bottom no-repeat; }
.seperatorRightLargeSelected { background:url(../images/seperators/seperatorRightLargeSelected.png) bottom no-repeat; }

.seperatorLeftLarge { background:url(../images/seperators/seperatorLeftLarge.png) 2px 24px no-repeat; }
.seperatorLeftLargeSelected { background:url(../images/seperators/seperatorLeftLargeSelected.png) 0 1px no-repeat; }


/** thin version of timeline **/

.thin .seperator { background:url(../images/seperators/seperator.png) no-repeat -4px 1px; }
.thin .seperatorSelected { background:url(../images/seperators/thin/seperatorSelected.png) no-repeat -4px 1px; }
.thin .seperatorSingle { background:url(../images/seperators/thin/seperatorSingle.png) no-repeat bottom; }
.thin .seperatorSingleSelected { background:url(../images/seperators/thin/seperatorSingleSelected.png) no-repeat bottom; }
.thin .seperatorRight { background:url(../images/seperators/thin/seperatorRight.png) -7px 1px no-repeat; }
.thin .seperatorRightSelected { background:url(../images/seperators/thin/seperatorRightSelected.png) -7px 1px no-repeat; }
.thin .seperatorLeft { background:url(../images/seperators/thin/seperatorLeft.png) no-repeat 1px 1px; }
.thin .seperatorLeftSelected { background:url(../images/seperators/thin/seperatorLeftSelected.png) no-repeat 1px 1px; }
.thin .seperatorRightLarge { background:url(../images/seperators/thin/seperatorRightLarge.png) -11px 1px no-repeat; }
.thin .seperatorRightLargeSelected { background:url(../images/seperators/thin/seperatorRightLargeSelected.png) -11px 1px no-repeat; }
.thin .seperatorLeftLarge { background:url(../images/seperators/thin/seperatorLeftLarge.png) 1px 1px no-repeat; }
.thin .seperatorLeftLargeSelected { background:url(../images/seperators/thin/seperatorLeftLargeSelected.png) 1px 1px no-repeat;}

/** End **/

#Timeline table tr td.sections { padding:5px 0 0 0;}
#Timeline.thin table tr td.sections { padding:5px 0 0 0; }

#Timeline.thin table tr td.titles, #Timeline table tr td.titles { width: 500px; height:20px; }

.sectionSelected { background:url(../images/watchTimelineArrow.png) bottom no-repeat; height:40px; display:block; }
#httpCombinerHack{}
#worldOfRolexMenu h3 { margin-bottom: 1em; }

#navigationContainer
{
    height:85px;
    width:960px;
}

#frameset .worldOfRolexGrid .navigation
{
    padding: 0 41px;
}

/** position bottom line **/
.worldOfRolexGrid .navigation { position:absolute; top:530px; left:40px; }

/** position top line **/
#frameset .worldOfRolexGrid .navigation { position:absolute; top:482px; left:0; }
#frameset .worldOfRolexGrid .navigation ul.sub { width:875px; }
.worldOfRolexGrid .navigation ul.sub li { 
    padding-bottom:8px; 
    background: url(../images/worldRolexNavDivider.png) no-repeat bottom right;
    color:#ADACAC; 
}
.worldOfRolexGrid .navigation ul.sub li a { color:#ADACAC; }

.worldOfRolexGrid .navigation ul.main li { padding-right:8px; }
.worldOfRolexGrid .navigation ul li span { padding:0 0 0 15px; }
.worldOfRolexGrid .navigation ul li.last { background:none; }

.worldOfRolexGrid .contentScroller .debugAnchor,
.worldOfRolexGrid .content .debugScrollPosition
{
    display:block;
    height:100px;
    border-left:1px solid #fff;
    height:300px !important;
}
.worldOfRolexGrid .contentScroller .debugAnchor { top:0 !important; }
.worldOfRolexGrid .content .debugScrollPosition
{
    position: absolute;
    left:480px;
    border-color: #cc0;
    top:50px !important;
}

/** World of Rolex Wall **/

.worldOfRolexGrid { height:552px; padding-top:80px; }
.worldOfRolexGrid .content
{
    overflow-x:auto;
    overflow-y:hidden;
    position: relative; /* ie7 hack */
    width: 960px;
    height: 400px;
}

.worldOfRolexGrid .contentScroller { position:relative; }
.worldOfRolexGrid .contentScroller div,
.worldOfRolexGrid .contentScroller a.invisibleAnchor { position:absolute; }

/** navigtion/breadcrumb **/

.worldOfRolexGrid .navigation
{
    clear: left;
    margin-top: 10px;
}

.worldOfRolexGrid .navigation ul
{
    clear: left;
    float: left;
    width: 100%;
}

.worldOfRolexGrid .sideScrollArea 
{
  background: #000;
  opacity: 0.01;
}

.worldOfRolexGrid .navigation ul li
{
    float: left;
    padding-right: 13px;
    padding-left: 8px;
    cursor:pointer;
}

.worldOfRolexGrid a.h1
{
    font-family: Times New Roman;
    display:block;
    padding:2px 0 0 0;
}

.worldOfRolexGrid .navigation ul li.first
{
    padding-left: 15px;
}

.worldOfRolexGrid .navigation ul.sub
{
    font-size: 1em;
    /*border-bottom: 1px solid #FFF;*/
    width: 100%;
}

.worldOfRolexGrid .navigation ul.main
{
    font-size: 1.4em;
    font-family:Times New Roman, serif;
    padding-top: 10px;
    width: 855px;
    border-top: 1px solid #FFF;
    padding-left: 20px;
}

.worldOfRolexGrid .pageArrow
{
    height: 65px;
    width: 40px;
    top: 483px;
    margin: 0;
}

.worldOfRolexGrid .sideScrollArea.Previous,
.worldOfRolexGrid .sideScrollArea.Next
{
    position: absolute;
    top:0;
    height: 480px;
    width: 100px;
}

.worldOfRolexGrid .sideScrollArea.Previous
{
    left:0;
}

.worldOfRolexGrid .sideScrollArea.Next
{
    left:860px;
}

.worldOfRolexGrid .pageArrow.Previous
{
    left: 0;
}

.worldOfRolexGrid .pageArrow.Next
{
    left: 920px;
}
#httpCombinerHack{}
/**** textbox ******/

.textBox { position:absolute; padding:25px 30px 15px 25px; }

.textBox p { font-size:1.1em; line-height:1.4em;  }
.textBox h2 { margin-bottom:0; font-size:3.1em; letter-spacing:-0.05em; line-height:0.95em; }
.textBox h3 { font-size:1.5em; letter-spacing:-0.06em; }

.textBox .links { margin-top: 0.5em; }
.textBox .links a { display: block; margin-bottom: 0.5em; }

#watchHomePage .textBox .links a {margin-bottom: 0;}

.textBox .links a:hover {}

.textBox .body { margin-top: 1em; overflow: auto; }

.textBox .jScrollPaneContainer { margin-top: 1em; }

.textBox .body p { font-size: 1.1em; line-height: 1.4em; padding:1px 0; }

#watchHomePage .textBox .body p { text-align:justify; }


.textBox .storyContext, .textBox .subHeadline { margin-bottom: 0.6em; }

.textBox .storyContext h2, .textBox .subHeadline h2 { font-size: 1.5em; letter-spacing:-0.06em; }

.textBox .zoomImage { margin-top: 10px; }

.textBox .upArrow { float:right; padding-right: 10px; }

.textBox .downArrow { float:right; }
#httpCombinerHack{}
/**Velvet Tray**/

#velvetTray { height:300px; width:650px; margin:14px 0 0 0; float:left; display:block; position:relative; }

#velvetTrayCopy {
color:#8B8B8B;
height:240px;
left:570px;
margin:0;
padding:0;
position:absolute;
top:50px;
width:200px;
}

/**jScrollPane works more efficiently when applied to a span within the target div **/
#velvetTrayCopy span {
	color:#FFFFFF;
	width:200px;
	height:240px;
	overflow:hidden;
	display:block;
}

#velvetTrayCopy p {
    margin:0 0 10px 0;
    font-size:1.1em;
}

#velvetTray .tray  
{
    background:url(../images/velvetTray/tray.jpg) no-repeat; 
    width:178px; 
    height:252px; 
    margin:5px;
    padding:0; 
    overflow:hidden; 
    position: absolute;
    top: 35px;
}

#velvetTray #trayOne { left: 0; margin:0; padding:0; }
#velvetTray #trayTwo { left: 185px; margin:0; padding:0; }
#velvetTray #trayThree { left: 370px; margin:0; padding:0; }

#velvetTray .panelScroll { width:1000px; height:252px; display:block; }
#velvetTray .panel { position:relative; float:left; height:252px; width:178px; margin:0; padding:0; }

.options  { height:252px; width:178px; float:left; position:absolute; }

.final  { height:252px; width:178px; }

#velvetTray h3 { font-size: 2em; }

#velvetTray .arrowLeft { 
    background:url(../images/velvetTray/trayArrow.png) no-repeat left;
    float:left;
    width:10px;
    height:25px;
    margin:113px 5px 0 5px;
    padding:0;
    display:block;
    cursor:pointer;
    position:absolute;
    z-index:9999;
    }
    
#velvetTray .arrowLeft:hover { background:url(../images/velvetTray/trayArrow.png) no-repeat right; }

#velvetTray .options ul { padding:0 0 0 20px; }

#velvetTray .options ul a.selected:hover
{
    background: url(../images/velvetTray/forwardArrow.png) no-repeat scroll right 4px;
}

#velvetTray .final ul { 
    color:#9c9c9c;
    bottom:20px;
    position:absolute; 
    height:14px;
    width:178px;
    overflow:hidden;
    padding:10px 0 0 0;
    z-index:1;
}

/**
.trayFade { background:url(../images/textboxBG/square-50.png) repeat; height:0px; position:absolute; bottom:0; display:block; width:178px; z-index:0;} 
**/
#velvetTray .final ul li  { margin:0 10px 0 20px; }
#velvetTray .final ul li a { color:#FFFFFF; }
#velvetTray .final ul li a:hover { color:#b89c43; }

#velvetTray .trayClose { background:url(../images/velvetTray/trayClose.png) 5px center no-repeat; position:fixed; cursor:pointer; position:relative; z-index:9; right:-154px; display:block; width:30px; height:30px; margin:0 0 -30px 0; }
#velvetTray .trayClose:hover { background:url(../images/velvetTray/trayClose.png) -19px center no-repeat; }

.suggestion ul { text-align:center; margin:0 0 0 -20px;}

.final img { position:absolute; top:0; left:0; z-index:0; cursor:pointer; }

#velvetTray .affiliateLink { float:left; width:100%; color:#9c9c9c; position: absolute; top: 290px; left: 25px;}

#velvetTray { display:block; }

#velvetTray .slider { position: absolute; padding:0; margin:0; }
#velvetTray .panel .suggestion
{
    display: block;
    bottom: 5px;
    left: 20px;
    float:left;
    position:absolute;
    z-index:1;
}

#velvetTrayWatchTemplate
{
    display: none;
}

/** Video Page **/

#basel2010video .playFilm a
{
    background:transparent url(../../images/arrowSmall.png) no-repeat scroll right -18px;
    font-size:0.9em;
    color:#B89C43;
    padding-right:15px;
    vertical-align:top;
}

#basel2010video .storyContext p { line-height: 1em; font-size:1.4em; font-family: Times New Roman; }
#basel2010video .storyContext { margin-bottom: -2px; }

/** Standard Page **/

#basel2010Standard .textBox { position: absolute; }
#basel2010Standard .textBox h2 { line-height: 0.8em; margin-bottom: 7px; }
#basel2010Standard .textBox h3 { line-height: 0.8em; letter-spacing: 0; }

/** basel2010watchHomePage **/

#basel2010watchHomePage .textBox .storyContext { margin-bottom: -5px; }
#basel2010watchHomePage .textBox .storyContext p { font-size: 1.4em; font-family: Times New Roman; }
#basel2010watchHomePage .textBox h2 { font-size: 3.4em; }
#basel2010watchHomePage .subHeadline { margin-top: -2px; }

#basel2010watchHomePage .textBox h3
{
    letter-spacing: 0;
    font-size: 1.9em;
    line-height: 0.9em;
}

/** Download Page **/

#baselDownloads { width:620px; margin:0 auto;  }
#baselDownloads h2 { font-size:1.5em; margin:160px 0 0 0; }
#baselDownloads ul.baselDownloadSelection { width:100%; }
#baselDownloads ul.baselDownloadSelection li { width:195px; height:195px; border:1px #444444 solid; float:left; margin:3px 3px; }
#baselDownloads ul.baselDownloadSelection li img { position:absolute; }
#baselDownloads ul.baselDownloadSelection li p { padding:3px 5px; position:absolute; z-index:0; }
#baselDownloads.popupLegal { margin-top: 80px auto; }

#baselDownloads .downloadBox
{
	width:195px; 
	height:195px; 
	display:block; 
	background:url(../../images/basel2010/downloadBox.png) no-repeat top right; 
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
}

#baselDownloads .downloadBox:hover 
{
	background:url(../../images/basel2010/downloadBox.png) no-repeat top left; 
	width:195px;
	height:115px;
	text-indent:0;
	padding:80px 0 0 0;
	text-align:center;
}                         
.basel2010Navigation
{
    position: absolute;
    top: 510px;
    left: 0px;
    width: 960px;
    text-align: center;
}

.basel2010Navigation .container
{
    text-align: center;
}

.basel2010Navigation h4 
{
    font-size: 1.6em;
    color: #FFF;
}

.basel2010Navigation ul
{
    display: inline-block;
}

.basel2010Navigation li
{
    float: left;
}

.basel2010Navigation li.selected a
{
    color:#B89C43;
}

.basel2010Navigation h4
{
    margin-bottom: 2px;
    clear:both;
}

.basel2010Navigation img
{
	margin:0 0 -1px 0;
}

.basel2010Navigation li span
{
    padding: 0 8px 0 3px;
}

/** black text **/

.basel2010Navigation .black h4,
.basel2010Navigation .black h4 a
{
     color: #000;
}

.basel2010Navigation .black li a
{
     color: #000;
}

.basel2010Navigation .black h4 a:hover,
.basel2010Navigation .black li a:hover
{
    color:#B89C43;
}

.basel2010Navigation .black li span
{
    color: #000;
}

.basel2010Navigation .container.black 
{
    text-align: center;
}
