/**********************************************
	Screen Stylesheet
		
	Designed by eSkill
	www.eskill.is
	21.10.2004
**********************************************/
@import url("Menus.css");
@import url("Modules.css");
@import url("Products.css");
@import url("StockTicker.css");

/* IE5.x only import */
@media tty {
 i{content:"\";/*" "*/}} @import 'OldBrowsers.css'; /*";}
}/* */

html, body{
	width: 100%;
	height: 100%;
}
body{
	
	FONT-FAMILY: Arial, Helvetica, Verdana, Sans-serif; 
	color: #333;
	font-size: 70%;
	background: #fff;
	margin: 0;
	padding: 0;
}

#Page{
	width: 762px;
	margin: 0 auto;
	padding: 0 0 45px;
	background: #fff;
	position: relative;
	height: 490px;
	min-height: 490px;
	
	
}
html>body #Page{
	height: auto;
}
/*Allir linkar á síğunni*/
a
{
	color: #082F67;
	font-size: 1.0em;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

img{
	border: none;
}

/* ------ Header Section ------ */
#HeaderSection{
	padding: 37px 0 0 7px;
	height: 63px; /* Şarf IE Fiff */
}

/* ------ Content Section ------ */
#MiddleSection{
	margin: 86px 0 0 174px; 
	padding: 22px 25px 0 22px;
	
	height: 480px;
	min-height: 480px;
	
	
	
}
html>body #MiddleSection{


	min-height: 480px;
	height: auto;
	
	
}

#MiddleSection div.PageHeader h1, 
#MiddleSection div.PageHeader h2
{
	margin: 0;
	padding: 0;
}
#MiddleSection div.PageHeader{
	margin: 0 0 28px;
}
#MiddleSection div.PageHeader h1{
	color: #082F67;
	font-size: 1.7em;
}
#MiddleSection div.PageHeader h2{
	font-size: 1.2em;
	color: #41C1A6;
	display: none;
}

#MiddleSection div.Content
{
	
}
#MiddleSection div.Content p{
	margin: 0;
	padding: 10px 0;
}

/* ------ Top ------ */
#TopBar{
	position: absolute;
	top:100px;
	background: #41C1A6 url(../Images/bg_topbar.gif) no-repeat;
	height: 85px;
	width: 762px;
}
#TopRight{
	background: url(../Images/bg_world_map.gif) top right no-repeat;
	width: 550px !important;
	width: 550px;
	
	height: 62px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	padding: 35px 0px 0 0;
	
}
#TopRight h5{
	font-size: 0.9em;
	margin: 0 49px 0 0; 
	padding: 0 0 3px;
	text-transform: uppercase;
	
}
html>body #TopRight h5{

	margin: 0 49px 0 0; 	
}
#TopRight select{
	width: 170px;
}
html>body #TopRight select
{
	margin:0 0 0 380px;
}
select{
	font-size: 0.9em;
	color: #666;
}


#TopBar div.Right{
	float: right;
	padding: 35px 20px 0 0;
}
#TopBar div.Right h3, 
#TopBar div.Right h4
{
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#TopBar div.Right h3{
	font-size: 1.5em;
}
#TopBar div.Right h4{
	font-size: 1em;
}



/* ------ Left Section ------ */
#Left{
	position: absolute;
	left: 0;
	top: 186px;
	
	/*padding: 88px 0 0 0 ;*/
	/*margin: 100px 0 0 0;*/
	margin:0;
	width: 172px;
	height:auto;
	
	
	background:  url(../Images/left_bg.gif) 50% 0 repeat-y;
	
	
	
}

/* ------ Left Section ------ */
#Footer{
	
	/*position:absolute;
	left: 1px;
	bottom: -10px;*/
	
	color: #082F67;
	font-size: 0.8em;
	height: 28px;
	width: 755px;
	background: url(../Images/bg_footer.gif) 0px 0 no-repeat;
	
	
	padding: 54px 0 7px 0px;
	/*margin-top: 50px;*/
	
	

}
#Footer ul{
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
#Footer ul li{
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#Footer ul li a div{
	display: inline;
}
#Footer a,
#Footer a:hover
{
	color: #082F67;
	margin: 0 5px 0 0;
	text-decoration: none;
}
#Footer ul li:last-child a:after{
	content: "";
}
#Footer a:hover{
	text-decoration: underline;
}
/* ------ Other Layout Elements ------ */

/* ------ BreadCrumbs ------ */
#BreadCrumbs{
	position: absolute;
	top: 50px ;
	left: 196px;
	height: 16px;
	width: 531px;
	padding: 2px 10px 0 0;
	font-size: 0.9em;
	font-weight: bold;
}
#BreadCrumbs a{
	text-decoration: none;
	color: #41C1A6;
}
#BreadCrumbs a:hover{
	text-decoration: underline;
}


/* ------ Content Classes ------ */
div.LeftPane{
	padding: 10px 6px; /*Gæti şurft ağ hafa bottom alltaf paddağann*/
	margin: 100px 0 100px 0 ;

}

#LeftPane{
	padding: 0 2px 0 2px;
}
#LeftPane .cModuleHeadline
{
	font-size: 1.0em;
	font-weight: bold;
	color: #666;
}
/*************************************************************/
#LeftPane div.FormBoxFirst
{
	margin: 0 0 5px 0;
}
#LeftPane div.FormBoxFirst input
{
	border: 1px solid #999;
	background: url(../Images/bg_textbox.gif) repeat-x;
}

