@import  url(editor.css); 
/*
+--------------------------------------------------------------------------
|   AlermTop
|   ================================================
|   Author:             Siim Sindonen | 8Stream | Pirn disain OÜ
|   Web:                http://www.8stream.com
|   Email:              info@8stream.com
+--------------------------------------------------------------------------
|   Main styles
+--------------------------------------------------------------------------
*/

body{
        margin:0;
        padding:0;
		background:#fff;
        }
                
.clear{
        clear:both;
		display:block;
        }
		
img{
        border:none;
        }
		
form{
        margin:0;
        padding:0;
        }
            
.checkbox,.radio{
		width:auto;
		}
		
.left{
		float:left;
		}
		
.right{
		float:right;
		}
			
/*------------------ Layout -----------------*/

#wrapper{
                width: 960px;
                position:relative;
                left:50%;
                margin-left:-480px;
                }
				
#logo{
                padding:0;
                margin:0;
				width:28%;
                background: url("../images/logo.jpg") no-repeat bottom right;
				float:left;
                }
				
#logo a{
                display:block;
                text-decoration:none;
				height:84px;
                text-indent:-9999px;
				outline: none;
                }
				
#content{
				background: url("../images/camera.jpg") no-repeat top right;
				}
				
#article{
				padding:0 0 0 0;
				text-align:justify;
				}
				
#article a{
				color:#831002;
				}
				
#article a:hover{
				font-weight:bold;
				}
				
#hederContent{
			background: url("../images/headerBackground.jpg") no-repeat top right;
			height:150px;
		}
		
#contentBox{
				background: url("../images/contentBg.jpg") repeat-y top right;
				min-height:600px;
				padding:0 0 30px 0;
				}
				
#frontpageRight,#subRight,#bigContent{
			background: url("../images/house.jpg") no-repeat bottom left;
			}
			
#frontpageTextLinks{
			border-top:1px solid #e5e5e5;
			margin-top:20px;
			}
			
#frontpageTextLinks a{
			color:#333;
			text-decoration:none;
			}
			
#frontpageTextLinks a:hover{
			font-size:1.4em;
			}
				
/*------------------ Newsletter -----------------*/

#subscribe{
				padding-bottom:20px;
				}

#subscribe input{
				padding:2px;
				width:150px;
				border:solid 1px #4c403b;
				margin:1px 3px 0 0;
				}
				
#subscribe button{
				margin-top:3px;
				}
				
#subscribe p{
				padding:0;
				margin:0;
				padding:0 0 4px 0;
				}

/*------------------ Mainmenu -----------------*/

#menu{
				clear:both;
				background:#4c403b;
				height:33px;
				background: url("../images/mainMenu.jpg") no-repeat top right;
				}

#mainMenu{
                padding: 0;
                margin: 0;
                list-style: none;
                font-weight:bold;
                }
				
#mainMenu .space{
				float:left;
				background: url("../images/mainMenuSpace.jpg") no-repeat top right;
				width:3px;
				height:33px;
				}

#mainMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#646464;
				font-size:1.2em;
				height:33px;
				line-height:2.5em;
				padding:0 10px 0 10px;
				text-transform:uppercase;
				outline: none;
                }
				
#mainMenu a,#mainMenu a:hover{
				background:url("../images/mainMenuAction.jpg") no-repeat top left;
				}
				
#mainMenu li{
                padding: 0;
                margin: 0;
				display: inline; /*IE*/
                width:auto;
                }
				
#mainMenu a:hover{
				background-position:0 -33px;
				line-height:2.2em;
                }
	

#mainMenu .active_menu,#mainMenu .active_menu:hover{
                color:#831002;
				line-height:2.2em;
                }
				
/*------------------ Frontpage -----------------*/

#frontpageLeft,#subLeft{
			float:left;
			width:270px;
			}
			
#frontpageLeft .mainTitle2,#frontpageRight .mainTitle{
			font-size:1.8em;
			}
			
#frontpageRight,#subRight{
			float:right;
			width:670px;
			}

/*------------------ Langmenu -----------------*/

#langMenu{
                padding: 0;
                margin: 0;
                list-style: none;
                float:left;
				padding:12px 0 0 0;
                }
				
#langMenu .space{
				color:#e9e9e9;
				float:left;
				}

#langMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#666;
				font-size:1em;
				padding:0 3px 0 3px;
				text-transform:uppercase;
                }
				
#langMenu li{
                padding: 0;
                margin: 0;
				display: inline; /*IE*/
                width:auto;
                }
				
#langMenu a:hover,#langMenu .active_lang{
                color:#181818;
                }
				
