
h1 {
	margin-bottom: 10px;
}
body
{
	font-family: Georgia, Arial, sans-serif;
	background:#d0ebf6;
}
body
{
	background:#afdff5 url('../images/body-bg.gif') repeat-x;
}

#container 
{
	width:950px;
	padding-bottom:20px;
}

body.forsida #container 
{
	width:950px;
	height:600px;
}
.inner .top {
	padding-bottom: 15px;
}
#header
{
	height:70px;
}
.padding {
	padding: 0px 20px;
}
legend {
	font-family: Verdana;
	font-weight: bold;
}
#header .lang {
	float: right;
}
#header #logo
{
	background:url('../n_img/logo.png') no-repeat;
	height:76px;
	width:119px;
	position:absolute;
	bottom:-15px;
	left:10px;
	margin:0;
	padding:0;
}

#header #logo a
{
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
}

#header #top-menu
{
	position:absolute;
	bottom:0px;
	left:150px;
	width: 600px;
}

#header #top-menu ul
{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width: 100%;
}

#header #top-menu ul li
{
	display: block;
	float:left;
	margin-right:23px;
}
#header #top-menu ul li.special a {
	color: #f36d34;
}
#header #top-menu ul li.special a {
}
#header #top-menu ul li.select a {
	font-weight: bold;
}

#header #top-menu ul li a
{
	height:100%;
	text-decoration:none;
	font-size:18px;
	color:#949494;
	/*text-indent:-9999px;*/
}
#header #top-menu ul li a:hover {
	text-decoration: underline;
	color: #000;
	
}


#header #karfa
{
	position:absolute;
	right:24px;
	bottom:-5px;
	background:url('../images/innihald-korfu-bg.png') no-repeat;
	width:173px;
	height:50px;
	text-align:right;
	font-size:11px;
	line-height:11px;
	color:#fff;
}

#header #karfa .padding {
	padding:5px 10px;
}
#header #karfa h3
{
	font-size:11px;
	margin:0 0 3px 0;
	padding:0;
}

#header #karfa a
{
	display:block;
	font-size:9px;
	line-height:10px;
	margin-top: 3px;
	color:#fff;
	text-decoration:none;
}
#header #karfa a:hover {
	text-decoration: underline;
}

#top-banner
{
	margin-top:20px;
	background: url('../n_img/rounded-top.gif') no-repeat;
	height: 200px;
	
}
#top-banner .content
{
	padding:10px 10px 0px 10px;
}

.forsida #primary
{
	width:950px;
	height:550px;
	/*background:url('../n_img/iglo-vetur10-forsida.jpg') no-repeat 0px 20px;*/
}

.undirsida #primary
{
	margin-top:20px;
	width:780px;
	overflow: hidden;
}
.undirsida #primary .box-top {
	background: url('../n_img/content_top.gif') no-repeat;
	height: 12px;
	font-size: 12px; /*IE*/
	line-height: 12px; /*IE*/
	float: left;
	width: 100%;
}
.undirsida #primary .box-inner {
	background: url('../n_img/content_middle.gif') repeat-y;
	float: left;
	width: 100%;
}
.undirsida #primary .box-bottom {
	background: url('../n_img/content_bottom.gif') no-repeat;
	float: left;
	width: 100%;
}


.undirsida #secondary {	
	width:156px;
	margin-top:20px;
	margin-right: 14px;
}

.undirsida #secondary #left-menu
{
	background: url('../images/left-menu-top-bg.gif') no-repeat 0 0;
	float: left;
	width: 156px;
	padding: 20px 0px;
}
.undirsida #secondary #left-menu ul
{
	margin:0;
	list-style:none;
	padding:3px;
}
.undirsida #secondary #left-menu ul li
{
	line-height:34px;
}
.undirsida #secondary #left-menu ul li.last
{

	background: none;

}
.undirsida #secondary #left-menu ul li a
{
	text-decoration:none;
	font-size:13px;
	display: block;
	padding-left: 20px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.undirsida #secondary #left-menu ul li a:hover {
	border-bottom: dashed 1px gray;
	border-top: dashed 1px gray;
	background: #fafafa;
}
.undirsida #secondary #left-menu ul li.selected a {
	font-weight: bold;
	font-size: 16px;
}
.undirsida #secondary #left-menu-bottom
{
	background: url('../images/left-menu-bottom-bg.gif') no-repeat 0 0;
	height:8px;
	width:156px;
	margin:0;
	padding:0;
	float: left;
}


