@charset "utf-8";
/* CSS Document */
* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:11px;
	color:#E2E2E2;
	background-color:#000;	
}
::selection {
	background: #ccc; /* Safari */
}
::-moz-selection {
	background: #ccc; /* Firefox */
}
li{
	vertical-align: text-top;
}
.clear_left{
	clear:left;
}
.clear_both{
	clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}
.paddingNul{
	padding-bottom:0;	
}
strong{
	font-weight:700;
}
.disableSelection{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.error{
	color:red;
}
h1{

}
h2{

}

h3{

}
p{
		
}
a{
	color:#363731;
}
a:hover{
	text-decoration:none;	
}
#mainframe{
	margin:0 auto;
	position:relative;
	width:898px;
	min-height:1000px;
}
.headerBackground{
	width:100%;
	height:78px;
	float:left;
	z-index:-3;
	position:relative;	
}
.headerBackground .left{
	float:left;
	width:40px;
	height:78px;
	background:url(/img/spirex2_sprite.png) no-repeat -92px -85px;
}
.headerBackground .middle{
	float:left;
	width:818px;
	height:78px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -3px;
}
.headerBackground .right{
	float:left;
	width:40px;
	height:78px;
	background:url(/img/spirex2_sprite.png) no-repeat -137px -85px;
}

#logo{
	float:left;
	margin-left:17px;
	margin-top:10px;
}
#logo a{
	width:81px;
	height:64px;
	display:block;
	background:url(/img/spirex2_sprite.png) no-repeat 0 0;
}
#logoBijschrift{
	float:left;
	margin-left:12px;
	margin-top:44px;
}
#logoBijschrift a{
	font-size:15px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
}
#hoofdmenu{
	float:left;
	width:898px;
	height:78px;
	margin-top:2px;
	position:relative;
}
#footermenu{
	float:left;
	width:898px;
	height:78px;
	margin-top:2px;
	position:relative;
	margin-bottom:10px;
}
.menubalk ul{
	position:absolute;
	left:19px;
	top:19px;
	height:44px;
}
.menubalk li{
	list-style-type:none;
	float:left;
	cursor:pointer;
	height:44px;
	line-height:40px;
	padding-left:20px;
	padding-right:22px;
	margin-right:2px;
	position:relative;
}
.menubalk li.notActive:hover a{
	color:#000;	
}
.menubalk li.first{
	padding-left:22px;
}
.menubalk li.beforeActive{
	margin-right:0;
	padding-right:24px;
}
.menubalk li.beforeActive .separator{
	display:none;	
}
.menubalk li .separator{
	position:absolute;
	top:0;
	right:0;
	width:2px;
	height:40px;
	background:url(/img/spirex2_sprite.png) no-repeat -63px -65px;
}
.menubalk li .backgr{
	display:none;
}
.menubalk li.last .separator{
	display:none;
}
.menubalk li.active .separator{
	display:none;
}
.menubalk li a{
	color:#565656;
	font-size:10px;
	text-decoration:none;
	font-weight:700;
	display:block;
	text-transform:uppercase;
}
#footer .menubalk li a{
	color:#565656;
}
#footer .menubalk li a:hover{
	text-decoration:none;
}
#footer .menubalk li.notActive a:hover{
	color:#000;
}
.menubalk li.active .backgr{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:44px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -143px;
	display:block;
	z-index:-2;
}
.menubalk li.active .backgr span{
	position:absolute;
	top:0;
	width:15px;
	height:44px;
	display:block;	
}
.menubalk li.active .backgr .left{
	left:0;
	background:url(/img/spirex2_sprite.png) no-repeat 0 -124px;
}
.menubalk li.active .backgr .right{
	right:0;
	background:url(/img/spirex2_sprite.png) no-repeat -18px -124px;
}