#langMenu a:hover{
                font-weight:bold;
                }
				
/*------------------ Gallery -----------------*/

.galleryItem{
				float:left;
				text-align:center;
				width:180px;
				height:190px;
				margin:5px;
				background:#f7f7f7;
				}
				
.galleryItem:hover{
				background:#e3e3e3;
				}
				
.imgContent{
				height:140px;
				}

/*------------------ Forms -----------------*/

.userForm{
	font-size:1.2em;
	color:#333;
	width:70%;
	}
	
.userForm fieldset{
	border:solid 0 transparent;
	}
	
.userForm input,.userForm textarea,.userForm select{
	width:98%;
	background:transparent;
	border:solid 1px #cccccc;
	padding:2px;
	}
	
.userForm input:focus,.userForm textarea:focus,.userForm select:focus{
	border:solid 1px #666;
	}
	
.userForm .radio,.userForm .checkbox,.userForm .sendForm{
	width:auto;
	}
	
.userForm .odd,.userForm .even{
	margin:5px 0 5px 0;
	padding:4px;
	}
	
.userForm .odd{
	}
	
.userForm .formLeft{
	float:left;
	width:35%;
	text-align:left;
	}
	
.userForm .formLeft .req{
	display:block;
	float:left;
	}
	
.userForm label{
	padding-top:4px;
	padding-right:4px;
	display:block;
	float:left;
	}
	
.userForm .formRight{
	float:right;
	text-align:left;
	width:65%;
	}
	
.userForm .formRight p{
	padding:0;
	margin:0;
	font-size:1em;
	}
	
.userForm .itemName{
	font-weight:bold;
	font-size:1.1em;
	}
	
.userForm .desc{
	display:block;
	padding-top:4px;
	font-size:1em;
	color:#666;
	}
	
.userForm .input,.userForm .textarea{
	width:100%;
	}
	
.req{
	color:#d61f07;
	font-size:1em;
	}
	
.reqField{
	border:solid 1px #d61f07;
	}
	
.userForm .sendForm{
	margin-left:35%;
	cursor:pointer;
	}
	
.formOK{
	padding:10px;
	text-align:left;
	font-size:1.8em;
	color:#79bd1d;
	}
	
/*------------------ Subpage -----------------*/

#subLeft .mainTitle2{
		padding-top:9px;
		}
		
#subRight{
		padding-top:7px;
		}    

/*------------------ News -----------------*/

.newsTitle,.newsTitle2{
	padding:0;
	margin:0;
	float:left;
	padding-bottom:2px;
	padding-top:15px;
	}
	
.newsTitle2{
	font-size:1.4em;
	font-weight:bold;
	color:#333;
	padding-bottom:1px;
	}
	
.newsTitle2 .newsDate{
	font-size:0.9em;
	font-weight:normal;
	}
	
.newsDate{
	font-size:0.6em;
	color:#666;
	padding-left:5px;
	}
	
.newsItem,.newsItem2{
	padding:0;
	margin:0;
	font-size:1.3em;
	padding-top:10px;
	clear:both;
	}
	
.newsItem2{
	font-size:1.2em;
	}
	
#pages{
	font-size:1.2em;
	font-weight:bold;
	}
	
#pages a{
	color:#333;
	text-decoration:none;
	padding:1px 3px 1px 3px;
	}
	
#pages .activePage{
	color:#fff;
	background:#831002;
	}
	
.redMore,.redMore2{
	display:block;
	color:#333;
	font-size:0.9em;
	padding-top:5px;
	color:#831002;
	}
	
.redMore2{
	font-size:1em;
	}
	
.redMore:hover,.redMore2:hover{
	font-weight:bold;
	}
	
/*------------------ Submenus -----------------*/

#subMenu{
		padding: 0;
        margin: 0;
        list-style: none;
		padding:0 5px 0 5px;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		}
		
#subMenu a{
        padding: 0;
        margin: 0;
        display: block;
        text-decoration: none;
        color:#3d3d3d;
		font-size:1.1em;
		padding:5px 0 5px 5px;
		border-bottom:1px solid #e5e5e5;
		font-weight:bold;
		outline: none;
		}
		
		
#subMenu li{
            padding: 0;
            margin: 0;
            }
			
#subMenu .active_menu,#subMenu a:hover{
			background:#fff;
			color:#831002;
			font-size:1.2em;
            }
			
#subMenu .active_menu{
			font-weight:bold;
			}
			
.subMenuFooter{
			border-left:1px solid #e5e5e5;
			height:7px;
			background:url("../images/menuCorner.jpg") no-repeat top right;
			margin-bottom:10px;
			}
			