#bottom-menu 
{
	position:absolute;
	left:0;
	bottom:20px;
}

#bottom-menu ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#bottom-menu ul li
{
	float:left;
	width:210px;
	height:100px;

	margin-right:36px;
	background: url('../n_img/takkabak.png') no-repeat 0px 100%;		
}
#bottom-menu ul li:hover
{
	background: url('../n_img/takkabak_hover.png') no-repeat 0px 100%;		
}

#bottom-menu ul li.stud
{
	margin-right:0;
}

#bottom-menu ul li a
{
	display:block;
	height:100%;
	width:100%;
	background:url('../n_img/forsidumyndir.png') no-repeat 0 0;
	text-indent:-9999px;
}
/*
#bottom-menu ul li a:hover {
	background-position: -993px 0;
}
*/
#bottom-menu ul li.bud a
{
	background-position: -250px 0;
}
/*
#bottom-menu ul li.bud a:hover
{
	background-position: -1241px 0;
}
*/
#bottom-menu ul li.myndir a
{
	background-position: -500px 0;
}

/*
#bottom-menu ul li.myndir a:hover
{
	background-position: -1500px 0;
}
*/
#bottom-menu ul li.stud a
{
	background-position: -750px 0;
}
/*
#bottom-menu ul li.stud a:hover
{
	background-position: -1750px 0;
}
*/
.forsida #secondary 
{
	background:#EEE;
	width:0;
}



#footer .inner
{
	text-align: center;
	font-size: 10px;
	line-height: 30px;
	position: relative;
}
#footer .inner img {
	position: absolute;
	top: 5px;
	margin-left: 10px;
}
/*rounded box*/

/*.box-outer
{
	background:url('../images/rounded-corners-upper-right.gif') 100% 0;

}
.box-inner
{
	background:url('../images/rounded-corners-upper-left.gif') no-repeat 0 0;
}

.box-bottom
{
	background:url('../images/rounded-corners-bottom-right.gif') no-repeat 100% 0;
	height:10px;
	line-height: 10px;
	clear: both;
}
.box-bottom-inner
{
	background:url('../images/rounded-corners-bottom-left.gif') no-repeat 0 0;
	height:100%;
}
*/

  
  
/*Vörukerfi*/


#vorur
{
	background:url('../images/vorur.gif') repeat-y 8px 0;
	padding:3px ;

}

#vorur ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#vorur ul li
{
	height:191px;
	line-height:191px;
	width:193px;
	float:left;
	text-align:center;
}
#vorur ul li img
{
	vertical-align:middle;
}

#vorur ul li.first
{
	
	width:213px;
	
}
#vorur ul li.second
{
	
	width:192px;
	
}
#vorur ul li.third
{
	
	width:176px;
	
}
#vorur ul li.fourth
{
	
	width:184px;
	
}

/*
 * vara
 */
#vara .details {
	position: relative;
}
#vara .right h2 {
	color:#ef4467;
}
#vara .info_sizes {
	display: block;
	background: url('http://code.netvistun.is/icon/silk/information.png') no-repeat 100% 100% ;
	padding-right: 20px;
	cursor: pointer;
	font-size: 10px;
	height: 18px;
}
#vara .buybutton .thebutt {
	margin-top: 10px;
}
.voruhruga .vara_float {
}
.voruhruga .flokknafn {
	border-bottom: 1px dashed #aaa;
}
.voruhruga .vkc {
	border-right: 1px dashed #aaa;
}
.voruhruga {
}
#primary .voruholder {
	overflow: hidden;
}
#top-banner .top-banner {
	position: relative;
}
.smooth {
	position: absolute;
	width: 5px;
	height: 5px;
	line-height: 5px;
	background: url('../images/smooth.gif') no-repeat;
}
.smooth.tl {
	left: 0px;
	top: 0px;
}
.smooth.tr {
	background-position: -5px 0px;
	top: 0px;
	right: 0px;
}
.smooth.bl {
	background-position: 0px -5px;
	bottom: 0px;
	left: 0px;
}
.smooth.br {
	background-position: -7px -5px;
	bottom: 0px;
	right: 0px;
}



