/* **************************************************************** */
/* Absolute posision Elements front page                            */
/* **************************************************************** */

/**** Big banner left side ****/
#top-banner { position: absolute; top: 159px; left: 16px; width: 535px; height: 243px; }

/**** Banner right (Tilboš ķ tryggingar) ****/
.insurance-offer{ position: absolute; top: 159px; right: 18px; z-index: 5; }
.insurance-offer ul { list-style: none; padding: 0; margin: 0;  }
.insurance-offer li { padding: 0; margin: 0; width: 392px; height: 122px; display: block;}
.insurance-offer a {
  display: block;
  width: 392px;
  height: 122px;
  padding: 0;
  text-indent: -600em;
  background: url(../img/bg-tilbod.gif) no-repeat 0% 0%;
}

.insurance-offer a.calculator { width: 392px; height:121px; background: url(../img/bg-reiknivelin.gif) no-repeat 0% 0%; }

.insurance-offer-form
{
  position: absolute;
  top: 159px;
  right: 18px;
  z-index: 10;
  width: 362px;
  height: 223px;
  padding: 0;
  background: #FFF url(../img/bg-fp-insurance-offer.gif) no-repeat 0% 0%;
  padding: 20px 0 0 30px;
}

.insurance-offer-form .text-input
{
  width: 120px;
  height: 13px;
  font-size: 10px;
}

.insurance-offer-form .ssn-input
{
  width: 90px;
  height: 13px;
  font-size: 10px;
}

.insurance-offer-form .link-close2
{
  color: #626262;
  font-weight: bold;
  background: transparent url(../img/bg-close.gif) no-repeat 100% 0%;
  padding-right: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.insurance-offer-form .response-big
{
  color: #595959;
  font-size: 24px;
  margin: 10px 0 0 10px;
  display: block;
}

.insurance-offer-form .response-small
{
  color: #595959;
  font-size: 16px;
  display:block;
  margin: 5px 0 0 10px;
}



.insurance-offer-form input.btn-square, .insurance-offer-form-sub input.btn-square
{ 
  background:#FCB034 none repeat scroll 0 0;
  border:medium none;
  color:#FFFFFF;
  font-size:1em;
  font-weight:bold;
  padding:2px 2px 0;
  width:auto;
  margin-left: 4px;
}

 

.insurance-offer-form input.FormButton,.insurance-offer-form-sub input.FormButton
{
  background:url("/img/bg-button-80-greybg.gif") no-repeat scroll 0 0 transparent;
  border:medium none;
  color:#FFFFFF;
  float:right;
  font-size:1em;
  font-weight:bold;
  height:23px;
  margin:5px;
  padding:0 5px 0;
  width:81px;
  top: 200px;
  left: 250px;
  position: absolute;
}

.insurance-offer-form-sub input.FormButton
{
   background:url("/img/bg-button-80-trans.gif") no-repeat scroll 0 0 transparent;
   margin-top: 0px;
   position: relative;
   top: 0;
   left: 0;
}



/**** Banner right Small (Tilboš ķ tryggingar) ****/
#insurance-offer-small { margin-bottom: 4px; }
#insurance-offer-small ul { list-style: none; padding: 0; margin: 0; }
#insurance-offer-small li { padding: 0; margin: 0; }
#insurance-offer-small a {
  display: block;
  width: 212px;
  height: 130px;
  padding: 0;
  text-indent: -600em;
  background: url(../img/bg-tilbod.gif) no-repeat 0% 0%;
}

/**** Banners in the right sidebar ****/
#right-sidebar-banners { margin-bottom: 4px; }
#right-sidebar-banners ul { list-style: none; padding: 0; margin: 0; }
#right-sidebar-banners li { padding: 0; margin: 0; }


/**** Four green banners right ****/
#insurance-categories { float:left; }
#insurance-categories h2 {
  font-size: 1em; 
  color: #535353;
  padding: 7px 0 5px 15px;
  margin-bottom: 3px;
  border: 1px solid #c4c4c4;
  
  
  background: url(../img/bg-box-header.gif) repeat-x 0% 0%;
}

#insurance-categories ul { list-style: none; padding: 0; margin: 0; }
#insurance-categories li { float: left; padding: 0; margin: 0; }
/*
#insurance-categories a {
  display: block;
  height: 110px;
  padding: 0;
  text-indent: -600em;
}
*/

#insurance-categories a.heimilid { width: 97px; background: url(../img/bg-cat-heimilid-.gif) no-repeat 0% 0%; }
#insurance-categories a.lifheilsa { width: 97px; background: url(../img/bg-cat-lifheilsa.gif) no-repeat 0% 0%; }
#insurance-categories a.reksturinn { width: 92px; background: url(../img/bg-cat-reksturinn.gif) no-repeat 0% 0%; }
#insurance-categories a.billinn { width: 106px; background: url(../img/bg-cat-billinn.gif) no-repeat 0% 0%; }

.fp-links { float:left; padding:20px 0px 10px 0px; width:929px; background: url(../img/bg-fp-links.gif) repeat-x 0% 0%; }

