body,h1,h2,h3,h4,h5,h6,p,img,form,fieldset,ul,ol { margin: 0; padding: 0; border: 0; }

body { padding: 0 0 100px 0; font: normal 70%/1.6em Tahoma, Verdana, Arial, sans-serif; background: #201d1e; color: #303030;}

h1 { font: normal 2.1em Tahoma; margin: 0; padding: 0 0 8px 0; color: #505050; }
caption,h2 { font: normal 1.6em Tahoma; margin: 0; padding: 10px 0 3px 0; margin: 0 0 5px 0; text-align: left;}
h3 { font: bold 1.2em Tahoma; margin: 0; padding: 10px 0 3px 0; margin: 0 0 5px 0; text-align: left;}
p { margin: 0 0 8px 0; }

a { color: #93b700; }
a:hover { text-decoration: none; }
h1 a { text-decoration: none;  color: #505050;}
h2 a { color: #505050; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h1.brand { background: url(/inc/images/logo_small_espect.png) top right no-repeat; padding-right: 100px;}
h1.brand.espect { background-image: url(/inc/images/logo_small_espect.png); }
h1.brand.cemera { background-image: url(/inc/images/logo_small_cemera.png); }
h1.brand.seeside { background-image: url(/inc/images/logo_small_seeside.png); }
h1.brand.emmet { background-image: url(/inc/images/logo_small_emmet.png); }

/* blockquote { font: italic 900 1.5em/1.2em Georgia; background: url(/inc/images/icon_quote.gif) top left no-repeat; margin: 0; padding: 18px 40px 20px 60px;}*/
p { padding: 0 0 12px 0; }
ul, ol { padding: 0 0 12px 24px; }
ul ul, ul ol, ol ol, ol ul { padding: 0 0 0 24px; }

form { padding: 0 0 20px 0; }
	form .comment { padding: 0; position: relative; top: -2px; width: 400px; line-height: 1.2em; }
	form .mandatory { padding: 0 3px 0 0; }
	fieldset {  }
	legend { padding: 0 0 3px 0; font: 500 1.6em Tahoma, Verdana, Arial, sans-serif; color: #fff; }
	label { display: block; font-weight: normal; padding-top: 4px; clear: both; }
	label span { font-weight: normal; position: relative; top: -3px; left: 5px;}
	label.list { padding: 0; clear: both;}
	
	input, textarea, select { color: #fff; }
	select { font: 1em Tahoma, Verdana, Arial, sans-serif; background: #282828; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	input { font: 1em Tahoma, Verdana, Arial, sans-serif; background: #282828; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	input[type="hidden"] { display: none; }
	input:hover, textarea:hover, select:hover { border-color: #fff; }
	input:focus, textarea:focus, select:focus { border-color: #fff; }
	input.error, textarea.error, select.error { border-color: #f00; }
	textarea { font: 1em Tahoma, Verdana, Arial, sans-serif; background: url(/inc/images/bg_form_element.gif) top left no-repeat; border: 1px solid #999; padding: 4px; width: 400px; height: 10em; display: block; overflow: auto;}
	label input { background: 0; padding: 0; margin: 0; border: 0; width: auto; display: inline; }
	
	.button-row { padding-top: 10px; }
	button { font: 1em Tahoma, Verdana, Arial, sans-serif; padding: 2px 5px;}
	
	.form-group { float: left; width: 100px; padding-right: 20px;}
	.form-group input { width: auto; }
	.form-group.zipcode { width: 80px; }
	.form-group.zipcode input { width: 80px; }
	.form-group.city { width: 200px; }
	.form-group.city input { width: 200px; }
	.form-group.number { width: 200px; }
	.form-group.number input { width: 40px; }

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

.img { clear: both; }
	.img img { display: block; border: 1px solid #c3c1c1; padding: 2px;}
	.img p { font-size: .9em; color: #666; }
	.img.left { display: block; margin: 3px 10px 10px 0; }
	.img.right { display: block; margin: 3px 0 10px 10px; }

table.data { width: 100%; border-collapse: collapse; margin: 0 0 8px 0; padding: 0; border: 0; }
	table.data td { width: 50%; }

.content { width: 987px; margin: 0 auto 0 0; }
.content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }

.linked { cursor: pointer; text-decoration: none; }
.linked:hover { text-decoration: underline; }

div.error { background: #dd7a7a url(/inc/images/error.png) 30px 10px no-repeat; border: 1px dashed #fff; padding: 10px 10px 10px 60px; color: #fff; margin-bottom: 10px;}
div.error strong { display: block; padding: 0 0 5px 0;}
div.error p { line-height: 1.4em; padding: 0; margin: 0;}
div.error a { font-weight: bold; color: #fff; text-decoration: underline; }

#error-message { border: 8px solid #d2cfc8; background: #e5e3e0; padding: 6px 8px 0px 8px; margin: 0 0 20px 0;}
	#error-message strong { display: block; }

#document { margin: 0 auto; background: #fff url(/inc/images/bg_head.png) top left repeat-x; }

#head {  background: url(/inc/images/bg_head_girl.jpg) center left no-repeat; }
	#head-wrapper { background: url(/inc/images/bg_shade.png) bottom left repeat-x; padding-bottom: 18px;}
	#head .content { background: url(/inc/images/bg_head_content.png) top right no-repeat; }

	#language { float: right; }
		#language:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
		#language ul { margin: 0; padding: 0; }
		#language ul li { list-style: none; }

	#logo { clear: both;}
		#logo a { display: block; padding: 0 50px 10px 0; float: right;}
		#logo a img { display: block; }
		
	#teaser { width: 350px; height: 120px; background: #ccc; float: right; }
	
#frontpage #navigation { clear: both; margin-top: 40px;}	
#navigation { font: bold 1.2em/2.7em Tahoma; margin-top: 140px; background: url(/inc/images/bg_navigation.png) top right no-repeat; padding-right: 13px; float: left; }
	#navigation:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	
		#navigation ul { margin: 0; padding: 0; background: url(/inc/images/bg_navigation_a.png) top left repeat-x; height: 1%; min-width: 400px; padding-left: 20px;}
		#navigation ul:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
		#navigation ul li { margin: 0; padding: 0; list-style: none; display: block; float: left; }
		#navigation ul li a { color: #fff; text-decoration: none; display: block; float: left; }
		#navigation ul li a span { display: block; padding: 5px 10px;}
		
		#navigation ul li a.active-parent,#navigation ul li a.active { }
		#navigation ul li a:hover span, #navigation ul li a.active-parent span,#navigation ul li a.active span { background: url(/inc/images/bg_navigation_a_active.png) top left repeat-x; }

#main { background: url(/inc/images/bg_main.png) top left repeat-x; }
	#main .content {  height: 1%; padding: 42px 0; }
	
	#product-list-page #scene { width: 731px; }
	#product-list-page #secondary-content { display: none; }
	
	#scene { width: 378px; margin: 0 0 0 55px; float: left; }
	
		#frontpage #scene { width: 611px; margin-left: 26px; padding: 0; }
		#frontpage #sub-navigation { display: none; }
		#frontpage #secondary-content { width: 274px; padding: 0; margin: 0; }
		
		#frontpage-text { width: 274px; float: right; }
		#frontpage-news { width: 274px; float: left; }
			#frontpage-news .img img { border: 0; padding: 0; margin: 0 0 8px 0; }
			#frontpage-news p { padding: 0; margin: 0; }
			#frontpage-news p a { font-weight: bold; text-transform: lowercase; }
		#frontpage-teaser { width: 282px; float: left; }
			#frontpage-teaser .teaser-item { border: 2px solid #83a200; background: url(/inc/images/bg_navigation_a.png) 94% center no-repeat; margin-bottom: 9px; padding-right: 130px;}
			#frontpage-teaser .teaser-item a { display: block; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; background: url(/inc/images/bg_navigation_a.png) center left repeat-x; line-height: 2.9em;}
			#frontpage-teaser .teaser-item a span { display: block; background: url(/inc/images/bg_navigation.png) right center no-repeat; padding-left: 10px; }
				
		#product-image { clear: both; width: 372px; height: 225px; border: 1px solid #c3c1c1; padding: 2px; margin-bottom: 8px;}
			#product-image img { display: block; }
		
		#news-archive-list {}
			#news-archive-list .news-item { padding: 0 0 0 0; }
			#news-archive-list .news-item .date { display: block; }
			#news-archive-list .news-item h2 { padding: 0; margin: 0; }
			#news-archive-list .news-item a { text-decoration: none; }
			#news-archive-list .news-item a:hover { text-decoration: underline; }
			
		#product-list { clear: both; }
			#product-list .product-item { float: left; margin-bottom: 19px; }
			#product-list .product-item a { display: block; width: 116px; height: 63px; float: left; border: 1px solid #c3c1c1; margin: 0 18px 0 0; padding: 2px; }
			#product-list .product-item a:hover { border-color: #83a400; }
			#product-list .product-item a span { display: none; z-index: 0; width: 36px; height: 36px; background: url(/inc/images/icon_quick_view.png) no-repeat; position: absolute; margin: 27px 0 0 80px;}
			#product-list .product-item a:hover span { display: block; z-index: 1;}
			#product-list .product-item a img { display: block; position: absolute; z-index: 0;}
			
		#product-image-list {}
			#product-image-list .product-image { float: left; margin: 0 0 19px 0; }
			#product-image-list .product-image a { display: block; width: 116px; height: 63px; float: left; border: 1px solid #c3c1c1; margin: 0 18px 0 0; padding: 2px;}
			#product-image-list .product-image a:hover { border-color: #83a400; }
			#product-image-list .product-image a img { display: block; }
			
		#quick-view { position: fixed; top: 200px; left: 370px;border: 2px solid #83a400; width: 210px; background: #fff; padding: 20px 30px; color: #666; line-height: 1.2em; z-index: 2}
			#quick-view h1 { font-size: 18px; line-height: 1em;}
			#quick-view p { padding-bottom: 4px; }
			#quick-view p.data { line-height: 1.4em; padding-bottom: 0px;}
			#quick-view ul.controls { padding: 0; }
			#quick-view ul.controls li { list-style: none; display: block; float: left; }
			#quick-view ul.controls li.close { float: right; }
			#quick-view ul.controls li a { font-weight: bold; }

	#secondary-content { width: 300px; float: right; }
	
	#sub-navigation { width: 201px; float: left; border-top: 1px solid #fff;}
		#sub-navigation ul { margin: 0; padding: 0; height: 1%;}
		#sub-navigation ul:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
		#sub-navigation ul li { display: block; background: url(/inc/images/bg_subnavigation_b.png) bottom no-repeat; margin: 0 0 1px 0; padding: 0; float: left; width: 100%; clear: both;}
		#sub-navigation ul li a { color: #fff; display: block; background: url(/inc/images/bg_subnavigation_t.png) no-repeat; text-decoration: none; padding: 6px 11px;}
		#sub-navigation ul ul li a { color: #4f4f4f; }
		#sub-navigation ul li a span { display: block; background: url(/inc/images/icon_subnav_inactive.gif) left center no-repeat; padding-left: 10px; }
		
		#sub-navigation ul li.active,#sub-navigation ul li.active-parent { background-image: url(/inc/images/bg_subnavigation_b_active.png); }
		#sub-navigation ul li a.active,#sub-navigation ul li a.active-parent { background-image: url(/inc/images/bg_subnavigation_t_active.png); }
		#sub-navigation ul li a.active span,#sub-navigation ul li a.active-parent span{ background-image: url(/inc/images/icon_subnav_active.gif); }
		#sub-navigation ul ul li a span { background: none; }
		#sub-navigation ul ul li a.active span { background: none; }
		#sub-navigation ul ul li a.active-parent { background: none; }
		#sub-navigation ul ul li a.active-parent span { background-image: none; }
		#sub-navigation ul li a.active { font-weight: bold; font-weight: bold; }
		#sub-navigation ul li.active a { color: #4f4f4f; }
		#sub-navigation ul li a.active-parent { color: #4f4f4f; font-weight: bold; }
		
		#sub-navigation ul a:hover { text-decoration: underline; }
		#sub-navigation ul ul { padding: 0 0 10px 0; }
		#sub-navigation ul ul li { background: none; }
		#sub-navigation ul ul li a.active { background: none; }
		#sub-navigation ul ul a { background: none; padding: 0 10px 0 22px;}
		#sub-navigation ul ul ul { padding: 0 0 10px 10px; }
			
		#teaser-list { clear: both; height: 1%; padding: 30px 0 0 0; }
		#teaser-list:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
			#teaser-list .teaser { width: 258px; margin-left: 32px; float: left; border: 8px solid #400028; background: #500034 url(/inc/images/bg_teaser.gif) bottom no-repeat; color: #dad6d1; }
			#teaser-list .teaser.first { padding: 0; margin: 0; }
			#teaser-list .teaser a { color: #dad6d1; text-decoration: none; display: block; padding: 8px 35px 2px 8px; line-height: 1.4em; }
			#teaser-list .teaser img { padding: 0; margin: 0; display: block; }
	
#foot { font: normal 1em Tahoma, Verdana, Arial, sans-serif; background: #201d1e url(/inc/images/bg_foot.png) top left repeat-x; min-height: 213px; color: #636262; line-height: 1.4em;}
	#foot:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	#foot .content { padding-top: 30px; background: url(/inc/images/logo_foot.png) 30px 30px no-repeat; }
	#foot a { color: #636262; }

	#address-and-links { width: 50%; float: left;  }
		#address { padding-left: 100px;}
			#address p { width: 40%; float: left; }
			
		#std-links { clear: both; padding: 20px 0 0 8px;}
			#std-links ul { }
			#std-links ul li { float: left; list-style: none; padding: 0 30px 0 0; }
		
	#shortcuts-and-brands { border-left: 1px dashed #636262; float: left; width: 490px; }
		#shortcuts-and-brands h1 { margin: 0; padding: 0; line-height: 1em; font-size: 1.2em; font-weight: bold;}
		#shortcuts-and-brands ul { margin: 0; padding: 0; }
		#shortcuts-and-brands ul li { list-style: none; width: 110px; display: block; float: left; }
		
		#shortcuts { padding: 0 0 20px 30px; }
			#shortcuts ul li { display: block; float: left; padding: 5px 0 0 0; }
			#shortcuts ul li a { display: block; float: left; background: url(/inc/images/bullet.png) left center no-repeat; padding-left:15px; }
		
		#brands{ padding: 20px 0 0 30px; clear: both; }
			#brands a { display: block; width: 90px; height: 40px; background: url(/inc/images/logo_espect.png) center bottom no-repeat;}
			#brands li.espect a { background-image: url(/inc/images/logo_espect.png); }
			#brands li.emmet a { background-image: url(/inc/images/logo_emmet.png); }
			#brands li.cemera a { background-image: url(/inc/images/logo_cemera.png); }
			#brands li.seeside a { background-image: url(/inc/images/logo_seeside.png); }
			#brands a span { display: none; }