.actionMenu{
	position:absolute;
	right:19px;
	top:19px;
}
.footer{
	position:relative;
}
.footer .actionMenu{
	right:0;
	top:4px;	
}
.actionMenu li{
	float:left;
	list-style:none;
	position:relative;
}
.actionMenu li span{
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:40px;	
	background:url(/img/spirex2_sprite.png) no-repeat -63px -65px;
}
.footer .actionMenu li span{
	background:url(/img/spirex2_sprite.png) no-repeat -70px -65px;
}
.productLeft .contentBlock .bigFooter .footer{
	height:84px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -270px;
}
.productLeft .contentBlock .bigFooter .footer .actionMenu li span.rotated{
	background:url(/img/spirex2_sprite.png) no-repeat -74px -65px;
}
.actionMenu li a{
	width:40px;
	height:40px;
	float:left;
	display:block;
	background-repeat:no-repeat;
}
.actionMenu li a.number{
	width:40px;
	display:block;
	text-align:center;
	font-weight:700;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	line-height:40px;
	height:40px;	
}
.actionMenu li:hover a.number, .actionMenu li.active a.number{
	text-decoration:underline;
}
.actionMenu li a.facebook{ 	background-image:url(/img/spirex2_sprite.png); 	background-position: -92px -40px; }
.actionMenu li a.twitter{  	background-image:url(/img/spirex2_sprite.png); 	background-position: -137px -40px; }
.actionMenu li a.email{ 	background-image:url(/img/spirex2_sprite.png);	background-position: -182px -40px; }
.actionMenu li a.arrow{		background-image:url(/img/spirex2_sprite.png); 	background-position: -272px -40px; }
.actionMenu li a.arrowDown{	background-image:url(/img/spirex2_sprite.png); 	background-position: -227px -40px; }

.actionMenu li a.facebook:hover{ 	background-position: -92px 0; }
.actionMenu li a.twitter:hover{  	background-position: -137px 0; }
.actionMenu li a.email:hover{ 		background-position: -182px 0; }
.actionMenu li a.arrow:hover{		background-position: -272px 0; }
.actionMenu li a.arrowDown:hover{	background-position: -227px 0; }

.footer .actionMenu li a.facebook{ 	background-position: -92px 0; }
.footer .actionMenu li a.twitter{  	background-position: -137px 0; }
.footer .actionMenu li a.email{ 	background-position: -182px 0; }
.footer .actionMenu li a.arrow{		background-position: -272px 0; }
.footer .actionMenu li a.arrowDown{	background-position: -227px 0; }

.footer .actionMenu li a.facebook:hover{ 	background-position: -92px -40px; }
.footer .actionMenu li a.twitter:hover{  	background-position: -137px -40px; }
.footer .actionMenu li a.email:hover{ 		background-position: -182px -40px; }
.footer .actionMenu li a.arrow:hover{		background-position: -272px -40px; }
.footer .actionMenu li a.arrowDown:hover{	background-position: -227px -40px; }