.fp-links ul { float:left; margin:0; padding:0; }
.fp-links ul li { float:left; margin:0; padding:0; list-style:none; }
.fp-links ul li a { float:left; width:171px; height:135px; background:url(../img/fp-link-heimili.gif) no-repeat 0px 0px; text-indent:-2000px;}

.fp-links ul li.home a { background:url(../img/fp-link-heimili.gif) no-repeat 0px 0px; margin:0px 25px 0px 34px;}
.fp-links ul li.home a:hover { background:url(../img/fp-link-heimili.gif) no-repeat 0px -135px; margin:0px 25px 0px 34px;}

.fp-links ul li.life a { background:url(../img/fp-link-lif.gif) no-repeat 0px 0px; margin:0px 25px 0px 34px;}
.fp-links ul li.life a:hover { background:url(../img/fp-link-lif.gif) no-repeat 0px -135px; margin:0px 25px 0px 34px;}

.fp-links ul li.car a { background:url(../img/fp-link-billinn.gif) no-repeat 0px 0px;  margin:0px 25px 0px 34px;}
.fp-links ul li.car a:hover { background:url(../img/fp-link-billinn.gif) no-repeat 0px -135px;  margin:0px 25px 0px 34px;}

.fp-links ul li.business a { background:url(../img/fp-link-rekstur.gif) no-repeat 0px 0px; margin:0px 0px 0px 35px;}
.fp-links ul li.business a:hover { background:url(../img/fp-link-rekstur.gif) no-repeat 0px -135px; margin:0px 0px 0px 35px;}

/* **************************************************************** */
/* Box definitions                                                  */
/* **************************************************************** */