#subMenu .subMenu a,#subMenu  .subMenuLast a{
				font-size:1.1em;
				padding-left:4px;
				margin-left:12px;
				font-weight:normal;
				}
				
#subMenu .subMenuLast a,#subMenu .lastMenuItem a{
			border-bottom:0;
			padding-bottom:0px;
			}
				
#breadcrumb{
			font-size:1.1em;
			padding:8px 0 0 0; 
			}
			
#breadcrumb a{
			padding-right:5px;
			color:#666;
			}
			
#breadcrumb a:hover{
			font-weight:bold;
			}

/*------------------ Login -----------------*/	

#login{
		width:100%;
		}

#login_form p{
		float:left;
		padding-right:5px;
		}

#login_form label{
		float:left;
		display:block;
		width:60px;
		text-align:right;
		padding-right:5px;
		}
		
#login_form input{
		float:left;
		width:120px;
		border:1px solid #fff;
		border-bottom:1px solid #4c403b;
		padding:2px;
		margin-right:6px;
		}	
		
#login_form input:focus{
		border-bottom:1px solid #00aeef;
		}

#login_form button{
		border:none;
		background:#fff;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		cursor:pointer;
		font-size:0.9em;
		}	
		
#login_form button:hover,#login_form a:hover,#loggedIn a:hover{
		color:#00aeef;
		}

#login_form a,#loggedIn a{
		text-decoration:none;
		color:#4c403b;
		font-size:0.9em;
		}
		
#loggedIn{
		padding:10px 0 10px 0;
		font-size:1.3em;
		width:50%;
		float:left;
		}
		
#loggedIn span{
		padding-right:10px;
		font-size:1.4em;
		color:#666;
		}
		
.loginError{
		padding:0;
		margin:0;
		background:#a10000;
		color:#fff;
		font-size:1.2em;
		padding:2px 2px 2px 10px;
		}
		
/*------------------ search -----------------*/

#searchMain{
		float:right;
		width:20%;
		text-align:right;
		}
		
#searchMain input{
		border:1px solid #c8c8c8;
		padding:3px 2px 3px 26px;
		margin:5px 4px 0 0;
		background: #fff url("../images/search.jpg") no-repeat center left;
		color:#5e5e5e;
		width:150px;
		}
		
#serach input{
		margin-top:5px;
		width:140px;
		margin-left:280px;
		}
		
.searchResult{
		margin-bottom:25px;
		}
		
.searchResult .title a{
		text-decoration:underline;
		color:#333;
		font-size:1.4em;
		}
		
.searchResult .content{
		font-size:1.2em;
		padding-top:5px;
		}
		
.searchResult .url{
		font-size:1.2em;
		padding-top:2px;
		color:#666;
		}
		
.searchResult strong{
		color:#831002;
		}
		
.searchResult p{
		padding:0;
		margin:0;
		}
		
#searchResults{
		margin:10px 0 25px 0;
		}
		
#searchResults #keyword{
		width:300px;
		}
		
#searchResults p{
		font-weight:bold;
		padding:0;
		margin:0;
		color:#666;
		padding-top:5px;
		}

/*------------------ userForm -----------------*/

#userForm label{
		display:block;
		float:left;
		width:200px;
		}
		
#userForm input{
		width:200px;
		}
		
#userForm .checkbox,#userForm .radio{
		width:auto;
		}
		
#captcha{
		padding-left:200px;
		width:205px;
		}
		
#captcha img{
		float:left;
		}
		
#captcha a{
		display:block;
		padding:1px;
		float:left;
		}
		
/*------------------ Sitemap -----------------*/

#sitemapLink{
		float:right;
		display:block;
		text-decoration:none;
		color:#4c403b;
		background: url("../images/sitemap.jpg") no-repeat center left;
		padding:5px 5px 5px 18px;
		font-size:1.3em;
		}

#sitemap, #sitemap ul{
		list-style:none;
		padding:0;
		margin:0;
		font-size:1.3em;
		font-weight:bold;
	}
	
#sitemap{
		margin:20px 0 0 60px;
	}
	
#sitemap .mapRank2,#sitemap .mapRank3,#sitemap .mapRank4{
		font-weight:normal;
		margin-bottom:5px;
	}
	
#sitemap .mapRank2 li,#sitemap .mapRank3 li,#sitemap .mapRank4 li{
		background: url("../images/sub.gif") no-repeat top left;
		padding-left:10px;
	}
	
#sitemap .mapRank2 .subItems,#sitemap .mapRank3 .subItems{
		background: url("../images/sub_space.gif") repeat-y top left;
	}
		
#sitemap .mapRank2{
		margin-left:20px;
		font-size:1.1em;
		}
		
