/**
 * @project: L-C
 * @location: Wax Interactive - www.wax.be
 * @date: 16.11.2011
 * @author: Simon
 */

/*****************************************************/
/*** Predefined definitions / Clearfix / CSS Reset ***/
/*****************************************************/

/* Clearfix
   http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* font face */

@font-face {
    font-family: 'CronosProRegular';
    src: url('/public/fonts/cronospro-regular-webfont.eot');
    src: url('/public/fonts/cronospro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/cronospro-regular-webfont.woff') format('woff'),
         url('/public/fonts/cronospro-regular-webfont.ttf') format('truetype'),
         url('/public/fonts/cronospro-regular-webfont.svg#CronosProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CronosProLight';
    src: url('/public/fonts/cronospro-lt-webfont.eot');
    src: url('/public/fonts/cronospro-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/cronospro-lt-webfont.woff') format('woff'),
         url('/public/fonts/cronospro-lt-webfont.ttf') format('truetype'),
         url('/public/fonts/cronospro-lt-webfont.svg#CronosProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Predfined declaration of website styles */

html {background:#27170a url('/public/images/layout/bg.jpg') right 0 fixed no-repeat;}

html.black {background:black url('/public/images/layout/bg2.jpg') 50% 0 fixed no-repeat;}

body {font-size:13px; font-weight:normal; font-family:'CronosProRegular', sans-serif; color:#a2987e;}

h1 { margin-bottom:20px; font-size:28px; }
h2 { margin-bottom:15px; font-size:24px; }
h3 { margin-bottom:10px; font-size:20px; }
h4 { margin-bottom:5px; font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }

p { padding-bottom:10px; }

/* Comment this rule if you want to see the outline of anchor elements. Tip: Make outline visible for page content anchors. */
a { outline:none; color:#a2987e; text-decoration: none; }
a:hover {text-decoration: underline; }

.lFloat { float:left; }
.rFloat { float:right; }

.center { position:relative; margin:0 auto; width:960px;}

.image-replace {position:abolsute; margin-left: -9999px;}

ul { margin:0 0 15px 25px; list-style:square; }
ol { margin:0 0 15px 25px; list-style:decimal; }



/*********************************/
/*** Start project styles here ***/
/*********************************/

table td { padding:10px; border-bottom:1px solid #ccc; } /* Remove 1Click cheat sheet table style here */

#portal {position:absolute;top:0;display:inline-block;left:50%;margin-left:-490px;padding:6px 8px;background:#000000;color:#85754e;font-size:15px;}

#wrapper {
    position:relative;
    overflow:hidden;
    width:1280px;
    margin:0 auto;
}

.col {
    float:left;
    height:635px;
}

.col_left {
    position:relative;
    width:354px;
}

.col_right {
    position:relative;
    width:926px;
}

#logo {
    position:absolute;
    top:0;
    left:90px;
    width:181px;
    height:141px;
    background:url('../img/logo_since.png') 0 0 no-repeat;
}

#logo2 {
    position:absolute;
    top:0;
    left:90px;
    width:181px;
    height:117px;
    background:url('../img/logo.png') 0 0 no-repeat;
}

#navigation {
    position:absolute;
    bottom:0;
    left:90px;
    width:264px;
}

#navigation p {
    display:block;
    float:left;
    width:264px;
    text-decoration: none;
    color:#85754e;
    padding:0 0 10px 0;
}

#navigation p span {
    color:#a2987e;
    font-size:12px;
}

#content {
    position:relative;
    overflow:hidden;
    width:926px;
    height:635px;
}

#videoframe, #slider {
    position:relative;
    overflow:hidden;
    width:926px;
    height:635px;
    background:black; /* a blue hat, it's dark blue.. almost reminds me of... */
}

#videoframe iframe {
    margin-top: 56px;
}

.rollover_screen {
    position: absolute;
    left:-9999px;
    top:0;
    z-index:9999;
    background:black;
}

.active {
    left:0;
}

