html,body
{
	font-family: arial,tahoma, verdana;
	font-size:12px;
	color:#666666;
	line-height:1.3em;
	margin:0 0 15px 0 
	;
	
}

form{height:100%;}
.clear {
	clear: both;
}

#constrain{
	position:relative;
	margin: 0 auto;
	width:915px;	
}
	.search{
		position:absolute;
		top:50px;
		right:0;
		
		width:180px;
		height:20px;
		
		text-align:right;
		
		
	}
		.search div{float:right;}
		.search .txt{
			float:left;
			padding:2px 0 0 0;
			
			width:110px;
			height:16px;
			
			border-top: 1px #e4e3e3 solid;
			border-bottom: 1px #e4e3e3 solid;
			border-right: 0;
			border-left: 1px #e4e3e3 solid;
			
			color:#ced1d4;
			font-size:10px;
		}
		.search .btn{
			float:left;
			width:45px;
			height:20px;
			
			padding:1px 0 5px 0;
			
			border-top: 1px #e4e3e3 solid;
			border-bottom: 1px #e4e3e3 solid;
			border-right: 1px #e4e3e3 solid;
			border-left: 1px #e4e3e3 solid;
			
			line-height:13px;
			color:#ced1d4;
			font-size:10px;
			
			outline:none;
			cursor:pointer;
			background: #fff;
		}
		
		
		
	.links{
		position:absolute;
		top:50px;
		right:180px;
		
		width:150px;
		height:20px;
		
		text-align:right;
		color:#9ea4aa;
		font-size:15px;
		
		
	}
	.tools{
		position:absolute;
		top:105px;
		right:0px;
		
		padding: 10px 30px 0 0;
		width:200px;
		height:12px;
		
		text-align:right;
		color:#9ea4aa;
		font-size:15px;
		
		background:  url(/img/login-icon.gif) no-repeat right 0;
		
		
	}
		.links a,
		.tools a{
			font-size:10px;
			color:#9ea4aa;
		}
			
		
	#nav{
		position: absolute;
		top:115px;
		left:0;
		
		width:670px;
		height:20px;
		z-index:100;
		
	}
		#nav ul{
			margin:0;
			padding:0;
		}
			#nav li{
				float:left;
				margin: 0 15px 0 15px;
				
				list-style:none;
			}
				#nav li.selected {
					height:26px;
					background: url(/img/nav-select-or.gif) no-repeat center 20px;
					
					}
				#nav li a{
					
					font-size:12px;
					text-decoration:none;
					color:#f36814;
					font-weight:bold;
					cursor:pointer;
				}
					#nav li a.selected{
						color:#292929;
						
						
					}
				
	#sub-nav{
		position:absolute;
		top:135px;
		left:0;
		
		padding:9px 0 0 0;
		
		width:915px;
		height:24px;
		
		background: #9ea4aa;
		
		
	}			
		#sub-nav ul{
			margin:0;
			padding:0;
		}
			#sub-nav li{
				float:left;
				margin: 0 15px 0 15px;
				
				list-style:none;
			}
				#sub-nav li.selected{
					height:26px;
					background: url(/img/subnav-select-or.gif) no-repeat center 18px;
				}
				#sub-nav li a{
					
					font-size:12px;
					text-decoration:none;
					color:#fff;
					font-weight:normal;
				}
					#sub-nav li a.selected{
						color:#292929;
					}

	
#hdr{
	position:relattive;
	top:0;
	left:0;
	
	width:915px;
	height:135px;
	
	
}
#subpage #hdr{
	height:168px;
}


	#hdr .logo{
		position: absolute;
		top:30px;
		left:0px;
		
		width: 272px;
		height: 54px;
		
		
	}
		#hdr .logo h1{
			
		}
			#hdr .logo h1 a{
				display:block;
				
				width:272px;
				height:54px;
				
				text-indent:-3000px;
				overflow:hidden;
				background: url(/img/spara_logo.gif) no-repeat ;
			}


	#constrain .banner{
		position:relative;
		top:0;
		left:-6px;
		
		width:915px;
		height:219px;
		
		clear:both;
		
		}


.content-container{
	width:915px;

	margin:15px 0;
	
}	

#front .content-container{
	color:#7a7f84;
	background: url(/img/front-box-bg.gif) repeat-y;
	
	}
	#front .content-container h1{
		margin:5px 0 10px 0;
		
		color:#f36814;
		/*font-weight:bold;
		text-transform:uppercase;*/
		font-size:14px;
	}
	#front .content-container .article-index h1{
		
	}
	
	.content-container .box1{
		float:left;
		
		padding:5px 35px 5px 20px;
		width:354px;
		min-height:145px;
		
	}
	.content-container .box2{
		float:left;
		
		padding:5px 20px 5px 20px;
		width:219px;
		min-height:145px;
		
	}
	.content-container .box3{
		float:left;
		padding:5px 0px 5px 20px;
		
		width:225px;
		height:145px;
		
		
	}
	.lanareiknir{
		height:150px;
		background: no-repeat right;
	}

	
	