#sitemap .mapRank3{
		margin-left:30px;
		font-size:0.9em;
		}
		
#sitemap .mapRank4{
		margin-left:40px;
		font-size:0.8em;
		}
	
#sitemap a{
		text-decoration:none;
		color:#333;
		padding:3px;
	}
	
#sitemap a:hover{
		color:#fff;
		background:#831002;
	}

/*------------------ Banners -----------------*/

.bannerItem{
	padding:6px 0 0 0;
	display:block;
	}
		
/******************************************************/
/*------------------ ECOMMERCE START -----------------*/

/*------------------ cartBox -----------------*/

#cartBox{
			float:right;
			padding:5px;
			font-size:1.3em;
			margin-top:30px;
			}
			
#cartBox p{
			padding:0;
			margin:0;
			padding:3px 0 0 4px;
			}
			
#cartBox a{
			text-decoration:none;
			color:#4c403b;
			font-weight:bold;
			font-size:0.9em;
			display:block;
			padding:0 0 3px 0;
			text-align:right;
			}
			
#cartBox a:hover,#cartBox .special{
			color:#00acfb;
			}

/*------------------ Products -----------------*/

.product{
		float:left;
		text-align:center;
		width:180px;
		margin:8px;
		border:solid 1px #e1e1e1;
		padding-bottom:4px;
		}
		
.product:hover{
		border:solid 1px #00acfb;
		}	
		
.product h4{
		padding:0;
		margin:0;
		line-height:0.6em;
		height:50px;
		}
		
.product h4 a{
		text-decoration:none;
		color:#333;
		font-size:0.6em;
		}
		
.imgData{
		height:160px;
		width:180px;
		clear:both;
		display: table-cell;
		vertical-align: middle;
		}

.price{
		color:#e20035;
		font-weight:bold;
		}
		
.price del{
		color:#333;
		padding-right:4px;
		font-weight:normal;
		}
		
/*------------------ Products category -----------------*/

#productMenuContent{
		width:25%;
		float:left;
		}
		
#productContent{
		width:72%;
		float:right;
		}
		
/*------------------ Product -----------------*/

#productLeft,#productRight{
		padding-top:30px;
		}
		
#productLeft{
		width:49%;
		float:left;
		}
		
#productRight{
		width:50%;
		float:right;
		}
		
#productRight label{
		display:block;
		float:left;
		width:80px;
		font-weight:bold;
		}
		
#productRight .price{
		padding:25px 0 10px 0;
		font-size:1.6em;
		}
		
.smallProductImage{
		float:left;
		width:100px;
		height:100px;
		}

/*------------------ Cart -----------------*/

#cartTable{
	width:100%;
	font-size:1.2em;
	border-collapse:collapse;
	margin-top:20px;
	}
	
#cartTable th{
	text-align:left;
	font-size:1.2em;
	border-bottom:1px solid #00acfb;
	padding:5px;
	}
	
#cartTable img{
	float:left;
	padding-right:15px;
	}
	
#cartTable .odd{
	background:#f6f6f6;
	}
	
#cartTable .name, #cartTable .code{
	padding:0;
	margin:0;
	padding:10px 0 0 0;
	}
	
#cartTable .name{
	font-weight:bold;
	font-size:1.1em;
	}
	
#cartTable .name a{
	text-decoration:none;
	color:#333;
	}

#cartTable .code{
	font-size:1em;
	}
	
#cartTable .quantity{
	width:30px;
	text-align:center;
	}
	
#cartTable .quantityTd{
	text-align:center;
	}
	
#cartTable .delItem{
	display:block;
	text-decoration:none;
	padding-top:5px;
	}
	
.alignRight,#cartTable  .alignRight{
	text-align:right;
	padding-right:10px;
	}
	
#cartTable a{
	color:#ff3600;
	}
	
#cartTable a:hover{
	text-decoration:underline;
	}
	
#cartTotal{
	float:right;
	text-align:right;
	width:200px;
	padding-bottom:30px;
	}
	
#cartTotal p{
	padding:0;
	margin:0;
	padding:4px 10px 0 0;
	}
	
#cartTotal  strong{
	font-size:1.2em;
	}
	
.button{
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:1em;
	background:#4c403b;
	display:block;
	width:147px;
	height:25px;
	text-align:center;
	border:none;
	color:#333;
	cursor:pointer;
	background: url("../images/button.jpg") no-repeat top left;
	line-height:2em;
	}
	
.button:hover{
	color:#00aeef;
	background-position: -147px 0px;
	}

/*------------------ Apply order -----------------*/

