/* this is where all the styles should go */
/* I have just prepared some little things that might be important for understanding */
@import url("reset.css");
@import url("layout.css");

/*==== Header ===*/
#header-top a#logo:link,
#header-top a#logo:visited
				{ background: url(../img/general/logo.png) no-repeat left top; width: 156px; height: 71px; position: absolute; text-indent: -999.9em;
					top: 0px; left: 4px; margin: 0}
					
#header-top .search-top
				{ float: right; padding-top: 38px; padding-right: 22px;}

#header-top .search-top label,
#header-top .search-top input
				{ float: right; margin: 0 0 0 3px}

#header-top .search-top label
				{ font-size: 1em; text-transform: uppercase; color: #fff; font-weight: bold; line-height: 1.6em; padding: 0 2px;}
#header-top .search-top input
				{ background: #fff; width: 265px; height: 12px; padding: 1px 4px 3px; font-size: 1em; line-height: 1.2em; color: #333;
					font-family: Arial, "Helvetica Neue", Helvetica, sans-serif}
#header-top .search-top input.submit
				{ background: url(../img/general/search-button.gif) no-repeat left top; width: 24px; height: 16px; cursor: pointer}

#header-top .language
				{ float: right; margin: 0; font-size: 1em; padding-top: 9px; padding-right: 14px; line-height: 1.4em}
#header-top .language li
				{ float: right; margin: 0; list-style: none; background: url(../img/general/separator-1.gif) no-repeat left 3px; padding: 0 8px 0 9px; text-transform: uppercase;}
#header-top .language li.first
				{ background: none}
#header-top .language li a:link,
#header-top .language li a:visited
				{  color: #fff}
				
#header-bottom .top-navigation
				{ width: 480px; margin: 0; text-transform: uppercase; font-weight: bold}
#header-bottom .top-navigation li
				{ margin: 0; list-style: none; float: left}
#header-bottom .top-navigation li a:link,
#header-bottom .top-navigation li a:visited
				{ color: #bbbdbe }
#header-bottom .top-navigation li a:hover,
#header-bottom .top-navigation li a:active
				{ color: #fff; background: url(../img/general/section-hover1.gif) no-repeat center;
					text-decoration: none}

#header-bottom .top-navigation li.first
				{ background: none}

#header-bottom .vendor
				{ float: left; font-size: 1.4em; line-height: 1.7143em; font-family: eurostile, Arial, "Helvetica Neue", Helvetica, sans-serif;
					margin-left: -2px}
#header-bottom .vendor li
				{ background: url(../img/general/separator-2.gif) no-repeat left 7px; padding-left: 1px}
#header-bottom .vendor li a:link,
#header-bottom .vendor li a:visited
				{ display: block; padding: 0 8px;}
			
#header-bottom .extra-menu
				{ float: right; font-size: 1.1em; line-height: 2.1818em; padding-right: 13px}
#header-bottom .extra-menu li
				{ float: right; position: relative; padding: 0 9px; }
#header-bottom .extra-menu li a:link,
#header-bottom .extra-menu li a:visited
				{ display: block; position: relative; z-index: 10}
#header-bottom .extra-menu li a:hover,
#header-bottom .extra-menu li a:active
				{ background: none}
#header-bottom .extra-menu span
				{ position: absolute; z-index: -100; visibility: hidden}
#header-bottom .extra-menu .hover-menu span
				{ left: 0; top: 0; visibility: visible; z-index: 1}
				
.breadcrumbs	{ height: 26px; padding-top: 8px; color: #bbbdbe; font-size: 1.1em; line-height: 1.1818em;}

.breadcrumbs a:link,
.breadcrumbs a:visited
				{ color: #bbbdbe}
.breadcrumbs a:hover,
.breadcrumbs a:active
				{ color: #fff}

.breadcrumbs .highlight_letter
				{ text-indent: -999.9em; background: url(../img/general/breadcrumb-mark.gif) no-repeat left top; width: 11px; height: 13px; display: block;
					float: left; margin-right: 4px}

/*====== Content ==========*/
#content { min-height: 780px; }
#content .vendor-home a:link,
#content .vendor-home a:visited
				{ float: left}

.slogan			{ text-align: right; padding-top: 14px}
.slogan p		{ text-transform: uppercase; color: #8a8a8a}
.slogan p span	{ color: #ee3c3c}

#content h1		{ text-transform: uppercase}

.vertical-text	{ position: absolute; right: 0; top: 34px; width: 24px; height: 205px; background-image:url(../img/general/made-in-germany.png); }
/*---- Sidebar ---------*/
.series-logo	{ background: #838282; width: 178px; height: 121px; display: block; text-align: center}
.series-logo img
				{ display: inline-block; margin-top: 17px}

.left-menu h3	{ text-transform: uppercase; color: #e74f2d; font-size: 1em; line-height: 1.2em; margin-bottom: 0.8em; font-weight: bold}
.left-menu h3 a { color: #999; text-decoration: underline; }
.left-menu h3 a:hover { color: #fff; }

.left-menu ul	{ font-size: 1em; line-height: 1.4em; font-weight: bold; margin: 0; text-transform: uppercase; overflow: hidden}
.news-block ul li,
.left-menu ul li
				{ margin: 0; list-style: none; float: left; clear: left; width: 168px}
.left-menu ul li a:link,
.left-menu ul li a:visited
				{ color: #999999; background: url(../img/general/left-menu-mark.gif) no-repeat left 5px; padding-left: 10px;
					display: block}
.left-menu ul li.active a:link,
.left-menu ul li.active a:visited,
.left-menu ul li a:hover,
.left-menu ul li a:active
				{ color: #fff; text-decoration: none; background-image: url(../img/general/left-menu-mark.gif);}

.left-menu ul li.new a:link,
.left-menu ul li.new a:active,
.left-menu ul li.new a:hover,
.left-menu ul li.new a:visited
        { background: none; padding-left: 0;}
.left-menu ul li.new a .new-marker { color: #E74F2D;}
				
.news-block		{ padding-top: 42px}
.news-block ul	{ margin: 0; font-size: 1.1em; line-height: 1.2727em; text-transform: uppercase; font-weight: bold;}
.news-block ul li a:link,
.news-block ul li a:visited
				{ color: #999}
.news-block ul li.active a:link,
.news-block ul li.active a:visited,
.news-block ul li a:hover,
.news-block ul li a:active
				{ color: #fff; text-decoration: none}

/*---------- Series base -----------------------*/
#series_background
				{ background-color: #000; background-repeat: no-repeat; background-position: left top; }

.series-title
				{ position: absolute; left: 0; top: 0; background: url(../img/general/series-title.png) repeat-x top; height: 73px;
					padding: 48px 0 0 50px; width: 718px }
.series-title h1
				{ font-size: 5.6em; line-height: 1em; margin: 0}
.series-title span
				{ color: #e74f2d; font-size: 1.0536em; position:relative; top: 25px; font-style: italic}

#product-list	{ float: left; height: 444px; overflow-y: auto; width: 308px; overflow-x: hidden; }

#product-list ul
				{ font-size: 1em; line-height: 1em; margin: 0 -7px -8px 0; overflow: hidden}
#product-list ul li
				{ list-style: none; margin: 0; float: left; width: 142px; height: 140px; padding: 0 7px 8px 0; overflow: hidden}
#product-list ul li a:link,
#product-list ul li a:visited
				{ border: 1px solid #e7e7e7; float: left; overflow: hidden; width: 140px; height: 138px; background: #fff; position: relative}
#product-list ul li a:hover,
#product-list ul li a:active
				{ background: #dfdfdf}

#product-list ul li a:link img,
#product-list ul li a:visited img
				{ margin-top: -160px; margin-left: -140px}

.colection		{ padding-left: 30px; width: 308px; float: right; margin-top: 264px; background: url(../img/general/arrow1.png) no-repeat left top;
					padding-right: 10px;}
.colection h3	{ font-size: 1.6em; color: #e74f2d; line-height: 1.125em; text-transform: uppercase; margin-bottom: 5px; font-weight: bold}

.float-text		{ width: 360px; position: absolute; left: 0; bottom: 0; color: #fff}
.float-text h1,
.float-text h2,
.float-text h3,
.float-text h4,
.float-text h5,
.float-text h6
				{ color: #fff !important}

.padding1		{ padding: 0 0 50px 50px}
.padding2		{ padding: 0 0 5px 22px}

.vendor-description { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.5em; }
.series-description { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.3em; }
/*-------- Series watches ---------------*/
.watch-wrap		{ min-height: 502px; height: auto !important; height: 502px; position: relative}

.series-list	{ background: #212020 url(../img/carusel/bg.gif) repeat-x left top; width: 770px; height: 278px;}

.series-list ul
				{ font-size: 1em; margin: 0; white-space: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden}
.series-list ul li
				{ list-style: none; margin: 0; width: 150px; height: 278px; padding: 0 4px 0 0; text-align: center; display: inline-block; margin-right: -3px}

.series-list a:link,
.series-list a:visited
				{ display: block; margin-bottom: 10px; text-decoration: none}
.series-list a.name:link,
.series-list a.name:visited
				{ color: #c7c7c7; font-size: 1.1em; line-height: 1.2727em;
					margin: 0 10px; white-space: normal}
.series-list a img
				{ width: 150px; height: 220px;}

.series-list a.name:hover,
.series-list a.name:active
				{ color: #fff; text-decoration: none}
.series-list .name span
				{ display: block; padding-bottom: 2px}
.series-list .name span span.new-marker
        { display: inline; padding: 0; color: #E74F2D; font-weight: bold; text-transform: uppercase;}

/*-------- Watch details -----------*/
.watch-item-wrap
				{  background: #fff; min-height: 501px; height: auto !important; height: 501px}
.watch-image	{ float: left; width: 320px;}
.watch-image a:link,
.watch-image a:visited,
.watch-image img
				{ float: left}

.watch-info		{ float: right; width: 440px; padding: 6px 8px 0 0;}

.watch-image-list
				{ font-size: 1em; margin: 0 -20px 0 0; float: left}
.watch-image-list li
				{ float: left; padding-right: 7px; width: 142px; height: 138px;
					margin: 0; list-style: none; overflow: hidden;}
.watch-image-list li a:link,
.watch-image-list li a:visited,
.watch-image-list li img
				{ float: left}
.watch-image-list li a:link,
.watch-image-list li a:visited
				{ border: 1px solid #d6d2d2; overflow: hidden; width: 140px; height: 136px; display: block}
.watch-image-list li img
				{ margin-top: -40px}
.model-variant	{ padding-bottom: 26px;}

.model-variant p
				{ float: left; text-indent: -999.9em; background: url(../img/general/model_variant-title.gif) no-repeat left top; width: 9px; height: 86px; margin: 8px 0 0}
.model-variant ul
				{ margin: 0; font-size: 1.1em; line-height: 1.2727em; overflow: hidden}
.model-variant ul li
				{ list-style: none; margin: 0; position: relative; float: left; width: 88px; padding-right: 4px;}
.model-variant ul li a:link,
.model-variant ul li a:visited,
.model-variant ul li img
				{ float: left; color: #838282; text-transform: uppercase}
.model-variant ul li .name
				{ position: absolute; right: 4px; bottom: 6px; width: 42px; display: inline-block;
					text-align: right}
.model-variant ul li .name a:link,
.model-variant ul li .name a:visited
				{ float: none}
				
.watch-item-title
				{ border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 14px}
.watch-item-title h2,
.watch-item-title p
				{ color: #666; font-size: 1.4em; line-height: 1.2143em; margin: 0}
.watch-item-title p
				{ text-transform: uppercase}
.watch-item-title a:link,
.watch-item-title a:visited
				{ color: #666}
				
.watch-description

.release,
#watch_description
				{ color: #666; font-size: 1.2em; line-height: 1.16667em; margin: 0}
#watch_description li
				{ margin: 0 0 0 1.1667em}
				
/* manual download line */
.watch-info .manuals {
  margin-top: 40px;
  padding-top: 10px;
  padding-right: 10px;
  border-top:1px solid #666666;
  text-align: right; 
  font-size: 11px;
  font-weight: bold;
}

.watch-info .manuals a {
  color: #666666;
  margin-left: 5px;
}

.watch-info .manuals a.language {
  text-transform: uppercase;
}

.watch-info .manuals a:before {
  content: '[';
  margin-right: 1px;
  font-weight: normal;
}

.watch-info .manuals a:after {
  content: ']';
  margin-left: 1px;
  font-weight: normal;
}


/*------ News ------*/
.news-wrap .news-title
				{ position: absolute; left: 0; top: 0; background: #fff; width: 97%;
					z-index: 10}
.news-title h1	{ font-size: 2.2em; line-height: 1.1818em; color: #838282; text-transform: uppercase;
					padding-left: 95px; padding-top: 24px; padding-bottom: 24px; margin: 0}

.news-list		{ padding-top: 50px; overflow-x: hidden; overflow-y: auto; height: 698px; }

.news-item		{ padding-right: 34px }

.news-separator
				{ clear: both; display: inline-block; height: 51px; background: url(../img/general/news-separator-line.gif) repeat-x center 12px;
					text-align: center; width: 100%}
.article .news-separator img,
.news-text .news-separator img
				{ display: inline-block; float: none; margin: 12px 0 0 0}
				
.news-date		{ float: left; width: 78px; font-size: 1.2em; font-style: italic}
.news-text		{ float: right; width: 628px;}


.news-text h3	{ font-size: 1.2em; margin-bottom: 1.1667em; line-height: 1.1667em; font-weight: bold;
					color: #333}
.news-text .news-description
				{ font-size: 1.2em; line-height: 1.1667em; color: #666; overflow: hidden}
.news-text .news-description a:link,
.news-text .news-description a:visited
				{ color: #e74f2d}
.news-text img,
.news-text .news-description p,
.news-text .news-description ul,
.news-text .news-description ol,
.news-text .news-description td
				{ font-size: 1em; margin-bottom: 1.3333em}


.news-text img	{ float: right; margin-left: 10px;}

/*--------- Overview -----------------*/
.overview-wrap .overview-title
				{ position: absolute; left: 0; top: 0; background: #fff; width: 748px;
					z-index: 10}
.overview-title h1	
				{ font-size: 1.4em; line-height: 1.2857em; color: #333333; text-transform: uppercase;
					padding-left: 64px; padding-top: 30px; margin: 0; padding-bottom: 38px; font-weight: bold}

.overview-list	{ padding-top: 90px; overflow-x: hidden; overflow-y: auto; height: 682px;}

.overview-list-item h2
				{ text-transform: uppercase; color: #000; font-size: 1.1em; line-height: 1.3636em; margin-bottom: 1em}
.overview-list-item .overviews-series-list
				{ font-size: 1.1em; margin: 0 -4px; overflow: hidden;}
.overview-list-item .overviews-series-list li
				{ float: left; list-style: none; margin: 0; height: 136px; padding: 0 4px; width: 80px; text-align: center}
.overview-list-item .overviews-series-list li a:link,
.overview-list-item .overviews-series-list li a:visited
				{ display: inline-block; color: #000; width: 80px; overflow: hidden}
.overview-list-item .overviews-series-list li img
				{ font-size: 1em; width: 80px}

/*-------- Dealers ------------------*/
.dealer-wrap .article-text
				{ width: 400px;}
.dealer-wrap .photo1
				{ float: right; padding: 54px 50px 0 0; margin-bottom: 24px}

.form-query		{ padding-top: 40px; padding-bottom: 24px;}

.form-query select
				{ margin-bottom: 10px}
.form-query label
				{ font-size: 1.1em; line-height: 2.2727em; margin-bottom: 0; font-weight: bold; display: inline-block; float: left;
						margin-right: 4px}
.form-query input.zip
				{ font-size: 1.2em; line-height: 1.1667em; background: url(../img/general/zip-field.png) no-repeat;
					padding: 5px 6px 6px 5px; color: #333; width: 50px; height: 14px}
.form-query .hidden
				{ display: none}
				
.dealer-list .scroll-active
				{ height: 514px; overflow-y: auto; overflow-x: hidden}

.dealer-list table
				{ width: 740px; margin: 0}
.dealer-list table td,
.dealer-list table th
				{ border: none; background: url(../img/general/dealer-list-wrap.png) repeat; padding: 3px 12px; text-align: left;
					font-size: 1.1em; line-height: 1.2727em}
.dealer-list table img
				{ float: left}
.dealer-list table th
				{ text-transform: uppercase; color: #838282}
.dealer-list table .dealer_name,
.dealer-list table .dealer_address
				{ width: 184px;}
.dealer-list table .dealer_telephone
				{ width: 112px;}
.dealer-list table .marke
				{ padding-left: 0; padding-right: 0}
.dealer-list table .noBg td
				{ height: 7px; line-height: 1px; font-size: 1px; background: none !important}
				
/*------------ Private Label -----------------*/
.gallery-navigation {
  margin-top: -20px;
  position: relative;
}

.gallery-navigation .backlink, .gallery-navigation .forwardlink {
  position: absolute;
  bottom: 0;
  left: 0;
  text-decoration: none !important;
  width: 16px;
  height: 16px;
  background: #666;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 13px;
  border-radius: 8px;
  color: white;
}

.gallery-navigation .backlink:hover, .gallery-navigation .forwardlink:hover {
  background: #333;
}

.gallery-navigation .forwardlink {
  left: auto;
  right: 15px;
  background: #E74F2D;
}

.gallery-navigation .forwardlink:hover {
  background: orange;
}

.gallery-navigation ul {
  text-align: center;
}

.gallery-navigation li {
  list-style-type: none;
  display: inline;
  margin: 0;
}

.gallery-navigation li a {
  padding-left: 5px;
  padding-right: 5px;
  color: #666;
  text-decoration: none !important;
  font-weight: bold;
}

.gallery-navigation li a:hover {
  color: #333;
}

.gallery-navigation li .active {
  color: #E74F2D;
  font-weight: bold;
}

.gallery-navigation li:before {
  content: "·";
  padding-right: 3px;
  font-weight: bold;
}

.gallery-navigation li:first-child:before {
  content: "";
  padding: 0;
}

.gallery-image-wrapper {
  display: inline-block;
  margin-right: 9px;
  margin-top: 10px;
}

.gallery-image-caption {
  font-size: 9pt;
  font-weight: bold;
  color: black;
  margin-bottom: 2px;
}

.series-logo .private-label {
  padding-top: 30px;
  text-align: center;
  font-size: 24pt;
  line-height: 80%;
}

.series-logo .private-label a {
  color: white;
}

/*------------ Article -----------------*/
.article-text	{ padding: 0 34px 0 78px}
.article-text img.image_left
				{ margin-left: -66px; margin-bottom: 25px; display: block}
.article-text img.image_right
				{ float: right;}
				
/*------ Contact form ------*/
.contact-form { margin-left: 0; padding: 0; }

.contact-form td { border: 1px solid #dddddd; vertical-align: top; }
.contact-form textarea { border: 0; }
.contact-form label { font-size: 0.9em; }
.contact-form li { list-style-type: none; margin: 0; }
.errorlist li { color: red; font-weight: bold; }
.submit { background-color: #dddddd; font-weight: bold; padding: 0.4em; cursor: hand; } 

/*------ Catalog ------*/
.catalog li { list-style-type: none; margin-left: 0; }
input[type=button] { background-color: #dddddd; font-weight: bold; padding: 0.4em; cursor: hand; } 

/*------ Scroll style ------*/
.jScrollPaneContainer
				{ overflow:hidden; position:relative; z-index:1;}
.jScrollPaneTrack
				{ background: url(../img/scroll/scroll-bar.png) repeat-y; cursor:pointer; height:100%;
					position:absolute; right:0; top:0;}
a.jScrollArrowUp
				{ display:block; height: 21px; overflow:hidden; position:absolute; right:0; text-indent: -999.9em; top:0; z-index:1; 
					background: url(../img/scroll/scroll-arrow-top.png) no-repeat;}
a.jScrollArrowDown
				{ bottom:0; display: block; height: 21px; overflow: hidden; position: absolute; right:0; text-indent: -999.9em; z-index:1; 
					background: url(../img/scroll/scroll-arrow-bottom.png) no-repeat;}
.jScrollPaneDrag
				{ cursor:pointer; overflow:hidden; position:absolute;
					background: url(../img/scroll/scroll-point.png) repeat-y top center;}
					
.gray-scroll .jScrollPaneTrack
				{ background-image: url(../img/scroll/scroll-bar-gray.gif)}
.gray-scroll a.jScrollArrowUp
				{ background-image: url(../img/scroll/scroll-arrow-top-gray.gif)}
.gray-scroll a.jScrollArrowDown
				{ background-image: url(../img/scroll/scroll-arrow-bottom-gray.gif)}
.gray-scroll .jScrollPaneDrag
				{ background-image: url(../img/scroll/scroll-point-gray.gif)}
/*----- Carusel style ------*/
.jcarousel-container
				{ position:relative; width: 770px;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;
					height: 278px; width: 770px}
.series-list ul.jcarousel-list 
				{ z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; font-size: 1em}
.series-list ul.jcarousel-list li,
.series-list ul.jcarousel-item 
				{ float: left; list-style: none; margin: 0; width: 150px; height: 278px; padding: 0 4px 0 0; text-align: center}

.jcarousel-next { z-index: 3; display: none; background: url(../img/carusel/right-arrow.png) no-repeat left top;
					width: 13px; height: 26px; position: absolute; right: 7px; bottom: 53px; cursor: pointer}
.jcarousel-prev { z-index: 3; display: none; background: url(../img/carusel/left-arrow.png) no-repeat left top;
					width: 13px; height: 26px; position: absolute; left: 7px; bottom: 53px; cursor: pointer}
					
.jcarousel-prev-disabled,
.jcarousel-next-disabled
				{ background: url(../img/carusel/disable-navi.gif) no-repeat center; cursor: default}
/*---- Cufon style -------*/
.cufon-active #header-bottom .vendor li a:link,
.cufon-active #header-bottom .vendor li a:visited
				{ padding-top: 4px; padding-bottom: 5px; line-height: 1em; font-size: 1.0714em;}

.news-block ul li a,
.cufon-active .vendor li a,
.cufon-active h1.cf-font
				{ letter-spacing: 1px}
.cufon-active p.cf-font
				{ letter-spacing: 2px}