@charset "utf-8";
/**********************************

Use: Reset Styles for all browsers

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links
------------------------------*/

a, a: link {}
a: visited {}
a: hover {}
a: active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: 0px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }

/**********************************

End Reset Styles for all browsers

***********************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 62.5%;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #000000;
}

p {
  margin-bottom: 0.8em;
}

a {
	color: #FFF;
	text-decoration: none;
	outline: none;
}

a: hover, a: active, a: focus, dl, dd, dt {
	outline: none;
}
#container {
	top: 0;
	left: 0;
	background-image: url(../images/background.jpg);
	background-position: 0px 387px;
	background-repeat: no-repeat;
	height: 712px;
	width: 1350px;
}
body#ur-202-white-shark #container, body#ur-110-zrn-torpedo #container {
	background-image: url(../images/background-halo.jpg);
}
body#index #container {
  background-position: 200px 0px;
  background-image: url(../images/background-home.jpg);  
}

#menu, #logo {
	margin-left: 44px;
}
#logo, #menu {
	width: 163px;
	font-size: 1.2em;
}
#logo {
	padding-top: 83px;
}
#logo a span {
	display: none;
}
#logo a {
	display: block;
	width: 163px;
	height: 96px;
	background: url(../images/logo.jpg) no-repeat;
	
}
#middleContent, #watchContent, #wholecontent {
	position: absolute;
	font-size: 1.2em;
	line-height: 1.5em;	
}
#middleContent {
	top: 95px;
	left: 260px;
	width: auto;
}
#wholecontent {
	top: 95px;
	left: 260px;
	width: 980px;
}

div.home_text {
  width: 300px;
  height: 200px;
  padding-top: 275px;
  padding-left: 110px;
}

#watchContent {
	top: 38px;
	left: 715px;
}
.lien {
	font-size: 0.9em;
	color: #e9f03a;
}
.lien: hover {
	text-decoration: underline;
}

div#menu a: hover {
  color: #e9f03a;
}

div#menu ul {
  margin: 23px 0px 33px 13px;
  line-height: 1.4em;
  list-style: none;
}

div#menu ul ul {
  margin: 0px 0px 0px 35px;
  font-size: 0.9em;
}

#thumbs {
	position: absolute;
	top: 565px;
	left: 204px;
}

body#ur-110-zrn-torpedo #thumbs, body#ur-110-zrn-torpedo-technical-details #thumbs, body#ur-110-zrn-torpedo-more-information #thumbs {
  left: 85px;
}

#thumbsconcept {
	/*position: absolute;
	top: 50px;
	left: 0px;*/
}
ul.thumbs li {
	margin-right: 12px;
}
#thumbsconcept ul.thumbs li {
  margin-right: 8px;
}


.selected, .selected a {
	color: #e9f03a;
}
.textcolumn {
	float: left;
	margin-right: 40px;
	width: 449px;
	text-align: justify;;
	
}
.textcolumnleft {
	float: left;
	margin-right: 10px;
	width: 449px;
	text-align: justify;
}
.textcolumnright {
	float: left;
	margin-right: 40px;
	width: 345px;
	text-align: justify;	
}
.specifications {
	text-align: left;
}
.label {
	color: #999999;
}
.adresse_retail {
/*	float: right;*/
	position: absolute;
	bottom: 10px;
	right: 0px;
	font-size: 0.9em;
	text-align: right;
}

/********* thumbs retailers ***************/
#section1 {
	margin-top: 10px;
	height: 250px;
}

body#ur-202-white-shark-technical-details #section1 {
	background: url(../images/collection/whiteS/specifications.jpg) 0 0 no-repeat;
}

body#ur-110-zrn-torpedo-technical-details #section1 {
	background: url(../images/collection/ur-110-zrn/technicalDetailUR-110ZrN.jpg) 0 0 no-repeat;
}

#section1 p {
	position: absolute;
	display: block;
	bottom: 0;
}
#chronopassion, #thehourglass, #urwerk, #westime, #marcus {
	padding-right: 30px;
}
/********* titres ***************/
h1 {
	text-indent: -3000px;
  height: 11px;
  width: 400px;
	white-space: nowrap;
	margin-bottom: 9px;
}
#titre-whiteshark {
    background: url(../images/titre-whiteShark.gif) 0 0 no-repeat;
}
#titre-110zrn {
    background: url(../images/titre-110ZrN.gif) 0 0 no-repeat;
    width: 480px;
}
#titre-technicaldetails {
    background: url(../images/titre-technicaldetails.gif) 0 0 no-repeat;
}
#titre-specifications {
	margin-top: 20px;
    background: url(../images/titre-specifications.gif) 0 0 no-repeat;
}
#titre-chronopassion {
    background: url(../images/titre-chronopassion.gif) 0 0 no-repeat;
}
#titre-more-information {
    background: url(../images/titre-more-information.gif) 0 0 no-repeat;
}
#titre-marcus {
    background: url(../images/titre-marcus.gif) 0 0 no-repeat;
}
#titre-westime {
    background: url(../images/titre-westime.gif) 0 0 no-repeat;
}
#titre-concept {
    background: url(../images/titre-concept.gif) 0 0 no-repeat;
    width: 150px;
}
#titre-hourglass {
    background: url(../images/titre-hourglass.gif) 0 0 no-repeat;
}
#titre-urwerk {
    background: url(../images/titre-urwerk.gif) 0 0 no-repeat;
}