.lineFull{
	width:860px;
	margin-left:19px;
	height:2px;
	background:url(/img/backgr_sprite.png) repeat-x 0 0;
	margin-top:18px;
	margin-bottom:18px;
	float:left;	
}
#content .lineFull{
	margin-left:0;
}
#content{
	float:left;
	margin-top:20px;
	margin-left:19px;	
}
#content.cases, #content.psu, #content.cpu_coolers, #content.fans{
	margin-top:0;
}
.awards .contentBlock{
	cursor:pointer;
}
.contentBlock{
	float:left;
	position:relative;
	margin-bottom:20px;
}
.contentBlockMarginRight{
	margin-right:20px;
}
.contentBlock .content{
	float:left;
	position:relative;
}
.contentBlock .content .info{
	width:100%;
	float:left;
	background-color:#7c7c7c;
}
.awards .contentBlock .content .info{
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;	
}
.awards .contentBlock .content .rollOver{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
}
.awards .contentBlock .content .rollOver .backgr{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	opacity:.8;
	filter:alpha(opacity=80);
}
.awards .contentBlock .content .rollOver .readArticle{
	text-transform:uppercase;
	font-weight:700;
	width:100%;
	display:block;
	text-align:center;
	margin-top:84px;
	position:relative;
	z-index:10;
}
.contentBlock .content .footer{
	position:relative;
	float:left;
	width:100%;
	height:44px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -223px;	
}
#content .contentBlock .noContent .footer{
	height:4px;	
}
.contentBlock .content .footer .galleryTime{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:0%;
	height:4px;
	background-color:#8e0e0e;	
}
.contentBlock .content .footer .text{
	font-size:10px;
	text-transform:uppercase;
	line-height:40px;
	height:40px;
	display:block;
	padding-top:4px;
	padding-left:16px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	position:relative;
}
.awards .contentBlock:hover .content .footer .text{
	text-decoration:underline;
}
.contentBlock .content .footer .text span{
	font-weight:normal;	
}
.contentBlock .content .footer .text li{
	list-style:none;
	position:absolute;
	top:4px;
	left:16px;
	display:none;	
}
.homeSlider .actionMenu li{
	display:none;
}
.hoek{
	position:absolute;
	display:block;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
}
.lb{
	top:-16px;
	left:-16px;
	background:url(/img/spirex2_sprite.png) 0 -65px;	
}
.rb{
	top:-16px;
	right:-16px;
	background:url(/img/spirex2_sprite.png) -28px -65px;	
}
.ro{
	bottom:-16px;
	right:-16px;
	background:url(/img/spirex2_sprite.png) -28px -92px;	
}
.lo{
	bottom:-16px;
	left:-16px;
	background:url(/img/spirex2_sprite.png) 0 -92px;	
}
.mb{
	position:absolute;
	top:-16px;
	left:10px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -476px;
	height:16px;
	width:10px;
}
.mr{
	position:absolute;
	top:10px;
	right:-16px;
	background:url(/img/blockBackgr_mr.png) repeat-y;
	height:10px;
	width:16px;
}
.mo{
	position:absolute;
	bottom:-16px;
	left:10px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -496px;
	height:16px;
	width:10px;
}
.ml{
	position:absolute;
	top:10px;
	left:-16px;
	background:url(/img/blockBackgr_ml.png) repeat-y;
	height:10px;
	width:16px;
}


/* BLOK AFMETINGEN */

.contentBlock .width860{	width:860px; }
.contentBlock .width640{	width:640px; }
.contentBlock .width610{	width:610px; }
.contentBlock .width520{	width:520px; }
.contentBlock .width420{	width:420px; }
.contentBlock .width320{	width:320px; }
.contentBlock .width230{	width:230px; }

.contentBlock .height435 .info{ height:435px; }
.contentBlock .height306 .info{ height:306px; }
.contentBlock .height200 .info{ height:200px; }
.contentBlock .height290 .info{ height:290px; }
.contentBlock .height186 .info{ height:186px; }




/* OVERIG */

.spireX2Logo{
	float:left;
	display:block;
	background:url(/img/spireX2_logo.png) no-repeat;
	width:224px;
	height:111px;
	margin-left:3px;
	margin-top:97px;
}
.column h2, .column h3{
	float:left;
	text-transform:uppercase;
	font-size:13px;
	line-height:19px;
	padding-bottom:19px;
	width:155px;
	font-weight:700;
}
.column h2{
	width:190px;
}
.column h3 span{
	font-weight:normal;
}

.column p{
	float:left;
	line-height:19px;
	padding-bottom:19px;
	width:190px;	
}
.column .lineFull{
	width:100%;
}
.column p.paddingNul{
	padding-bottom:0;
}