.rollover_text {
    position: absolute;
    top:0;
    left:0;
    width:160px;
    padding:10px;
}

.slide {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    width:926px;
    height:635px;
    background:black; 
}

.slide_title {
    position: absolute;
    top:0;
    left:0;
    width:160px;
    padding:10px;
    font-weight: normal;
    font-size:16px;
}

.watches, .arms {
    font-size:16px;
    text-transform: uppercase;
}

.contact p {
    text-transform: none;
    font-size: 14px;
    margin-bottom:20px;
}

#store_open {
    font-size: 15px;
    text-transform: uppercase;
}

/****  INDEX  ****/
.indexPadding{
	width:570px;
	margin:20px auto 0;
}

.logoCenter{
	margin:0 auto;
}

.indexButton{
	width:570px;
	margin:40px auto 0;
}

.indexButton a, .indexButton span.inactive{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.indexButton a:hover{
	text-decoration:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.indexButton a span, .indexButton span span{
	display:block;
	text-align:center;
	font-family: 'CronosProRegular';
	text-transform:uppercase;
}

.indexButton a span.indexButtonTop, .indexButton span.inactive span.indexButtonTop{
	font-size:17px;
	color:#A2987E;
}

.indexButton a span.indexButtonBottom, .indexButton span.inactive span.indexButtonBottom{
	font-size:13px;
	color:#FFF;
}

.homepageBlockTop{
	width:100%;
	background:url(../images/layout/extraBlockSpacer.jpg) top center no-repeat;
	margin-top:18px;
	margin-bottom:18px;
}

.homepageBlockBottom{
	width:100%;
	background:url(../images/layout/extraBlockSpacer.jpg) bottom center no-repeat;
	text-align:center;
	padding:12px 0;
	font-size:16px;
	color:#937148;
}

.homepageBlockBottom p{
	padding:0;
}

.homepageBlockBottom a{
	color:#937148;
}

.homepageBlockBottom a:hover{
	color:#FFF;
	text-decoration:none;
}

.grote_tekst{
	font-size:20px;
}

.witte_tekst{
	color:#FFF;
}

.grote_en_witte_tekst{
	font-size:20px;
	color:#FFF;
}

/****  LOGO & STERRETJES  ****/
.logoContainer{
	width:204px;
}

.logoContainer a{
	display:block;
	width:204px;
	height:135px;
	background:url(../img/logo.png) no-repeat;
	position:relative;
}

.logo2 a{
	background:url(..img/logo2.png) no-repeat;
}

.ster{
	display:block;
	width:15px;
	height:15px;
	background:url(../img/ster.png) no-repeat;
	position:absolute;
	text-indent:-9999px;
}

#ster1{
	left:20px;
	bottom:21px;
}

#ster2{
	left:10px;
	bottom:35px;
}

#ster3{
	left:107px;
	top:73px;
}

#ster4{
	right:13px;
	bottom:35px;
}

#ster5{
	left:62px;
	top:36px;
}

#ster6{
	left:136px;
	top:61px;
}

#ster7{
	left:110px;
	top:6px;
}

.logo2 #ster5{
	left:63px;
	top:30px;
}

.logo2 #ster6{
	left:143px;
	top:67px;
}

.logo2 #ster7{
	top:11px;
}

/****  CONTENT  ****/
.contentContainer{
	width:1038px;
	margin:20px auto 0;
	height:660px;
	position:relative;
}

.logoRight{
	margin:0 auto;
	/*position:absolute;
	top:0;
	right:0;*/
}

.footerLinks {
	/*margin:40px auto 0;*/
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	/*width:100%;*/
}

.footerLinks h2 {
	font-weight:normal;
	font-family:'CronosProRegular';
	text-transform:uppercase;
	color:#ffffff;
	margin-bottom:8px;
}

.footerLinks input[type="email"] {
	font-size:12px;
	padding:6px 8px;
	border:1px solid #8a7149;
	width:240px;
	background:#ffffff;
}
.footerLinks input[type="email"].error {
	background:#ffffff url('../img/error.png') right 2px no-repeat;
}