/********* vöruhausinn *************/


#vara .voruinfo {
	float:left;
	width: 70%;
}

#vara .big-image {
    text-align: center;
    cursor:pointer;
}
#vara .big-image small {
	clear: both;
}
#vara .img {
	margin: auto;
}
#vara .vkc {
	border:1px solid #EEE;
	border-bottom: 1px solid #DDD;
	height: auto;
	margin: 5px;
	padding: 10px;
	zoom: 1;	
	position: relative;
}

.clr {
    clear: both;
    height: 1px;
}

#vara .vkc .buybutton {
	float: right;
	text-align: right;
}





/********** dæmi *************/



.uppselt_overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: url(misc/uppselt_overlay.gif) no-repeat;
    width: 43px;
    height: 44px;
    
    text-indent: -10000px;
    overflow: hidden;
    
}


.options {
    border-top: 0px solid #DDD;
}


.voruhruga .flokknafn {
	padding-top: 50px;
	padding-bottom: 5px;
	clear: both;
}
.voruhruga .flokknafn.first {
	padding-top: 0px;
	border-top: none;
}
.vara_float {
	float:left;
	text-align: left;
	position: relative;
}
.vara_float .voruinfo {
	height: 48px;
	width: 100%;
	text-align: center;
	overflow:hidden;
	font-size: 11px;
	line-height: 12px;
	margin: 5px 0px;
}
.vara_float .voruinfo .price {
	position: absolute;
	bottom: 10px;
	right: 20px;
	z-index: 10;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	background: #fdffd9;
	padding: 2px 10px;
	border: 1px solid #d7d9b9;
}
.vara_float .voruinfo .desc {
}
.vara_float .voru_thumb {
	overflow:hidden;
	width: 100%;
	text-align: center;
	
}
.vara_float.last .vkc {
	border: 0px;
}
.vkc {
}



.vara_float .voru_thumb a {
	text-align: center;
}
.vara_float .voru_thumb img {
	float:none;
}


.vara_float a {
	text-decoration:none;
}

.vara_float a:hover {
	text-decoration:underline;
}




/************* EXTRA IMAGES / AUKAMYNDIR STÍLAR ***********/
#vara .thumbs {
	border: none;
	float: left;
	padding: 10px;
	width: 100%;
}
#vara .thumbs a:hover {
	background: #888;
}

#vara .thumbs a {
	background: #eee;
	display:block;
	padding: 5px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#vara .left {
	padding-left:0px;
	float: left;
	width: 49%;
}

#vara .left .big-image {
	padding: 80px 0px;
}

#vara .left .thumbs img
{
}

#vara .right
{
	width:50%;
	font-size:16px;
	color:#787b7b;
	float: right;
}

#vara .right h2
{
	margin:0;
	font-size:21px;
}

#vara .right .verd
{
	margin:30px 0;
}

#vara .right .form-item
{
	margin-bottom:30px;
	padding:0;
}
#vara .right .form-item label
{
	display:inline-block;
	width:50px;
}
#vara .right .form-item select
{
	padding:0;
	width:80px;
}
#vara .right .form-item input
{
	background:url('../images/btn-iglo-karfa.jpg') no-repeat;
	border:none;
	width:109px;
	height:25px;
	margin-left:35px;

	text-indent:-9999px;
	display:block;
	line-height:0px;
}

#vara .right p
{
	font-size:12px;
	padding-right:30px;
}


.overview table {
	width: 100%;
}