.headerBlock h1, .headerBlock h2{
	position:absolute;
	color:#565656;
	font-size:10px;
	text-transform:uppercase;
	height:40px;
	line-height:40px;
	font-weight:700;
	display:block;
	left:22px;
	top:19px;
}
.headerBlock h1 span, .headerBlock h2 span{
	font-weight:normal;
}
.singleColumn{
	position:relative;
	width:200px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.twoColumns{
	position:relative;
	width:420px;
	float:left;
	padding-right:10px;
}
.singleColumn .headerBlock, .twoColumns .headerBlock, .threeColumns .headerBlock{
	width:100%;
	position:relative;
	float:left;
	display:block;
	height:44px;
	padding-bottom:19px;
}
.singleColumn .headerBlock{
	margin-bottom:16px;	
}
.singleColumn .actionMenu, .twoColumns .actionMenu, .threeColumns .actionMenu{
	right:0;	
}

.singleColumn .headerBackground{
	position:absolute;
	left:-19px;
	top:0;
	width:238px;
}	
.singleColumn .headerBackground .middle {
	width:158px;
}

.twoColumns .headerBackground{
	position:absolute;
	left:-19px;
	top:0;
	width:458px;
}	
.twoColumns .headerBackground .middle {
	width:378px;
}
.threeColumns .headerBackground{
	position:absolute;
	left:-19px;
	top:0;
	width:680px;
}	
.threeColumns .headerBackground .middle {
	width:599px;
}
.threeColumns .specifications, .threeColumns .downloads{
	float:left;
	position:relative;
	margin-top:17px;
	width:415px;
}
.threeColumns .specifications td{
	vertical-align:text-top;
}
.threeColumns .downloads p{
	width:400px;
}
.threeColumns .downloads p a{
	color:#E2E2E2;
}
.threeColumns .downloads p a:hover{
	text-decoration:none;
}
.threeColumns .subcolumn{
	float:left;
	width:200px;
	margin-top:17px;
}
.threeColumns .marginRight{
	margin-right:20px;	
}
.threeColumns .subcolumn h2.citaat{
	font-weight:600;
	font-size:18px;
	line-height:25px;	
}
.threeColumns .subcolumn h3{
	font-size:11px;
	line-height:19px;
	padding-bottom:0;	
}
.threeColumns .subcolumn ul{
	padding-bottom:19px;
	float:left;		
}
.threeColumns .subcolumn li{
	line-height:19px;
	margin-left:12px;
	width:100%;
	float:left;
}
.threeColumns .subcolumn .productMenu{
	float:left;
	margin-top:2px;	
}
.threeColumns .subcolumn .productMenu ul{
	padding-bottom:0;
}
.threeColumns .subcolumn .productMenu li{
	float:left;
	margin-bottom:3px;
	list-style:none;
	width:100%;
	margin-left:0;
}
.threeColumns .subcolumn .productMenu li a{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#E2E2E2;
	text-decoration:none;
}
.threeColumns .subcolumn .productMenu li a:hover, .threeColumns .subcolumn .productMenu li a.active{
	text-decoration:underline;
}
.latestNews .newsItem, .aboutUs .subcolumn{
	float:left;
	width:200px;
	margin-top:17px;
}
.latestNews .marginRight, .aboutUs .marginRight{
	margin-right:20px;	
}
.latestNews .newsItem .image{
	position:relative;
	float:left;
	width:200px;
	height:160px;
	margin-bottom:15px;
	background-color:#7c7c7c;
}
.latestNews .newsItem .image .mb, .latestNews .newsItem .image .mo{
	width:180px;	
}
.latestNews .newsItem .image .mr, .latestNews .newsItem .image .ml{
	height:140px;	
}

.latestNews .newsItem .date{
	float:left;
	display:block;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	line-height:20px;
}
.latestNews .newsItem a.moreInfo{
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
	color:#E2E2E2;
}
.latestNews .newsItem a.moreInfo:hover{
	text-decoration:underline;
}

#tweet{
	float:left;
}
#tweet li{
	float:left;
	list-style:none;
	padding-bottom:31px;
	margin-bottom:25px;
	position:relative;
}
#tweet li a{
	color:#E2E2E2;
}
#tweet li a.name{
	font-weight:700;
	text-decoration:none;
}
#tweet li a.name:hover{
	text-decoration:underline;
}
#tweet li span{
	font-size:9px;
}
#tweet li .line{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:2px;
	background:url(/img/backgr_sprite.png) repeat-x 0 0;
}
#twitter{
	float:left;
	padding-bottom:23px;
}
#twitter .twtr-hd, .twtr-ft{
	display:none;
}
#twitter a, #twitter a{
	font-family:'Open Sans',Arial,sans-serif !important;
	font-size:11px;
}
#newsletterForm{
	float:left;	
}
#newsletterReplacement{
	float:left;
	display:none;
}
#newsletterForm input{
	width:198px;
	height:18px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#fff;
	border:solid 1px #dbdbdb;
	text-indent:10px;
	line-height:18px;
	font-size:11px;
	text-transform:inherit;
	color:#707070;
}
.column a.send{
	float:left;
	text-align:right;
	color:#E2E2E2;
	text-transform:uppercase;
	font-weight:700;
	margin-top:10px;
	width:100%;
	cursor:pointer;
}
.column a.send:hover{
	text-decoration:underline;
}
.column .contactText{
	margin-top:16px;
	float:left;
}
.column .contactText p{
	width:350px;
}
#contactform{
	margin-top:16px;
	float:left;
}
#contactform label{
	float:left;
	width:120px;
	text-transform:uppercase;
	font-weight:700;
	margin-right:10px;
	height:26px;
	line-height:26px;
	margin-bottom:12px;
	padding-top:1px;
}
#contactform label.textareaLabel{
	width:180px;
}
#contactform input, #contactform textarea{
	width:278px;
	height:18px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#fff;
	border:solid 1px #dbdbdb;
	padding-left:10px;
	line-height:18px;
	font-size:11px;
	text-transform:inherit;
	color:#707070;
	margin-bottom:12px;
}
#contactform textarea{
	height:156px;
	font-family: 'Open Sans', Arial, sans-serif;
}
#contactformReplacement{
	margin-top:16px;
	float:left;
	display:none;
}
#contactformReplacement h2{
	display:block;
	width:100%;
}
/* PRODUCT GROUPS */