.footerLinks input[type="submit"] {
	border-radius:0;
	background:#8a7149;
	border:1px solid #8a7149;
	color:#000;
	padding:6px 28px;
	font-size:15px;
	font-family:'CronosProRegular';
	margin-left:6px;
	cursor:pointer;

}

.footerLinks p {
	line-height:23px;
	font-size:15px;
	font-family:'CronosProRegular';
	color:#000000;
	background:#8a7149;
	padding:4px 28px;
	display:inline-block;
	display:none;
}


.footerRechts{
	/*margin:40px auto 0;*/
	float:right;
	position:absolute;
	right:0;
	bottom:0;
	/*width:100%;*/
}

.footerRechts a, .footerRechts a:hover{
	text-decoration:none;
}

.footerRechts a span{
	display:block;
	text-align:center;
	font-family: 'CronosProRegular';
	text-transform:uppercase;
}

.footerRechts a span.footerRechtsTop{
	font-size:17px;
	color:#8a7149;
}

.footerRechts a span.footerRechtsBottom{
	font-size:13px;
	color:#FFF;
}

.submenuContainer{
	position:absolute;
	left:0;
	top:82px;
	font-size:15px;
}

#submenu{
	margin:0;
}

#submenu li{
	/*display:block;*/
	list-style:none;
}

#submenu li a{
	display:block;
	/*float:left;*/
	padding:2px 8px 2px 7px;
	/*border-left:#FFF 1px solid;*/
	color:#8a7149;
}

#submenu li li.active a, #submenu li a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*#submenu li li.first a{
	border-left:none;
}*/

#submenu li a.parent{
	display:none;
}

.mainmenuContainer{
	position:absolute;
	top:587px;
	font-size:15px;
	text-transform:uppercase;
}

#mainmenu{
	margin:0;
}

#mainmenu li{
	display:inline;
	list-style:none;
}

#mainmenu li a{
	display:block;
	float:left;
	padding:2px 8px 2px 7px;
	border-left:#FFF 1px solid;
	color:#8a7149;
}

#mainmenu li.active a, #mainmenu li.active_parent a, #mainmenu li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#mainmenu ul{
	display:none;
}

#mainmenu li.first a{
	border-left:none;
}

.footermenuContainer{
	position:absolute;
	left:0;
	bottom:0;
	font-size:12px;
}

#footermenu{
	margin:0;
}

#footermenu li{
	display:inline;
	list-style:none;
}

#footermenu li a{
	display:block;
	float:left;
	padding:2px 8px 2px 7px;
	border-left:#808080 1px solid;
	color:#808080;
}

#footermenu li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#footermenu li.first a{
	border-left:none;
}

.defaultPreview{
	position:absolute;
	bottom:120px;
	left:0;
	z-index:15;
}

.defaultPreview p{
	padding:10px 0 0 0;
}

.defaultTitel{
	width:480px;
	position:absolute;
	right:136px;
	bottom:353px;
	text-align:right;
	color:#FFF;
	font-size:24px;
	font-weight:normal;
}

.defaultContent{
	width:480px;
	height:225px;
	position:absolute;
	right:114px;
	bottom:125px;
	text-align:right;
	color:#8a7149;
	font-size:17px;
	z-index:16;
}

.defaultContent a{
	color:#FFF;
}

/****  COLLECTIE  ****/
.uurwerkContainer{
	width:850px;
	height:435px;
	position:absolute;
	left:120px;
	top:148px;
	z-index:10;
	overflow:hidden;
}

.uurwerkItem{
	width:850px;
	height:435px;
	position:relative;
	z-index:12 !important;
	overflow:hidden;
	float:left;
}

.uurwerkStand{
	width:850px;
	height:95px;
	background:url(../images/layout/horlogestand.png) left no-repeat;
	position:absolute;
	left:0;
	bottom:0;
	z-index:11;
}

