* {margin:0;padding:0;text-decoration:none;border:0 none}

body {background-color:black;color:#ffffff;font-family:Arial,sans-serif;font-size:14px}
ul {list-style-type:square;list-style-position:inside;}
ul ul {list-style-type:disc;margin-left:10px;}
ul ul ul {list-style-type:circle;}

a, a:visited, li.self li a, li.self li a:visited {color:#ffffff}
a:hover, .content a:hover, #rightcolumn h3 a:hover, li.self a, li.self a:visited {color:#ffd200}

table {width:100%}
td {}
table.shop th{padding-top:50px}
table.shop th h3 {background-color:#cccccc;padding:10px 0}
 
s {color:red;text-decoration:line-through}
s * {color:black}

#page{width:980px;margin:0 auto;position:relative}
#maca{position:absolute;top:0;left:0;z-index:1001;}

#header {width:980px;height:180px;background-repeat:no-repeat;position:relative;}
@MEDIA screen {#header h1 {display:none}}
#header h1 {position:absolute;left:120px; top:40px; font-size: 40px;font-weight:lighter;font-family:"Arial Narrow"}
#ajaxSearch_form {position:absolute;top:50px;right:50px;}
#lang {position:absolute;top:0;right:20px}
#lang a img {width:30px; height:30px;float:none}

#topmenu {width:980px;font-size:16px;background-color:black;}
#topmenu li {display:inline;padding:0 0 0 15px;whitespace:nowrap;}
#topmenu ul {list-style:none;padding:2px 0;text-align:justify;line-height:20px;text-indent:-20px;}
#topmenu li.active a, #topmenu  li.active a:visited {color:#ffd200}
.submenu {background-color:white;width:980px;height:2px;background-repeat:no-repeat;background-position:bottom left;}

#middle {margin-top:20px;}
#breadcrumbs {padding-top:9px;margin:0 10px 20px 0;float:left;text-align:right;}
h2#pagetitle {margin:0 0 20px 225px;width:480px;font-size:26px;color:white}
h2#pagetitle.shop {margin:0 0 20px 250px;width:480px;font-size:26px;color:white}
#main {margin:0 0 0 225px;width:480px;}
#main.shop {margin:0 0 0 250px;}
#show {width:480px;height:360px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-color:white}
#main-gallery {margin:0 0 0 225px;width:755px;}
#gallery {width:755px;height:694px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
#gallery .slideshow-images {margin: 0 auto}
#main p {margin-bottom:10px;text-align:justify;}

#content {width:460px; color:#333333;background: white url(assets/images/line.jpg) no-repeat bottom left;padding:16px 10px;margin-top:2px}
#content h3, #content h4, #content h5 {color:#666666;font-size:16px;margin:10px 0 5px}
.content strong {font-weight:bold;}
#content a, #content a:visited {color:black;text-decoration:underline;}

#leftcolumn {width:200px;position:relative;}
#rightcolumn {width:250px;position:relative;}
#leftcolumn.shop {width:225px;position:relative;}
#rightcolumn.shop {width:225px;position:relative;}
#leftcolumn {float: left;clear:both;font-size:16px;}

#rightcolumn {float: right}
#rightcolumn h3, #promo h3, #leftcolumn h3 {font-size:20px;line-height:24px;margin-bottom:2px;}
#rightcolumn .content h3 {margin:10px 0 5px}
#leftcolumn .content h3 {margin:10px 0 5px}
#rightcolumn .ditto p {font-size:12px;line-height:12px}
#rightcolumn .content p {margin-bottom:5px;}
#leftcolumn .content p {margin-bottom:5px;}
#leftcolumn img {float:left;clear:both;margin:0; border:1px solid black;width:96px;height:96px;}
#leftcolumn img:hover {border:1px solid white}
#rightcolumn img {float:left;clear:both;margin:0; border:1px solid black;width:96px;height:96px;}
#rightcolumn img:hover {border:1px solid white}
#rightcolumn div.ditto {margin:0 0 10px 0;padding:0 0 0 10px;height:98px;overflow:hidden;}
#leftcolumn div.ditto {font-size:15px;line-height:15px;margin:0 0 10px 98px;padding:0 0 0 10px;min-height:98px}
#leftcolumn div.ditto li {padding:0 0 5px;}
#leftcolumn div.ditto ul {list-style-type:none;}

#rightcolumn form * {width:100%}
#leftcolumn form * {width:100%}

#producer, #category, #model {font-weight:bold;margin:5px 10px 5px 0;}
#price {font-weight:bold;margin:10px 0 0 0;}

#footer {clear:both;font-size:12px;text-align:center;margin:20px 0 10px}

#promo {position:relative;width:780px;height:490px;}
#promo img {float:left;clear:both;margin:0; border:1px solid black;width:96px;height:96px;}
#promo .promo img:hover {border:1px solid white}
#promo div.ditto {margin:0 0 10px 0;padding:0 0 0 10px;height:98px;overflow:hidden;font-size:14px;line-height:16px;}
#promo h3 {display:block;height:48px;}

.promo {position:absolute;height:100px;width:360px;visibility:hidden;}
#promo0 {top:0; left:0}
#promo1 {top:0; left:400px}
#promo2 {top:125px; left:0}
#promo3 {top:250px; left:0}
#promo4 {top:375px; left:0}
#promo5 {top:375px; left:400px}

#promo-main {width:360px;height:225px;background-color:white;position:absolute;top:124px;left:400px;overflow:hidden}


.slideshow-controller{background:url(/assets/js/controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:80%;width:238px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(/assets/js/controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(/assets/js/controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(/assets/js/controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(/assets/js/controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(/assets/js/controller-prev.gif);left:65px;width:28px;}
.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 16px/20px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-thumbnails {
	bottom:0;
	height: 96px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 106px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
	width:96px;
	height:96px;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

#content .yellow{color:#ffd200}
#content .red {color:#d20000;}
#content .green {color:#00d200;}
#content .blue {color:#0000d2;}
#content .turq {color:#00ffd2;}
#content .mag {color:#d200ff;}

/**
Stylesheet: Ligthbox.css
	CSS for Lightbox with Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
Notes:
	This stylesheet is required for proper functioning of Lightbox.
*/

a:hover .photos {
	border: 1px solid #999;
}
.lbLoading {
	background: #fff url(loader.gif) no-repeat center;
}
.photos {
	border: 1px solid #fff;
	padding: 3px;
}
.lightboxDesc {
	display: none;
}
#lbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 100000;
}
#lbCenter, #lbBottomContainer {
	background-color: #fff;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 100001;
}
#lbImage {
	border: 10px solid #fff;
	cursor: pointer;
}
#lbBottom {
	border: 10px solid #fff;
	border-top-style: none;
	color: #000;
	font: normal 11px/16px Arial, sans-serif;
	text-align: left;
}