.productGroup{
	overflow:hidden;
	position:relative;
}
.productGroup .info{
	margin-bottom:44px;
}
.productItems{
	position:absolute;
	left:0;
	bottom:0;
	width:420px;
	height:44px;
	background-color:#333333;
	overflow:hidden;
	z-index:10;
}

.productItems ul.items li{
	float:left;
	list-style:none;
	margin-left:20px;
	margin-top:20px;
	background-color:#aaaaaa;
}
.productItems ul.items li a{
	width:60px;
	height:60px;
	display:block;
	border-bottom:3px solid #c60202;
}
.productItems ul.items li a:hover{
	border-bottom:3px solid #8e0e0e;
}
#tooltip {
    background-color: #FFF;
    opacity: 1;
    padding: 2px 6px;
    position: absolute;
    z-index: 3000;
	font-size:10px;
	color:#000;
	text-transform:uppercase;
	font-weight:700;
}

/* PRODUCT DETAIL */


#productGroupMenu{
	float:left;
	width:895px;
	height:58px;
	position:relative;
	margin-left:3px;
}
.menubalkSmall ul{
	position:absolute;
	left:16px;
	top:16px;
	height:30px;
}
.menubalkSmall li{
	list-style-type:none;
	float:left;
	cursor:pointer;
	height:30px;
	line-height:26px;
	padding-left:20px;
	padding-right:22px;
	margin-right:2px;
	position:relative;
}
.menubalkSmall li.first{
	padding-left:22px;
}
.menubalkSmall li.beforeActive{
	margin-right:0;
	padding-right:24px;
}
.menubalkSmall li.beforeActive .separator{
	display:none;	
}
.menubalkSmall li .separator{
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:25px;
	background:url(/img/spirex2_sprite.png) no-repeat -67px -65px;
}
.menubalkSmall li .backgr{
	display:none;
}
.menubalkSmall li.last .separator{
	display:none;
}
.menubalkSmall li.active .separator{
	display:none;
}
.menubalkSmall li a{
	color:#565656;
	font-size:10px;
	text-decoration:none;
	font-weight:700;
	display:block;
	text-transform:uppercase;
}
.menubalkSmall li.notActive:hover a{
	/*color:#510d0e;	*/
	color:#000;
}
.menubalkSmall li.active .backgr{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:30px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -189px;
	display:block;
	z-index:-2;
}
.menubalkSmall li.active .backgr span{
	position:absolute;
	top:0;
	width:15px;
	height:30px;
	display:block;	
}
.menubalkSmall li.active .backgr .left{
	left:0;
	background:url(/img/spirex2_sprite.png) no-repeat -39px -124px;
}
.menubalkSmall li.active .backgr .right{
	right:0;
	background:url(/img/spirex2_sprite.png) no-repeat -57px -124px;
}
.headerBackgroundSmall{
	width:100%;
	height:58px;
	float:left;
	z-index:-3;
	margin-left:3px;
	position:relative;	
}
.headerBackgroundSmall .left{
	float:left;
	width:40px;
	height:58px;
	background:url(/img/spirex2_sprite.png) no-repeat -182px -85px;
}
.headerBackgroundSmall .middle{
	float:left;
	width:810px;
	height:58px;
	background:url(/img/backgr_sprite.png) repeat-x 0 -83px;
}
.headerBackgroundSmall .right{
	float:left;
	width:40px;
	height:58px;
	background:url(/img/spirex2_sprite.png) no-repeat -227px -85px;
}



