/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 font-size:1.4em;
 } 

 body { font-size: 62.5%; 
		border-top-style:solid;
		border-width:5px;
		border-color:black;
	font-family:Arial, Helvetica;
		}
 
#pagewidth{ 
 margin-left:auto;
 margin-right:auto;
 width:990px;  
} 


.fyrirspurn_subheading {
	font-size:15px;margin-top:3px;margin-left:auto;
}
#fyrirspurn_heading {
margin-top:auto;
	font-size:20px;
}
#onecol {
  margin-left:7px;
  margin-right:10px;
}
#header{
 position:relative; 
  background-color:#FFFFFF; 
  background-image:url('/img/logos.png');

  background-position:0px 25px; 
  background-repeat:no-repeat;
  } 

  .waiting { cursor: wait; opacity:0.2;}
  
.tab {
	width:125px;
	height:22px;
  	display:inline-block;
	background-repeat:no-repeat;  
  	text-align:center;
	font-weight:600;
  	font-size:16px;
    font-family:Arial, Helvetica;
	border-right-style:solid;
	border-width:1px;
	border-color:white;

	}
.tab a {

	text-decoration:none;
	margin-top:3px;
	display:inline-block;
	
}

.off a {
	text-decoration: none;	
}

.validation {
	border-style:solid;
	border-size:2px;
	border-color:red;
}
.off {
}
.on {
	background-color:white;
}

#header_buttons{
	margin-top:0px;
	width:100%;
} 

 
#leftcol{
 width:16%; 
 float:left; 
 }
 
#twocols{
 width:84%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
width:158px;
 float:right; 
 position:relative; 
 }

 #maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:80%; 
 margin-left:7px;
 }
#view_toprow{
// padding-left:20px;
 padding-top:15px;
 padding-bottom:15px;
 }
 
 

 #view_left{
 float:left;
 width:41%;
 padding-bottom:15px;
 }
 

 #view_left_internal { 
// margin-left:20px;
 }

 #view_left .point_grey { 
 background-color:#EEF0DB;
 }
 #view_left .point_white { 
 background-color:white;
 }
 
 #view_right{
 float:right;
 width:59%;

 }

#view_bottomrow{
height:100px;
 }

 

#footer_dark a{

 padding-left: 0;
 text-decoration: none;
 line-height:15px;
 font-family:Arial, Helvetica;
 display:inline;

}
 .foot_heading {
 color:white;

 
 font-family:Arial, Helvetica;
margin-bottom:4px; 
 }
 .foot_link {
color:#B2B2B2; 
margin-bottom:2px;
 }
 
#footer_dark .foot_row{
margin-top:20px;
width:140px;

float:left;
}
#footer_dark{
 width:100%;background-color:#1E1E1E;color:white;height:250px;margin-top:30px;
 } 
 
.view_heading {
 margin:0px;
 font-family:Helvetica, Arial;
 font-size:35px;
}
.sub_heading {
 margin:0px;
 font-family:Helvetica, Arial;
 font-size:20px;
}

.logo {
 float:right;
}

.view_main_image {
 float:right;
 width:560px;
}

#view_right_internal {
 float:right;
 width:560px;
}

.main_text {
 margin-top:0px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



div.crop {
	height: 150px;
	width: 205px;
	overflow: hidden;
	z-index:5;
}
div.index_show {
	cursor:pointer;
	position:relative;
	float:left;
	margin:5px;
	border-style:solid;
	border-color:white;
	border-width:1px;
	padding:1px;
	overflow: hidden;
	height: 180px;

}


div.product_description_bg {
	display:block;
	position:absolute;
	bottom:0px;
	padding:3px;
	z-index:1;
	background-color:white;
	opacity:1.0;filter:alpha(opacity=100);
	width:224px;
	height:35px;
	font-size:12px;
}
div.product_description_txt {
	font-family:arial;
	text-decoration:bold;
	text-align:left;
	color:black;
	display:block;
	position:absolute;
	bottom:0px;
	padding:3px;
	z-index:1;
	width:224px;
	height:35px;
	font-size:12px;
}

div.basic_text {
	font-size:12px;
	font-family:Arial;
	position:absolute;
	background-color:white;
	bottom:4px;
	padding:3px;
	width:205px;
	height:24px;

}

div.basic_text  a{
	align:center;
	text-decoration: none;
	color:black;
	font-weight:bold;
}	


#image_thumbs img {
 width:150px;
 height:100px;
 margin-top:4px;
 margin-right:4px;
 margin-left:0px;
 border-style:none;
}
#image_thumbs {
 padding:0px;
 
 overflow:hidden;
 white-space: nowrap;
 height:130px;
 width:560px;
}
#nav_menu_wrapper_bg {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 8888; /*--Keeps the panel on top of all other elements--*/
	background: black;
	opacity:0.6;
	padding-left:20px;
	-moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px;
	-moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px;
	width: 94%;
	height:25px;
	margin: 0 3%;
}	
#nav_menu_wrapper {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	padding-left:20px;
	padding-top:20px;
	border: none;
	width: 94%;
	height:25px;
	margin: 0 3%;
}	
.options {
background-color:#ffffcc;
display:none;
padding:5px;
}
#request {
 background-color:#EEF0DB;
 margin-top:5px;
 border-style:solid;
 border-width:1px;
 padding:15px;
 
}
#request_body {
 width:100%;
 height:100px;
 margin-bottom:5px;
 }
 
.links_heading {
 list-style: none;
 padding:0px;
 background-color:#FFFFFF;
 margin-bottom:-10px;
 margin-top:15px;
 -moz-border-radius:4px;-border-radius:4px;
 font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 }
.links_heading a {
 color:black;
}
.link_heading_wrap{
 width:100%; 
 height:25px;
 text-align:center;
 padding-top:5px;

 
 }
.links_sub {
 margin-left:17px;
 margin-bottom:10px;
 margin-top:5px;
 padding:0px;
 list-style: none;

 }
.links_sub  a {
 text-decoration:none;
 }
.link_heading_wrap a {
 margin-top:15px;
 margin-left:15px;
 font-weight:bold;
 text-decoration:none;
 font:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 font-size:13px;
}








/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 30%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 30%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}


#image_row img
 {
 width:136px;
 height:92px;
 margin-top:4px;
 margin-right:1px;
 margin-left:0px;

 }
	
#image_row a {
display:inline-block;
}
	
#image_row {
 padding:0px;
 overflow:hidden;
 white-space: nowrap;
 width:560px;

}

#header_link {
height:100px;
width:100%;
cursor:pointer;
 }
#header_link a {
 text-decoration:none;
 color:black;
}
#header_link img {
 border-width:0px;
}

input {
 display:inline;
}
label.settings {
 font-weight: bold;
}
span {
 display:inline;
}
form {
 display:inline;
}

.nav_menu * {

display:inline;
}

.trash_highlight {
	border-color:black;
}

.trash_hover {
	border-color:red;
}
.add_link_head {
text-decoration:none;
color:black;
}

.controle_bar {
 border-width:1px;
 border-style:solid;
 border-color:white;
 display:block;
 margin-bottom:15px;
}

.selected_thumb_image {
border-style:solid;
border-color:#8DB531;
display:hidden;
}

.thumb_image {
border-style:solid;
border-color:white;
}

.selection_box{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	margin:0px;
	border-right-style:solid;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	border-color:lightgrey;
	color:lightgrey;
	display:inline-block;
	width:135px;

}

.link_header_image {

	width:155px;
	margin-left:-16px;
	margin-top:-7px;

}