@import url('reset.css');

/*
back: #ffffff, #000000
text: #b2b2b2
bottom menu: #666666
footer: #8c8c8c;
*/

html { width: 100%; height: 100%; background: url(styles/back.png) repeat-y; background-position: top center; background-color: #000; overflow-y: scroll; }
body { width: 100%; height: 100%; color: #b2b2b2; font-size: 13px; font-family: arial, tahoma, helvetica, verdana, lucida, sans-serif; background: url(styles/bigBack.png) no-repeat; background-position: top center; text-align: center; }

input { font-family: Arial, tahoma, helvetica, verdana, lucida, sans-serif; }

a { color: #666666; text-decoration: underline; }

a:hover { text-decoration: none; }

h2 { color: #000; font-weight: normal; font-size: 32px; margin-bottom: 20px; }

h3 { font-size: 13px; font-weight: bold; }
	h3 span { font-size: 15px; color: #f00; }

sup { font-size: 8px; vertical-align: top; }

img { border: 0; }

#rightCol h2 { margin-bottom: 20px; color: #fff; font-weight: normal; font-size: 32px; }

div#top { width: 100%; float: none; }

div#leftCol p { color: #000; line-height: 1.2em; margin-bottom: 10px; }

#rightCol p { color: #fff; }
#rightCol img { border:0 none; }

.result { color: #000; font-size: 18px; margin-bottom: 15px; }

/* Logo */
#flashlogo { width: 314px; height: 95px; display: block; overflow: hidden; float: right; margin-right: 205px; }
	#flashlogo h1 a{ width: 314px; height: 95px; text-indent: -9999px; background: url(styles/logo.png) no-repeat; display: block; overflow: hidden; float: right; }

/* Top Left */
div#topLeft { position: relative; width: 50%; height: 95px; background: url(styles/topLeftBack.png) repeat-x; display: block; float: left; }
#slogan { position: absolute; top: 40px; right: 10px; width: 200px; height: 31px; text-indent: -9999px; display: block; overflow: hidden; z-index: 5; background: url(styles/slogan.png) no-repeat scroll; }
#slogan_hidden { display: none; }

/* Top Right */
div#topRight { position: relative; width: 453px; height: 95px; display: block; float: left; }
	div#topRight a { position: absolute; top: 70px; right: 0; width: 100px; display: block; text-align: right; font-size: 12px; }

/* Main Menu */
#nav { overflow: hidden; white-space: nowrap; width: 910px; height: 38px; background-color: #000; border-top: 1px solid #535353; border-bottom: 1px solid #535353; margin: 0 auto; display: table; clear: both; }
#nav ul { list-style: none; margin: 0; padding: 0; display: table-row; white-space: nowrap; }
#nav ul li { display: table-cell; }
#nav ul li a { float: left; font-size: 14px; font-family: "Cuprum", arial, serif; background: url(styles/menu_marker.png) no-repeat scroll center 40px; display: block; padding: 12px 5px; text-transform: uppercase; text-decoration: none; color: #fff; }
#nav ul li a:hover { color: #a5a5a5; background-position: center -1px; }
#nav ul li.current-menu-item a, #nav ul li.current-post-ancestor a { color: #f00; background-position: center -41px; }

/* Language Menu */
#qtranslate-3-chooser .active { display: none; }

/* e-Domko */
div#topRight a#edomko { position: absolute; top: -206px; left: 112px; width: 235px; height: 153px; display: block; overflow: hidden; text-indent: 9999px; background: transparent url( styles/e-domko-christmas.png ) no-repeat scroll; }

/* Main */
div#main { width: 990px; /*min-height: 926px; height: auto !important; height: 926px;*/ text-align: left; padding-top: 17px; margin: 0 auto; display: block; }

#flashcontent { width: 910px; height: 450px; color: #fff; background-color: #000; margin: 0 auto; display: block; clear: both; }

div#fullWidth { width: 890px; margin-bottom: 25px; padding: 10px; color: #fff; background-color: #000; border-top: 1px solid #535353; border-bottom: 1px solid #535353; display: block; text-align: left; overflow: hidden; clear: both; }
	div#fullWidth h2 { color: #fff; }
	div#fullWidth p { line-height: 1.2em; }
	div#fullWidth #goto { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; display: block; clear: both; }

/* Container */
div#container { position: relative; width: 910px; margin: 25px auto; display: block; text-align: left; overflow: hidden; }


/* Left Col */
div#leftCol { position: relative; width: 422px; padding-right: 33px; float: left; }

/* Right Col */
#rightCol { padding: 0 0 0 33px; width: 422px; float: right; }
html>body #rightCol { width: 422px; }

/* Home */
.home h3 { margin-top:  5px; }
.home a { color:#666666; font-size: 13px; font-weight: normal; text-decoration:underline; }
#banner { position: relative; width: 790px; height: 425px; display: block; margin: 0 auto; overflow: hidden; clear: both; }
#banner_slider { position: relative; width: 790px; height: 425px; background:url( styles/loading.gif ) no-repeat 50% 50%; }
#banner_slider img { position: absolute; top: 0px; left: 0px; display:none; }
#banner_slider a { border: 0; display: block; }
#banner .nivo-controlNav { position: absolute; right: 0; bottom: 0; }
#banner a.nivo-control { margin-left: 7px; float: left; width: 13px; height: 13px; text-indent: -9999px; background: transparent url(styles/slider_dots.png) no-repeat scroll 0 0; display: block; }
#banner a:hover.nivo-control { background-position: 0 -13px; }
#banner a.nivo-control.active { background-position: 0 -26px; }


/* About */
div.showAll { display: none; }
div#leftCol { width: 389px; padding-right: 0; }
html>body div#leftCol { width: 422px; padding-right: 33px; }
	.about a { width: 428px; padding: 5px 20px 5px 7px; font-size: 18px; text-decoration: none; color: #3f3f3f; display: block; }
		.about a:hover { text-decoration: underline; }

div#leftCol a.aMore { color: #f00; font-size: 13px; text-align: right; }

#about_slider { position: relative; width: 420px; height: 420px; }
#about_slider img { position: absolute; top: 0px; left: 0px; display:none; }
#about_slider a { border: 0; display: block; }


#rightCol ul#years { overflow: hidden; }
	#rightCol ul#years li { float: left; margin: 0 7px 5px 0; padding-right: 7px; border-right: 2px solid #fff; }
		#rightCol ul#years li a { color: #fff; font-size: 18px; text-decoration: underline; float: left; }
			#rightCol ul#years li a:hover { text-decoration: none; }
				#rightCol ul#years li.activeYear a { color: #f00; text-decoration: none; }
				#rightCol ul#years li.normalYear a { color: #fff; text-decoration: underline; }
				#rightCol ul#years li.lastYear { border-right: 0; }

#rightCol #years-data li { display: none; margin-bottom: 20px; }

#images { position: relative; width: 420px; height: 420px; display: block; float: right; }


/* Services */
.slideshow { display: none; float: right; position: relative; width: 420px; height: 420px; background:url( styles/loading.gif ) no-repeat 50% 50%; }
.slideshow img { position: absolute; top: 0px; left: 0px; display: none; }

div#services { position: relative; display: block; width: 100%; min-height: 520px; }
	div#services ul li { width: 910px; display: block; overflow: hidden; }
	div#services ul li h3 a { color: #3F3F3F; display: block; font-weight: normal; font-size: 18px; padding: 5px 20px 5px 7px; text-decoration: none; width: 428px; }
		div#services ul li h3 a:hover { text-decoration: underline; }
	div#services ul li .slide { float: left; display: none; width: 428px; color: #000; padding: 15px 14px 15px 13px; background-color: #eee; }
		div#services ul li .slide ol, div#services ul li .slide ul { margin: 0 0 7px 15px; list-style-position: inside; }
		div#services ul li .slide ol { list-style: decimal; list-style-position: inside; list-style-type: decimal; }
		div#services ul li .slide li { margin-bottom: 3px; }
		div#services ul li .slide ul { list-style: disc; list-style-position: inside; }
	div#services ul li p { line-height: 1.2em; margin-bottom: 10px; }
		
div#services ul li a.noActiveNews { background: none; color: #3F3F3F; font-weight: normal; font-size: 18px; padding: 5px 20px 5px 7px; text-decoration: none; }
div#services ul li a.activeNews { color: #fff; background: transparent url(styles/rightArrow.png) no-repeat right 50%; background-color: #000; font-weight: bold; }


/* Products */
#leftCol.products { width: 455px; padding: 0; }
#leftCol #l1, #leftCol #l2 { width: 227px; display: block; float: left; }
#leftCol #l1 a, #leftCol #l2 a { width: 195px; padding: 6px 25px 6px 7px; font-size: 17px; color: #3f3f3f; display: block; line-height: 1.1em; }
#leftCol #l2 a { text-transform: uppercase; }
#leftCol #l1 .active, #leftCol #l2 .active { width: 196px; background: #000 url(styles/rightArrow.png) no-repeat scroll 100% 50%; color: #fff; font-weight: bold; display: block; }
#l2 .sub_cat { width: 181px !important; padding: 5px 25px 5px 22px !important; }

.info #thumbs a img { margin: 0 10px 10px 0; float: left; }

/* Promotions */
.promo .thumbs { width: 423px; overflow: hidden; }
.promo .thumbs h3 { font-size: 20px; font-weight: normal; color: #000; margin: 30px 0 5px 0; display: block; clear: both; }
.promo .thumbs a { width: 128px; height: 128px; border: 5px solid #fff; margin: 0 3px 3px 0; overflow: hidden; display: block; float: left; }
	.promo .thumbs a:hover { border: 5px solid #f00; }

#slider_wrap { position: relative; width: 420px; height: 420px; display: block; overflow: hidden; }
	#slider_wrap ul, #slider_wrap ul li { text-align: center; position: relative; background-color: #000; width: 420px; height: 420px; display: block; }
		#slider_wrap ul img { margin-right: 0; }

#slide { position: relative; color: #fff; }
#slide a#infoBtn { position: absolute; top: 0; left: 0; width: 400px; height: 16px; padding: 5px 10px 5px 10px; font-size: 14px; color: #fff; background: url(styles/alpha.png); display: block; z-index : 15; }
#overlay { position: absolute; top: 26px; left: 0; background: transparent url(styles/alpha.png) repeat scroll; width: 420px; max-height: 420px; z-index : 16; }
#info { line-height: 1.3em; width: 400px; padding-bottom: 10px; font-size: 13px; color: #fff; display: block; }
	#info ul { list-style-position: inside; }
	#info a { color: #bbb; }
	#info p { margin-bottom: 1em; }
#price { padding-top: 10px; width: 420px; height: 45px; display: block; }
	#price #oldPrice { color: #999; text-align: right; margin: 5px 20px 0 10px; font-size: 20px; float: right; }
		#price #oldPrice span { font-size: 12px; }
	#price #newPrice { font-size: 54px; font-weight: bold; margin-right: 10px; float: right; }
		#price #newPrice span { font-size: 20px; }

#download { height: 100px; margin-top: 40px; }
#download a#pic { width: 120px; height: 105px; background: url(styles/pdf.png) 0 0 no-repeat; display: block; margin-right: 15px; float: left; }
#download a:hover#pic { background-position: 0 3px; }
#download a { font-size: 18px; color: #8c8c8c; }
#download p { margin-top: 10px; }


/* Stores */
#stores ul { display: none; }
	#stores ul li { margin-bottom: 15px; display: block; clear: both; }
	#stores ul div { float: left; margin: 0 20px 15px 0; }
		#stores ul div h3 { width: 200px; font-size: 16px; color: #fff; }
		#stores ul div img { margin-bottom: 5px; }
		#stores ul p { line-height: 1.2em; }


/* Distributors */
.left_p { width: 420px; float: left; }
.right_p { width: 420px; float: right; }
.left_p p, .right_p p { margin-bottom: 5px; }
#distr .hidden { display: none; }
#distr li li { display: block; color: #fff; font-size:24px; margin-bottom: 5px; }
#rightCol div#cont { margin-top: 50px; }
	#rightCol div#cont h4 { font-size: 18px; color: #fff; }
	#rightCol div#cont p { font-size: 14px; font-weight: normal; margin-top: 5px; }
	

/* Projects */
#projects a.selected { background: #000 url(styles/rightArrow.png) no-repeat scroll right 50%; color: #fff; font-weight: bold; }
#projects a { color:#3F3F3F; display:block; font-size:18px; padding:5px 20px 5px 7px; text-decoration:none; width:428px; }
#designers { width: 100%; overflow: hidden; }
#rightCol #project_info h3 { color:#fff; font-size:18px; margin-bottom:15px; }
#rightCol #project_info p { color:#fff; font-size:13px; line-height: 1.4em; }
#rightCol #project_info a { text-decoration: none; }
#rightCol #project_info img { border:0 none; margin:10px 10px 0 0; }
#leftCol a.seemore { color: #f00; font-size: 13px; text-decoration: underline; }
#leftCol a.one { margin-bottom: 20px; display: block; }
#leftCol a.two { display: none; }
#other-projects { display: block; padding-bottom: 20px; }
#other-projects p { color:#3F3F3F; display:block; font-size:18px; padding: 0 20px 0 7px; text-decoration:none; width:428px; }


/* News */
.archive { position: absolute; left: 300px; }
	.archive p { color: #000; margin-bottom: 5px; }
	.archive select { width:60px; height:18px; font-size: 12px; }
#news li { width: 425px; padding: 10px 10px 10px 20px; }
	#news li.activeNews { background: #000 url(styles/rightArrow.png) right 50% no-repeat; }
	#news li p { font-size: 13px; font-weight: bold; color: #B2B2B2; margin-bottom: 0; }
	#news li h3 a { font-size: 13px; line-height: 1.3em; font-weight: normal; color: #666666; padding: 0; text-decoration: underline; text-transform: uppercase; }
		#news li h3 a:hover { text-decoration: none; }

#news li.activeNews h3 a { color: #fff; }
#news li.noActiveNews { background: none; }
#news li.noAactiveNews a { color: #666666; }

div#container .newsRight h3 { color: #fff; font-size:16px; font-weight:normal; margin-bottom:15px; }
	.newsRight small { color:#B2B2B2; font-size:13px; font-weight:bold; margin-bottom:10px; }
	.newsRight p { color:#fff; font-size:14px; line-height: 1.3em; margin: 10px 0; }
	.newsRight #thumbs { margin-top: 20px; }
		.newsRight #thumbs img { margin: 10px 10px 0 0; }
	.newsRight h4 { color: #fff; font-size: 18px; margin: 20px 0 10px 0; }
	.newsRight .bigimg { width: 128px; height: 128px; margin: 0 10px 10px 0; display: block; float: left; }
	.newsRight .bigimg img, .newsRight .smallimg img { margin: 0; }
	.newsRight .smallimg { width: 70px; height: 70px; margin-right: 10px; display: block; float: left; }
	.newsRight ul { list-style: disc; margin-left: 20px; }
		.newsRight ul li { margin: 5px 0; color:#ccc; font-size:14px; line-height: 1.3em; }
		
		
/* Contact */
#contact { width: 185px; color:#000000; display:block; font-size:13px; left:235px; position:absolute; top:55px; }
	#contact h3 { font-size: 18px; margin-bottom: 5px; }
#contactForm { position: relative; }
	#contactForm label { color: #000; display: block; margin-bottom: 5px; }
		#contactForm label span { color: #f00; }
	#contactForm label.error { color: #f00; margin-top: -15px; }
	#contactForm h4 { margin-top: 5px; }
	#contactForm input, #contactForm select { font-family: arial, tahoma, helvetica, verdana, lucida, sans-serif; width: 210px; height: 20px; font-size: 13px; margin-bottom: 15px; }
	#contactForm textarea { width: 420px; height: 160px; font-size: 13px; overflow: auto; }
	#contactForm .btn { color: #3f3f3f; font-size: 13px; width: 75px; height: 21px; border: 0; background: url(styles/btnBack.png) 0 0 no-repeat; margin-top: 15px; }

.contactsList { float: left; width: 200px; margin-right: 10px; color: #fff; font-size: 14px; font-weight: bold; list-style: none; display: block; }
	.contactsList li {  margin-bottom: 15px; }
		div#container .contactsList li h3 { font-size: 16px;  margin-bottom: 5px; }
		#rightCol .contactsList li p { font-size: 13px; color: #aaa; line-height: 1.2em; }
		.contactsList li a, .contactsList li p span { font-weight: normal; }


/* Sitemap */
#leftCol .sitemap li, #rightCol .sitemap li { margin-bottom: 5px; }
	#leftCol .sitemap li a, #rightCol .sitemap li a { color: #000; font-size: 18px; }
		#rightCol .sitemap li a { color: #fff; }
		#leftCol .sitemap li ul, #rightCol .sitemap li ul { margin-left: 20px; }
			#leftCol .sitemap li ul a, #rightCol .sitemap li ul a { color: #333; font-size: 16px; }
			#rightCol .sitemap li { color: #fff; font-size: 18px; }
			#rightCol .sitemap li ul a { color: #bbb; }

	
/* Careers */
#careersForm { margin-top: 15px; }
	#careersForm label { color: #fff; margin-top: 10px; margin-bottom: 5px; display: block; }
		#careersForm label span { color: #f00; }
	#careersForm .btn { color: #3f3f3f; font-size: 13px; width: 75px; height: 21px; border: 0; background: url(styles/btnBack.png) 0 0 no-repeat; margin-top: 15px; }
	#careersForm #cname, #careersForm #cphone, #careersForm select { width: 350px; }
	#careersForm textarea { width: 420px; height: 160px; overflow: auto; }
	#careersForm #t1, #careersForm #t2 { margin-top: 5px; margin-bottom: 5px; }
.career p { line-height: 1.3em; margin: 10px 0; }

#careersList a.careerHeader { width: 428px; padding: 5px 20px 5px 7px; display: block; font-size: 18px; font-weight: bold; text-decoration: none; color: #000; display: block; }
	#careersList a:hover.careerHeader { text-decoration: underline; }
	#careersList a.careerHeader span { font-weight: normal; font-size: 14px; color: #000; margin: 0; padding-top: 5px; display: block; clear: both; overflow: hidden; }
	#careersList a.careerHeader p { margin-bottom: 0; }
#careersList a.selected { color: #fff; background: #000 url(styles/rightArrow.png) no-repeat scroll right 50%; }
	#careersList a.selected span { color: #D3D2CB; }
	#careersList a.selected p { color: #D3D2CB; }
	
#careersList div { width: 435px; color: #000; padding: 10px 10px 0; background-color: #eee; overflow: hidden; }
	#careersList div p { line-height: 1.3em; }
	#careersList div ul { list-style: circle; list-style-position: inside; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }
	#careersList div ul li { margin-bottom: 3px; }
		#careersList div ul.noBullets { list-style-position: inside; list-style: none; }
	#careersList div a:hover { text-decoration: underline; }
	
	
/* Slider */
#slider { width: 420px; height: 420px !important; display: block; overflow: hidden; }
#slider_wrap #controls { position: absolute; top: 208px; left: 0; width: 420px; }
#slider_wrap #controls #prevBtn a, #slider_wrap #controls #nextBtn a { width: 26px; height: 26px; text-indent: -9999px; display: block; background: transparent url(styles/popupL.png) no-repeat; overflow: hidden; float: left; margin-left: 8px; }
#slider_wrap #controls #nextBtn a { background: transparent url(styles/popupR.png) no-repeat; float: right; margin-right: 8px; }


/* Footer */
div#footer { width: 990px; height: 40px; color: #8c8c8c; text-align: left; font-size: 12px; margin: 0 auto; display: block; }
html>body div#footer { margin-top: 44px; }
	div#footer #lFooter { width: 422px; padding-left: 40px; display: block; float: left; }
	div#footer #rFooter { width: 460px; color: #666666; text-align: left; float: right; display: block; }
		div#footer #rFooter ul li { float: left; margin-left: 10px; padding-left: 10px; border-left: 2px solid #666666; }
		div#footer #rFooter ul li.page-item-22 {  border-left: 0; padding-left: 0; margin-left: 0; }
		div#footer #rFooter a { color: #666666; float: left; }
			div#footer #rFooter li.current_page_item a { color: #f00; }

div.line { width: 900px; height: 40px; margin: 0 auto; border-bottom: 1px solid #535353; clear: both; }

div#textCol1, div#textCol2 { width: 420px; display: block; float: left; }

div#textCol2 { float: right; }



.spacer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.spacer {display: inline-block;}

/* Hides from IE-mac \*/
* html .spacer {height: 1%;}
.spacer {display: block;}
/* End hide from IE-mac */


/* normally hidden but will appear when css disabled */
.skip, .noCss { position: absolute; left: -9999px; }
.clear { clear: both; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; }