#addressForm1{
                        float:left;
                        width:49%;
                        }
                        
#addressForm2{
                        float:right;
                        width:49%;
                        }
                        
#cart_content #addressForm1 label, #cart_content #addressForm2 label{
                        display:block;
                        width:160px;
                        float:left;
                        font-weight:bold;
                        color:#666;
                        }
                        
#cart_content .field input{
                        padding:4px;
                        width:240px;
                        border:1px solid #bdbdbd;
                        }
                     
#order_info label{
                        color:#666;
                        font-weight:bold;
                        width:210px;
                        display:block;
                        float:left;
                        }
                        
#order_info .comment label{
                        float:none;
                        }
                        
#order_info textarea{
                        padding:4px;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        border:1px solid #bdbdbd;
                        font-size:1em;
						width:93%;
						height:35px;
                        }
           
.req_f{
                        display:block;
                        padding-left:160px;
                        color:#a10000;
                        }
                        
#addressForm1 .field .req_field,#addressForm2_c .field .req_field,.req_field{
                border:1px solid #a10000;
                }
                
#order_info .field .req_field2 input{
                border:2px solid #a10000;
                }
				
/*------------------ Make payment -----------------*/

#payment_content label{
				font-weight:bold;
				color:#333;
				}
				
#payment_content p{
				padding:0;
				margin:0;
				padding:2px;
				}
				
/*------------------ Payment methods -----------------*/

#pay_seb,#pay_swedbank,#pay_sampo,#pay_nordea,#pay_creditcardpkk,#pay_invoice{
                        border:none;
						display:block;
						font-size:1.2em;
						padding:35px 0 0 0;
						cursor:pointer;
						font-weight:bold;
						color:#333;
						text-decoration:none;
						width:130px;
						text-align:center;
                        }
						
.paymentMethod{
					float:left;
					border:1px solid #dfdfdf;
					margin:7px;
					padding:4px;
					}
					
.paymentMethod:hover{
					border:1px solid #00acfb;
					}
						
#pay_creditcardpkk{
                    background: url("../images/creditcard.gif") no-repeat top center;
						}
                        
                        
#pay_swedbank{
                background: url("../images/swedbank.jpg") no-repeat top center;
                }
                
                
#pay_seb{
                background: url("../images/seb.jpg") no-repeat top center;
                }
                
#pay_sampo{
                background: url("../images/sampo.gif") no-repeat top center;
                }

                                
#pay_nordea{
                background: url("../images/nordea.jpg") no-repeat top center;
                }
				
#pay_invoice{
               padding:17px 0 18px 0;
                }

/*------------------ ECOMMERCE END -----------------*/
/****************************************************/

/*------------------ Footer -----------------*/

#footer {
				background: url("../images/footer.jpg") no-repeat top center;
				height:121px;
				font-size:0.8em;
				padding-top:10px;
				}
				
#footer p {
				color:#666;
				}
				
#footerEnd{
			border-top:1px solid #e5e5e5;
			clear:both;
			font-size:0.9em;
			margin-bottom:10px;
			}
			
#footerEnd p{
			padding:0;
			margin:0;
			padding:5px 0 0 0;
			}
				
.footerMenu{
			margin:0;
			padding:0;
			float:left;
			list-style:none;
			margin:0 35px 10px 0;
			}
			
.footerMenu a{
			text-decoration:none;
			color:#626262;
			padding-right:35px;
			}
			
.footerMenu a:hover,.footerMenu  .active_menu{
			font-weight:bold;
			color:#831100;
			}
			
.footerMenu li{
			border-right:1px solid #e8e8e8;
			color:#626262;
			}
			
#contactFooter{
			margin-right:0;
			}
			
#contactFooter li{
			border:none;
			}
			
.footerMenu .menuTitle{
			text-transform:uppercase;
			padding-bottom:5px;
			color:#626262;
			font-weight:bold;
			border:none;
			}

/*------------------ Typography -----------------*/

.mainTitle,.mainTitle2{
		padding:0;
		margin:0;
		border-bottom:1px solid #e5e5e5;
		padding:24px 0 8px 0;
		}
		
.mainTitle{
		margin-bottom:10px;
		}
		
.mainTitle2{
		color:#4a4a4a;
		}

.error{
		color:#a10000;
		}
		
.ok{
		color:#70a80e;
		}
		
.req{	
		color:#a10000;
		}
		
.mtitle{
		float:left;
		}
		
.print{
		background: url("../images/print.jpg") no-repeat center left;
		float:right;
		display:block;
		font-size:12px;
		padding-left:18px;
		text-align:right;
		margin-right:5px;
		text-decoration:none;
		color:#666;
		}