.uurwerkContent{
	width:400px;
	position:absolute;
	z-index:12;
	right:55px;
	bottom:50px;
	text-align:right;
	color:#8a7149;
	font-size:17px;
}

.uurwerkContent h1{
	font-size:24px;
	color:#FFF;
	font-weight:normal;
	margin:0;
	text-transform:uppercase;
}

.uurwerkContent h1 span{
	text-transform:lowercase;
}

.prevItem{
	display:block;
	width:28px;
	height:38px;
	background:url(../images/layout/prevItem.png) no-repeat;
	position:absolute;
	z-index:25;
	left:13px;
	top:187px;
	cursor:pointer;
}

.nextItem{
	display:block;
	width:28px;
	height:38px;
	background:url(../images/layout/nextItem.png) no-repeat;
	position:absolute;
	z-index:25;
	left:425px;
	top:187px;
	cursor:pointer;
}

.uurwerkViewsContainer{
	width:290px;
	height:390px;
	position:absolute;
	z-index:13;
	left:88px;
	top:12px;
	overflow:hidden;
}

.uurwerkViewsContainer img{
	width:290px;
	height:390px;
}

.prevView{
	display:block;
	width:20px;
	height:38px;
	background:url(../images/layout/prevView.png) no-repeat;
	position:absolute;
	z-index:25;
	left:66px;
	top:187px;
	cursor:pointer;
}

.nextView{
	display:block;
	width:20px;
	height:38px;
	background:url(../images/layout/nextView.png) no-repeat;
	position:absolute;
	z-index:25;
	left:380px;
	top:187px;
	cursor:pointer;
}

/****  SWISS MADE  ****/
.vimeoFrame{
	width:850px;
	height:435px;
	overflow:hidden;
	position:absolute;
	left:120px;
	top:148px;
}

.stateoftheartPreview{
	position:absolute;
	width:395px;
	bottom:120px;
	right:20px;
	z-index:15;
}

.stateoftheartPreview p{
	padding:10px 0 0 0;
}

.stateoftheartTitel{
	width:480px;
	position:absolute;
	left:103px;
	bottom:353px;
	text-align:right;
	color:#FFF;
	font-size:24px;
	font-weight:normal;
}

.stateoftheartContent{
	width:480px;
	height:225px;
	position:absolute;
	left:126px;
	bottom:125px;
	text-align:right;
	color:#8a7149;
	font-size:17px;
}

/****  RIFLE PAGE  ****/
.rifleImageContainer{
	width:730px;
	height:335px;
	position:absolute;
	top:145px;
	right:130px;
}

.rifleImages{
	width:730px;
	height:335px;
	overflow:hidden;
}

.rifleImages img{
	width:730px;
	height:335px;
}

.rifleTitle{
	position:absolute;
	top:481px;
	right:140px;
	font-family: 'CronosProLight';
	color:#FFF;
	font-weight:normal;
	font-size:24px;
	text-transform:uppercase;
}

.rifleText{
	position:absolute;
	top:510px;
	right:140px;
	font-family: 'CronosProLight';
	color:#8a7149;
	font-size:17px;
	text-align:right;
}

.riflePrev{
	display:block;
	width:20px;
	height:38px;
	background:url(../images/layout/prevItem.png) no-repeat;
	position:absolute;
	left:-22px;
	top:200px;
}

.rifleNext{
	display:block;
	width:20px;
	height:38px;
	background:url(../images/layout/nextItem.png) no-repeat;
	position:absolute;
	right:-22px;
	top:200px;
}

/****  INFO PAGE  ****/
.infoBlock{
	width:320px;
	margin:120px auto 0;
	text-align:center;
	font-family: 'CronosProLight';
	color:#FFF;
	font-size:17px;
}

.infoBlock h1{
	color:#8a7149;
	font-size:17px;
	font-weight:normal;
	text-transform:uppercase;
}

.infoBlock a{
	color:#FFF;
}

.downloadPDF{
	padding-top:15px;
}

.downloadPDF a{
	color:#8a7149;
}