.productsInGroup{
	margin-left:19px;
	float:left;
}
.productsInGroup li{
	float:left;
	list-style:none;
	margin-right:20px;
	margin-top:20px;
	background-color:#aaaaaa;
}
.productsInGroup li a{
	width:60px;
	height:60px;
	display:block;
	border-bottom:3px solid #c60202;
}
.productsInGroup li a:hover, .productsInGroup li a.active{
	border-bottom:3px solid #8e0e0e;
}
.productTabs{
	float:left;
	position:relative;
	padding-left:34px;
}

.productTabs li{
	position:relative;
	float:left;
	list-style:none;
	cursor:pointer;
	margin-right:18px;
	z-index:40;
}
.productTabs li .left{
	width:34px;
	height:56px;
	position:absolute;
	left:-34px;
	top:0;
	background:url(/img/spirex2_sprite.png) no-repeat -182px -145px;	
}
.productTabs li:hover .left, .productTabs li.active .left{
	background:url(/img/spirex2_sprite.png) no-repeat -249px -145px;	
}
.productTabs li .middle{
	height:56px;
	float:left;
	background:url(/img/backgr_sprite.png) repeat-x 0 -416px;
	position:relative;
	padding-right:31px;
}
.productTabs li:hover .middle, .productTabs li.active .middle{
	background:url(/img/backgr_sprite.png) repeat-x 0 -357px;	
}
.productTabs li .middle a{
	float:left;
	display:block;
	color:#565656;
	text-transform:uppercase;
	font-weight:700;
	line-height:41px;
	font-size:10px;
	text-decoration:none;
	height:41px;
	margin-top:15px;
	padding-left:12px;
	padding-right:20px;
}
.productTabs li:hover .middle a, .productTabs li.active .middle a{
	color:#fff;	
}
.productTabs li .middle .separator{
	display:block;
	width:2px;
	height:39px;
	margin-top:16px;
	float:left;
	background:url(/img/spirex2_sprite.png) no-repeat -59px -65px;
}
.productTabs li:hover .middle .separator, .productTabs li.active .middle .separator{
	background:url(/img/spirex2_sprite.png) no-repeat -56px -65px;
}
.productTabs li .middle .arrow{
	position:absolute;
	display:block;
	width:39px;
	height:41px;
	top:15px;
	right:-10px;
	float:left;
	background:url(/img/spirex2_sprite.png) -272px -40px;
}
.productTabs li:hover .middle .arrow{
	background:url(/img/spirex2_sprite.png) -272px 0;
}
.productTabs li.active .middle .arrow{
	background:url(/img/spirex2_sprite.png) -227px 0;
}
.productTabs li .right{
	position:absolute;
	right:-26px;
	top:0;
	width:26px;
	height:56px;
	float:left;
	background:url(/img/spirex2_sprite.png) no-repeat -219px -145px;	
}
.productTabs li:hover .right, .productTabs li.active .right{
	background:url(/img/spirex2_sprite.png) no-repeat -286px -145px;
}