#subpage .content-container{

	min-height:300px;
	background: url(/img/main-container-border.gif) no-repeat 670px 0 ;
	
}
	

	#subpage .content-container .left-panel{
		float:left;
		width:625px;
		min-height:290px;
		margin:0 30px 0 15px;
		
		
	}
		#subpage .content-container .left-panel.big{
			width:825px;
		
		}
	#subpage .content-container .right-panel{
		float:left;
		width:200px;
		min-height:200px;
		margin:0 0 0 17px;
	}
	*html #subpage .content-container .left-panel{
		display:inline;
	}
	
#subpage .content-container .article-index	h1,
#subpage .content-container .item  h1 {
	margin:5px  0;
}	
	#subpage .content-container .article-index	h1 a,
	#subpage .content-container .item  h1 
	{
	
		color:#f36814;
		/*text-transform:uppercase;*/
		font-size:12px;
		/*font-weight:bold;*/
		
	}
	#subpage .content-container .left-panel .article-item{
		margin:0 0 30px 0;
		padding:0 0 15px 0;
		border-bottom:1px solid #e9eded;
	}
	
	
	
	#subpage .content-container .right-panel .article-index  h1
		
	{
		margin:0 0 2px 0;
	}
		#subpage .content-container .right-panel .article-index  h1 a
		{
			display:block;
			
			padding:2px 0 2px 5px;
			margin:0 0 0px 0;
			
			color:#37393b;
			font-weight:normal;
			background: #e9eded;
			
			
		}
	.more{
		margin:5px 0 5px 0;
	}
		.more a{
			padding:0 0 0 10px;
			background: url(/img/link-or.png) no-repeat 0 4px;
		}
	a.back {
			padding:0 0 0 10px;
			background: url(/img/back-or.png) no-repeat 0 4px;
		}
	

.page-hdr{
}
	.page-hdr ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.page-hdr .hidden{
		display:none;
	}	
	.page-hdr .selected{
		font-size:16px;
}
	.page-hdr h1{
		margin:5px 0 30px 0;
		

		color:#f36814;
		font-weight:normal;
		
		font-size:16px;
	}

	
 .info{
	width:915px;
	height:23px;
	padding:7px 0 0 0;
	
	border-top:1px #cac8c8 solid;
	border-bottom:1px #cac8c8 solid;
	
	color:#9ea4aa;
	text-align:center;
}

.box-container{
	
	width:915px;
	
	font-size:10px;
	padding:10px 0;
	background:#e9eded;
	
}
	.box-container .inner-container{
		width:915px;
		
		background: url(/img/graybox-bg.gif) repeat-y ;
	}
		.box-container .inner-container h2
		{
			color:#7a7f84;
			font-size:11px;
		}
		.box-container .inner-container h1
		{
			font-size:16px;
		}
		.box-container .inner-container ul{
			margin:0;
			padding:0;
		}
		.box-container .inner-container li{
		
			list-style:none;
		}
		.box-container .inner-container a{
			color:#7a7f84;
			font-size:10px;
		}
			.box-container .inner-container a:hover{
				color:#f79508;
			}
		
		
		.box-container .inner-container .box1,
		.box-container .inner-container .box2,
		.box-container .inner-container .box3,
		.box-container .inner-container .box4,
		.box-container .inner-container .box5,
		.box-container .inner-container .box6{
			float:left;
			width:120px;			
			min-height:100px;
			margin:0 0 0 30px;
			
		}
		.box-container .inner-container .box6{
			width:128px;
			margin:0 0 0 25px;
		}
		*html .box-container .inner-container .box1{
			display:inline;
		}
		
		
		

#MailingList{
	margin:15px 0 0 0;
	
}
	#MailingList .txt{
		width:127px;
		height:15px;
		padding:1px 0 0 1px;
		
		border:1px #cac8c8 solid;
		
		color:#9ea4aa;
		font-size:10px;
		
	}
	#MailingList .btn{
			text-align:right;
	}
		#MailingList .btn input{
			border:0;
			padding: 0 15px 0 0 ;
			
			color:#7a7f84;
			font-size:10px;
			
			outline:none;
			cursor:pointer;
			
			background: url(/img/btn-or.gif) no-repeat right 3px ;
			
		}
		
		
		
		