#LeftPane div.FormButton div.rightReg{
	
	position:absolute;
	top: 0px;
	right: 0px;
	
	width: 3px;
	height: 15px;
	background: url(../Images/rightBtn.gif) no-repeat;
	visibility:hidden;
	
}
#LeftPane div.FormButton div.leftReg{
	
	position:absolute;
	top: 0px;
	left: 0px;
	
	width: 3px;
	height: 15px;
	background: url(../Images/leftBtn.gif) no-repeat;
	visibility:hidden;
	
}
#LeftPane div.FormButton
{
	
	margin: 10px 0 0 0;
	position: relative;
	
}

/* Edit 19.07.05 */
#LeftPane div.FormButton a{
	float: left ;
	clear: both ;
	display: block ;
	
	width: 105px ;




	padding: 0px 7px 1px 7px;
	margin: 0 0 5px 0 ;
	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(../Images/btn_bg.gif) repeat-x;
	
}

#LeftPane div.FormButton a:hover {
	text-decoration: none;
}

/* Edit 28.11.05 */
#LeftPane div.FormButton .separator,
#LeftPane div.FormButton a.btnHistory {
	display: none ;
}

/*************************************************************/

div.MidPanes{
	clear: both;
	
}
 
div.BottomPane
{
	margin: 0 10px 10px 0;
	width: 535px !important;
	width: 530px;
}

div.MidPanes div.MidPane, 
div.MidPanes div.ContentPane
{
	float: left;
	margin: 0 0px 10px 0;
	width: 270px;
	
}

div.Content h3{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}



/*cModuleHeadline span tag. ::NetQbs::*/
#MiddleSection div.Content span.cModuleHeadline{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}

/* ------ Other ------ */
.Hidden, .NoPrint{
	display: none;
}
.Clear{
	display: block;
	line-height: 0;
	height: 0;
	margin: 0;
	clear: both;
	border-top: 1px solid #fff;
	visibility:hidden;
}

/*************************************************/
/* Image Kubbur, default css er í Pictures.ascx sem style tag
 Yfirskrifum default stílinn hér*/
/*************************************************/
/*Myndasıning linkur*/
#MiddleSection div.Content #PictureTable TD a{ 
	padding: 0 0px 0 3px;
}
#MiddleSection div.Content #PictureTable TABLE TR TD{ 
	
} 
#MiddleSection div.Content #PictureTable TABLE TR TD TABLE TR TD { 
	
} 
/****************************************
	Constraints á Big Image - şannig ağ hún ıti restinni ekki út af síğunni
	Spurning meğ şetta...
*/
#MiddleSection div.Content #PictureTable .tdImagePadding{
	/*width: 200px;
	height: 200px;*/
      

   vertical-align:top;

	
}

#MiddleSection div.Content #PictureTable .tdImagePadding #ImageBig392{
	
	padding: 0px;
	margin: 0px;
	border: 1px solid;
	width: 285px;
	height: auto;
	
}
/*
*/
#MiddleSection div.Content .NQOver 
{ 
	BORDER-RIGHT: white 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: white 1px solid; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: white 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: white 1px solid; 
	TEXT-ALIGN: center; 
} 
#MiddleSection div.Content #divfloatingImage392{
	
}
/*Formatting á fljótandi mynd*/
#MiddleSection div.Content .NQFloatingImage 
{ 
	MARGIN: 430PX 0 0 545PX !IMPORTANT; 
	MARGIN: 0PX;
	border: black 1px ridge; 
	padding: 5px; 
	DISPLAY: none; 	
	FONT-SIZE: 8pt; 
	POSITION: absolute;
	LEFT: 260px; 	
	FONT-FAMILY: Verdana; 
	POSITION: absolute;
	TOP: 160px; 
	BACKGROUND-COLOR: black; 
	TEXT-ALIGN: center; 
	color: white;
	   

} 
/*big image*/
#MiddleSection div.Content .tdImagePadding 
{ 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 0px; 

	
} 
/*Sellur í small image table*/
#MiddleSection div.Content .NQSella 
{ 
	border: 1px solid #666; 
	
}
#MiddleSection div.Content .NQSella a{
	padding: 0 0px 0 5px;
}

/*****************************************************/
/*------------Site-Map----------------*/
/*****************************************************/
div.Content div.MidPanes div.MidPane ul{
	line-height: 140%;
	
}
div.Content div.MidPanes div.MidPane ul li{
	font-weight: normal;
	list-style: disc;
	list-style-position: inside;
	color: #082F67;
	
}

/*LINKS*/
div.Content div.MidPanes div.MidPane ul li a{
	
	text-decoration: none;
	font-size: 1.0em;
	color: #082F67;
}
div.Content div.MidPanes div.MidPane ul li a:hover{
	
	text-decoration: underline;
	
}
#TopRight
{
	
}
#TopRight div.Box{
	text-align: right;
	
	
	margin:0 0 0 0px;
	/*width:350px;*/
}
html>body #TopRight div.Box
{
	text-align: right;
	
	margin:0 0 0 0px;
	/*width:200px;*/
	
}

/*LANGUAGE MENU*/
div.LanguageMenu
{
	
	padding:5px 0 0 0;
	/*width:340px;*/
	margin:0 0 0 0px;
	height:5px;
	text-align: right;
	
	
}
html>body div.LanguageMenu
{
	padding:0px 0 0 0;
	width:346px;
	height:auto;
	margin:0 0 0 200px;
	
}

div.LanguageMenu li
{
	list-style:none;
	float:right;	
	padding:0 5px 0 5px;
	border-right:1px solid #999;
	text-align:right;
}
div.LanguageMenu ul li a
{
	/*font-weight:bold;*/		
	text-decoration:none;	
	font-size:0.9em;
	
}
div.LanguageMenu ul li a:hover
{
	text-decoration:underline;
}

div.clear {
	clear:both;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
}