.threeColumns{
	position:relative;
	float:left;
	width:640px;
	padding-right:10px;
}
.productLeft{
	float:left;
	width:640px;
}
.productRight{
	float:right;
	width:200px;
	margin-left:10px;
	margin-top:38px;
}
.clickable{
	cursor:pointer;
}
.clickAbleContent{
	cursor:pointer;
}
.clickAbleContent:hover .footer .text, .clickAbleContent:hover .footer .text li{
	text-decoration:underline;
}
.whereToBuy p{
	margin-left:5px;
}
.awardList li{
	float:left;
	list-style:none;
	width:100%;
	margin-bottom:20px;
	cursor:pointer;
}
.awardList li .image{
	float:left;
	display:block;
	width:65px;
	margin-right:15px;
	text-align:center;	
	padding-bottom:5px;
}
.awardList li span{
	float:right;
	display:block;
	text-transform:uppercase;
	margin-top:3px;
	line-height:19px;
	width:120px;
}
.awardList li a{
	float:left;
	line-height:19px;
	display:block;
	color:#E2E2E2;
	text-decoration:none;
}
.awardList li:hover a, .awardList li a:hover{
	text-decoration:underline;
}

/* AWARDS */

.awards .contentBlock .content{ width:200px; }
.awards .contentBlock .content .info{ height:186px; }

.awards .contentBlock{ margin-right:20px; }
.awards .last{ margin-right:0; }

.awards{
	padding-bottom:10px;
}






/* FOOTER */

#footer{
	float:left;
	width:898px;
	padding-bottom:110px;
}
#footer .footerLeft{
	float:left;
	width:200px;
	margin-left:19px;
	margin-bottom:10px;
}
#footer a{
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	font-weight:700;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .footerLeft li{
	list-style:none;
	float:left;
	width:100%;
}
#footer .footerRight{
	float:right;
	width:200px;
	margin-right:19px;
}
#footer .footerRight li{
	list-style:none;
	float:left;	
	width:100%;
	text-align:right;
}
#footer .copyright{
	float:left;
	color:#fff;
	margin-left:19px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:700;
}
#footer .komma{
	float:right;
	margin-right:19px;
	width:300px;
	text-align:right;	
}

#background{
	position:absolute;
	width:1876px;
	height:1900px;
	top:0;
	margin-left:-938px;
	left:50%;
	z-index:-10;
	background:url(/img/backgr_image.jpg) no-repeat;
	
}

/* FOTOGALERIE */

#photoSlide, #photoGallerySlide{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	overflow:hidden;
}
#photoSlide ul, #photoGallerySlide ul{
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
#photoSlide ul li, #photoGallerySlide ul li{
	position:relative;
	float:left;
	list-style:none;
}
#photoGallerySlideMenu li a{
	cursor:pointer;
}
#photoGallerySlideMenu li a.active{
	text-decoration:underline;
}
.bigFooter #photoGallerySlideMenu{
	width:400px;
	
}
.tekstPagina{
	width:600px;
	float:left;
}
.tekstPagina h1{
	width:600px;
	float:left;
	padding-bottom:19px;
}
.tekstPagina h2{
	width:600px;
	float:left;
}
.tekstPagina p{
	float:left;
	line-height:19px;
	padding-bottom:19px;
}
.tekstPagina a{
	color:#E2E2E2;
}
.tekstPagina a:hover{
	text-decoration:none;
}


ul.sitemap{
	float:left;
}
ul.sitemap li{
	margin-left:28px;
	padding-bottom:10px;
}
ul.sitemap li a{
	color:#E2E2E2;
	text-decoration:none;
}
ul.sitemap li a:hover{
	text-decoration:underline;	
}
ul.sitemap li ul.subSitemap li{
	margin-left:22px;
	padding-bottom:0;
}
ul.sitemap li ul.subSitemap li a{
	color:#E2E2E2;
}

.youtubeLink{color:#fff; text-decoration:none; }
.youtubeLink:hover{text-decoration:underline; }

.facebookBlock{
	overflow:hidden;
	position:relative;
}
.facebookBlock .info{
	margin-bottom:44px;
}
.facebookLike{
	position:absolute;
	left:0;
	bottom:0;
	width:320px;
	height:44px;
	background-color:#333333;
	overflow:hidden;
	z-index:10;
}
.facbookLikeDiv iframe{
	margin-left:15px;
	margin-top:20px;
}

.awardBlockHome{
	background:url(/img/home/awards_backgr.jpg) no-repeat;
}
.awardBlockHome li{
	list-style:none;
	float:left;
	width:125px;
	height:186px;
	margin-left:36px;
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
}

.emailLink{ color:#fff !important; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/img/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}