.box { position: relative; }
.box .boxcontent { padding: 2px; border: 1px solid #d5d5d5; }
.box .boxcontent .margin { padding: 20px; background: url(../img/bg-box-content.gif) repeat-x 0% 0%; }

.box h2 {
  font-size: 1em; 
  color: #7b7b7b;
  text-transform: uppercase;
  padding: 6px 0 6px 15px;
  margin-bottom: 3px;
  border: 1px solid #c4c4c4;
  background: url(../img/bg-box-header.gif) repeat-x 0% 0%;
}

/**** Min height set on frontpage boxes ****/
.box.fp .boxcontent { min-height: 160px; _height: 160px; }
.box.fp .boxcontent.nv { position: relative; float: left; width: 260px; margin-right: 3px; }
.box.fp.news .boxcontent .margin { padding-bottom: 10px; }

/*body:first-of-type .box h2 { padding: 9px 0 8px 12px; }*/

/* **************************************************************** */
/* Product definitions frontpage                                    */
/* **************************************************************** */

.product { margin-left: 95px; }
.product h3 { font-size: 1.2em; margin-bottom: 2px; }
.product img { position: absolute; top: 22px; left: 11px; _left: 12px; }

.product ul { 
  position: absolute; 
  bottom: 20px; 
  right: 38px;
  list-style: none; 
  padding: 0; 
  margin: 0; 
}

.product ul li a { 
  color: #6b6b6b; 
  font-weight: bold;
  padding-left: 15px;
  background: url(../img/bg-more-icon.gif) no-repeat 0% 50%; 
}

/**** Forvarnir box frontpage - Temp ****/
.box.fp .boxcontent.fv { position: relative; float: left; width: 529px; }
.box.fp .boxcontent.fv .product { margin-left: 0px; width: 350px; }
.box.fp .boxcontent.fv .product h3 { color: #4e4e4e; margin-bottom: 15px; }
.box.fp .boxcontent.fv .product img { position: absolute; top: 32px; left: 400px; _left: 401px; }
.box.fp .boxcontent.fv .product ul { left: 20px; }

/* **************************************************************** */
/* News definitions frontpage                                       */
/* **************************************************************** */

.news .date { font-size:0.9em; color: #a1a1a1; font-weight: bold; margin-right: 10px; margin-top: 2px; float:right;}
.news h3 { font-size: 1.2em; margin-bottom: 2px; width:265px;  }

.news ul { 
  list-style: none; 
  list-style-position: outside;
  padding: 0; 
  margin: 0; 
  
}

.news li {  padding-bottom: 3px; width:100%; }
.news li .date {  margin-right: 7px;  }
.news li a {  float:left; padding-bottom: 3px;  }
.newslist li a{width:255px;}

.news ul.old-news { 
  position: absolute; 
  top: 7px; 
  right: 17px;
  _right: 34px;
  list-style: none; 
  padding: 0; 
  margin: 0; 
}

.news ul.old-news li a { 
  color: #838383; 
  padding-left: 10px;
  background: url(../img/bg-more-icon-2.gif) no-repeat 0% 50%; 
}

.FormValidator
{
    color:#faaeae;   
    font-style:italic; 
    font-weight:bold;
}

.more-news { float:right; margin:0px; padding:0px; }

#two-col-home #wrapper #bottom-boxes .b-box .b-content ul.newslist-small
{
	list-style-position: outside; 
	list-style-image:url(../img/bg-list-orange-circle.gif);
	list-style-type:none;
	margin: 0 0 0 4px; 
	padding: 0;
/*	
	list-style-position:outside; 
	list-style-image:url(../img/bg-list-orange-circle.gif); 
	list-style-type:square;
	*/
  
	}
#two-col-home #wrapper #bottom-boxes .b-box .b-content ul.newslist-small li  
{
	list-style-image:url(../img/bg-list-orange-circle.gif);
  margin: 0 0 2px 0px !important;
  _margin: 0 0 2px 0;
  background: none;  
  
  padding: 0px 0 0px 0px !important;
/*  
  list-style-image:url(../img/bg-list-orange-circle.gif); 
  list-style-type:inherit;
  margin: 0px 0px 3px 0px; 
  padding: 0px 0 0px 0px !important;
  _padding: 0px 0 0px 0;
  background: none;  
*/
	}

	
#bottom-boxes .b-box .b-content ul.newslist-small li a { background:none; margin:0; padding:0; }
/* **************************************************************** */
/* Property Calculator                                      */
/* **************************************************************** */

.calculator {  width:90%; border-collapse:collapse; }

.calculator td { padding:2px; }
.calculator td.itemName { padding-top: 10px; }

.calculator thead th { font-weight:bold; padding:0px 0px 10px 0px; text-align:left;}
.calculator thead th.first { font-weight:bold; width:250px; }
.calculator thead th.second { font-weight:bold; display:none;}
.calculator thead th.third { font-weight:bold; width: 250px; }


.calculator table { margin:0 0 20px 0; padding:0;  }
.calculator h4  
{
  position: relative;
  cursor:pointer; 
  background: #fff url(/img/bg-form-header-big.gif) no-repeat 0 0; 
  padding: 8px 0px 2px 25px;
  width: 552px;
  height: 29px; 
  color: #707273;
  margin-left: 0px;
  margin-top: -25px;
  z-index: 1;
  text-indent: 4px;
}
.calculator img.plusminus
{
  position: relative;
  z-index: 4;
  top: -2px;
  left: 6px;
}
.calculator h4:hover { text-decoration:underline;  }
.calculator tr.item { padding-top:5px; }
.calculator .item .sub-item { width:160px; padding-left:10px; }
.calculator .item .sub-item-value { width:110px; display:none; }
.calculator .item .sub-item-value.avg-summary { display:none; }
.calculator .item .sub-item-value.summary { width:110px; display:block; }
.calculator .item .summary { font-weight:bold }


.calculator tfoot {  border-spacing:0px; margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; background: #fff url(/img/bg-form-header-big.gif) no-repeat 2px 0; width: 552px; height: 33px; }
.calculator tfoot td { border-spacing:0px; font-size: 1.5em; height: 33px; color: #707273;}
.calculator tfoot td.first { font-weight:bold; padding-left: 25px;}
.calculator tfoot td.second { font-weight:bold; display:none;}
.calculator tfoot td.third { width:295px; font-weight:bold; padding-left:3px; }

/* **************************************************************** */
/* Service Center                                                   */
/* **************************************************************** */
.service-center {  width:100%; margin-top:15px;}
.service-center table { width:100%; border-bottom:1px solid #dbdada;}
.service-center table td { padding:2px 3px 2px 2px; text-align:left;}

.service-center table tr.alt td { background-color:#F3F3F3; }

.service-center table th  
{
	text-align:left;
	/*background:url(../images/bg-gray-shadow.gif) repeat-x top left; */
	background-color:#f3f2f2;
	border-right:1px solid #dbdada;
	border-top:1px solid #dbdada;
	border-bottom:none;
	padding:4px 4px 3px 4px; 
	font-size:12px;
}
.service-center table th.first { width:235px; border-right: 1px solid #dbdada; border-left: 1px solid #dbdada; }  
.service-center table th.last { border-left: none;}

.service-center table td  
{
	padding:3px; 
	text-indent:3px;  
	border-right:1px solid #dbdada;
	border-top:1px solid #dbdada;
	border-bottom:1px solid #dbdada;
	border-bottom:none;
}
.service-center table td.first { border-right: 1px solid #dbdada; border-left: 1px solid #dbdada; padding:0; }
.service-center table td.last { border-left: none; }

/* **************************************************************** */
/* Related files left                                               */
/* **************************************************************** */

.clauses { width: 202px; margin-top: 20px; }
.clauses h3 
{ 
  width: 187px;
  height: 16px;
  color: #535353;
  font-size:1em;
  background: #FFF url(/img/bg-files-header.gif) top left; 
  padding: 7px 0 5px 15px;
  margin: 0;
}

.clauses .box-content
{
  border-left: solid 1px #c4c4c4;
  border-right: solid 1px #c4c4c4;
  border-bottom: solid 1px #c4c4c4;
}

.clauses ul
{
  margin: 0;
  padding: 8px 0 8px 0px;
}

.clauses ul li
{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0 0 2px 25px;
  text-indent:-20px;
}

.clauses ul li a
{
  color:#818181;
  font-weight:bold;
}


/* **************************************************************** */
/* All clauses                                                      */
/* **************************************************************** */

.all-clauses h3 { color: #818181; font-weight:bold; margin: 15px 0 0 0; }
.all-clauses a { line-height: 20px; } 