#form-container{
		width:100%;
	}
		.form-title{
			display:none;
			
			font-size:13px;
			font-weight:bold;
		}
		.form {
		}
			.form label {
				display: block;
				
				margin: 0 0 2px -8px;
			}
			.form input {
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				border: 1px solid #c9c9c9;
			}

		.form.txt {
			padding: 0 0 0 8px;
		}
			.form.txt input,
			.form.txt textarea,
			.form.txt select
			{
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #333;
				
				margin: 0 0 8px -8px;
				padding: 3px;
				
				width: 100%;
				
				border: 1px solid #c9c9c9;
			}
			.form.txt textarea{
				height:150px;
			}
			
		.form.chk {
			margin: 0;
		}
			.form.chk .title {
				padding: 0 0 5px 0;
				margin: 0 0 5px 0;
				
				font-weight: bold;
			}
			.form.chk input {
				margin: 0px 3px 3px 0;
				padding: 0;
				
				border: 0;
				
				float: left;
			}
			.form.calendar label {
				display: block;
				
				margin: 0 0 2px 0px;
				padding: 3px 0;
			}
			
		.form.drp{
			margin:5px 0 5px 0;
		}
			.form.drp label,
			.form.drp input
			{	
				display:inline;
				padding:0px 0 0px 8px;
				margin: 0px 0 0px 0;
				
			}
		
		.form.btn {
			margin-top: 10px;
			text-align: right;
		}
			.form.btn input {
				margin: 0;
				padding: 3px 8px;
				
				font-size: 11px;
				font-family: arial, tahoma, verdana;
				color: #404041;
				
				font-weight: bold;
				
				background: #9ea4aa;
			}		
		

#shared .takkar ul{
		margin: 10px 5px 0 0;
		padding: 0;
	}
				
	#shared .takkar ul li{
		color: #999999;
		margin: 0;
		padding: 5px 5px 0 5px;
		display: block;
		float: left;
		
		
		list-style-type: none;
		
	}
	#Foot #shared a{
		color: #999999;
	}
	
	#shared .takkar .back{
			padding:5px 5px 0px 10px;
			background: url(/img/back-or.png) no-repeat 0 8px;
	}
	
	#shared .takkar .facebook{
		margin: 0;
		padding: 5px 5px 0px 24px;
		background: 5px center url('/img/bg-shareFacebook.gif') no-repeat;
	}
	

	
	#shared .takkar .twitter a {
		display: block;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		/*outline: 0px;*/
		width: 52px;
		height: 14px;				
		background: center center url('/img/bg-shareTwitter.gif') no-repeat;
	}				


		

h1,
h2,
h3,
h4,
h5{
		font-weight:bold;
}
h1 {
	color:#F36814;
	font-size:14px;
}
h2{
	font-size:14px
	}
h3{
	font-size:13px
}
h4{
	font-size:12px;
}
h5{
	font-size:11px;
}


a{
	color:#f79508;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	text-decoration:underline;
}


hr{
	height:1px;
	background:#ccc;
	border:0;
}
object:focus,
a{ outline:0;}




.product-index {
	font-size: 11px;
}
	.product-index .item {
		margin: 0 0 5px 0;
		color: #999;
	}
		.product-index .item a {
			display: block;
			font-weight: bold;
			text-decoration: none;
		}
		.product-index .item a:hover {
			text-decoration: underline;
		}

.product-item {
	margin:  0 0 50px 0;
}
	.product-item label {
		display: block;
		
		margin: 10px 0 3px 0;
		
		font-weight: bold;
	}
	.product-item p {
		margin: 0;
		padding: 0 0 8px 0;
	}
	.product-item input.number {
		padding: 6px;
		
		font-size: 12px;
		font-family: arial;
		color: #333;
		text-align: center;
		
		width: 40px;
		
		border: 1px solid #ddd;
		border-top: 1px solid #aaa;
	}
	
	.product-item .indent {
		padding: 0 0 0 100px;
	}
		.product-item .indent label {
			margin: 10px 0 -20px -100px;
			padding: 10px  0 0 0;
			height: 20px;
			
			border-top: 1px solid #eee;
		}
	
	.product-item .button,
	.yellow-button
	{
		margin: 20px 0 0 0;
		padding: 10px 0 0 100px;
		
		border-top: 1px solid #ccc;
	}
	.yellow-button {
		padding: 10px 0 0 0;
		text-align: right;
	}
		.yellow-button input,
		.product-item .button input {
			padding: 5px 10px;
			
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
			
			color: #fff;
			
			border: 0;
			
			background: #fba81a;
			border: 1px solid #9a6f25;
		}




.form.txt input.error {
	border: 1px solid #ed8080;
	background: right center url('../img/exclamation.png') no-repeat;
}
.form.txt select.error {
	border: 1px solid #ed8080;
	color: #ed8080;
}

#overlay {
	position: fixed;
	z-index: 999;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#order-complete {
	position: absolute;
	z-index: 1000;
	
	top: 300px;
	left: 200px;
	
	width: 400px;
	
	padding: 20px;
	
	text-align: center;
	
	border: 5px solid #EEE;
	background: #fff;
}
	#order-complete h1 {
		margin: 0 0 20px 0;
		font-size: 24px;
	}
	#order-complete .button {
		margin: 30px 0 0 0;
	}
		#order-complete .button a {
			padding: 8px 16px;
			border: 1px solid #ccc;
		}
		#order-complete .button a:hover {
			background: #eee;
			text-decoration: none;
		}


.method input {
	
}

.method .form.chk .title {
	
}

.method.error .title {
	padding-left: 20px;
	background: left 0 url('../img/exclamation.png') no-repeat;
}








