/*
	ESKILL BASE SCREEN STYLESHEET
	v 1.0
*/

#lightbox-image-details-link { display:block; padding-bottom:10px; }

* { margin:0; padding:0; }

body { font: 0.75em/140% arial, sans-serif; color:#666666; }

img { border:0; }
img.projectimage { margin: 0 10px 10px 0; }
a { text-decoration: none; outline:none; color:#0099cc; }
a:hover {}

/* adjust fonts and spacing for headings */
/*
h1,h2,h3,h4,h5,h6 { margin: 1em 0 .3em 0; }
h1 { font-size: 1.4167em; }
h2 { font-size: 1.3333em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1667em; }
h5 { font-size: 1.0833em; }
h6 { font-size: 1em; }
*/
h1,h2,h3,h4,h5,h6 { margin: 0.5em 0; }
#content h2 { color:#0099cc; font-size:1.67em; }
#content h3 { font-size:1.17em; font-weight:bold; }
#content h4 { font-size:1em; color:#0099cc; font-weight:bold; }
#content h5 { font-size:1em; font-style:italic; }

#content h2 a, 
#content a h2,
#content h4 a,
#content a h4 { color:#0099cc; }

#content h3 a,
#content a h3,
#content h5 a,
#content a h5 { color:#666666; }

/* set basic formstyling */
form {}
fieldset { margin: 1em 0; }
fieldset legend { color: #000; padding: 0 4px; }
input, textarea { font-size: 1em; margin:2px 0; padding: 2px; border: 1px solid #959ca1; color: inherit; background:#fff; }
input {}
textarea { font-family: Arial, Sans-Serif; } /* remember to set fonts on textarea */
input.radio, input.checkbox { border: none; } /* this is for IE6, obviously for it to work you have to put class="radio" on radio inputs and class="checkbox" on checkbox inputs in the HTML */
input[type='radio'], input[type='checkbox'] { border: none; }
select { border: 1px solid #959ca1; }
.button {  }

/* creditapplication */
.creditapplication label, 
.creditapplication .button { display:block; margin-top:8px }
.creditapplication input.text, 
.creditapplication textarea.text { width:400px; }

.creditapplication table { }
.creditapplication table th { text-align:left; padding-left:10px; }
.creditapplication table td input.text { width:180px; }
.creditapplication label.checkLabel { display: inline; padding-right: 13px;}

/* contacts */
#contacts {position:relative;}
#contacts .button {margin-top:0px;}
#contactType {display:none; z-index:9999; position:absolute; border: solid 1px; background: #fff; top:-40px;  left:235px; width: 410px; padding: 20px;}
#contactType .saveButton{ float:right; width:55px;}
#contactType .closeButton{margin-right:5px; float:right; width:55px;}
#contactType table{margin-bottom:20px;}




/* Þjónustubeiðni */
#content .fi_txt label { display : inline; float : left; width : 150px; text-align:right; padding-top : 3px; padding-right : 6px; }
#content .fi_txt input.text { display : inline; width : 300px; }
#content .fi_txt .button { margin-left:156px; }

/* mind the font-sizes in tables */
table { font-size: inherit; border-collapse: collapse; }
th,td { padding: 3px; }
th { text-align: left; }
td {}

ul { list-style: none; }
ol {}
dl {}
dt {}
dd {}
blockquote {}
q {}


#content ul, .content ol, .content dl, 
#content blockquote, .content q { margin: 0.5em 0 0.5em 1em; }
#content ul { list-style: disc; }
#content dd { margin-left: 2em; }

#content p { margin: 0.5em 0; }

/* do not change these */
.hidden, .access, .stream { display: none; }
.eskill-text-link { display: none; }
.eskill-image-link { display: none; }

.left { float: left; }
.right { float: right; }
.clearthis, .clear, .clearme { clear:both; }
.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 of do not change these and hide from IE-mac */

/***************** CONTENT ****************/

/***** WRAPPERS *****/
body { background:url(/library/19736) repeat-x; }

#wrapper { width:980px; margin:0 auto; position:relative; background:url(/library/19706) repeat-y; }
#wrapperbg { background:url(/library/19737) no-repeat; }

#colwrapper { width:960px; padding:0 10px;  }

#contwrapper { height:255px; width:960px; margin:43px 0 4px; }
.subfrontpage #contwrapper { height:auto; }
.subpage #contwrapper { height:auto; margin:0px 0 4px;  }

#col1 { height:255px; width:205px; float:left; }
#col2 { height:255px; width:540px; margin:0 5px; float:left; }
#col3 { height:255px; width:205px; float:left; }

#subfrontpagenav  { width:205px; float:left; }
#subpagenav  { width:205px; float:left; }
#content { width:705px; min-height:400px; margin:0 0 30px 25px; float:left; position:relative; }

#breadcrumbs { margin:10px 0 20px; color:#888; font-size:0.83em; }

#header { height:110px; width:960px; padding:0 10px; position:relative; }
#header .logo { position:absolute; top:15px; left:20px; }

#footer { height:40px; width:920px; padding:10px 0 0 60px; color:#ffffff; background:url(/library/19655) no-repeat; }
#footer a { color:#ffffff; }

#banner { height:180px; width:960px; position:relative; }
#banner li { display:none; position:absolute; top:0px; left:0px; height:180px; width:960px; }
#banner li.img1 { display:block; }

#loginname{ height:14px; width:414px; position:absolute; top:9px; right:0px; color:#0099CC; font-weight:bold; text-align:right; }
.frontpage #loginname { right:40px; top:45px; }


/*** Shortcuts ***/
#shortcuts { height:95px; width:960px; padding-top:11px; background:url(/library/19658) repeat-x; }
#shortcuts a { width:317px; height:85px; float:left; position:relative; color:#333333; }
#shortcuts .item2 a { width:316px; margin:0 5px; }
#shortcuts a span { position:absolute; left:170px; bottom:12px; }

#shortcuts .item a {  }
#shortcuts .item1 a:hover,
#shortcuts .item2 a:hover,
#shortcuts .item3 a:hover { background-position:0 85px !important; }

/*** Navigation ***/
/* nav */
#nav { height:46px; width:960px; position:absolute; top:64px; left:10px; background:url(/library/19657) repeat-x; }
#nav ul { margin-top:5px; }
#nav ul li { display:inline; }
#nav ul li a { padding:7px 20px 6px; display:block; float:left; color:#666; }
#nav ul li a:hover { color:#ffffff; background:url(/library/19673) repeat-x; }
#nav ul li a.selected { color:#ffffff; background:url(/library/19673) repeat-x; }

#nav ul ul { display:none; margin:0; }

/* extranav */
#extranav { height:46px; position:absolute; top:69px; right:10px;  }
#extranav ul li { display:inline; }
#extranav ul li a { padding:7px 15px 6px 28px; display:block; float:left; color:#0098d4; }
#extranav ul li a:hover { color:#797979; }
#extranav ul li a.item1 { background:url(/library/19704) no-repeat 0 7px; }
#extranav ul li a.item2 { background:url(/library/19705) no-repeat 0 7px;; }

/* subnav */
#subnav { height:43px; width:960px; position:absolute; top:290px; left:10px; background:url(/library/19654) repeat-x; }
#subnav ul { width:625px; margin:7px auto; }
#subnav ul li { display:inline; }
#subnav ul li a { width:165px; padding:5px 20px 4px; display:block; float:left; color:#ffffff; font-size:1.09em; text-transform:uppercase; }
#subnav ul li a:hover { color:#ffffff; }
#subnav ul li a.selected { color:#ffffff; }
#subnav ul li a.item1 { border-left:2px solid #fff; } 

#subnav ul li ul { display:none; width:0px; }

#subnav ul li a.item1,
#subnav ul li a.item2,
#subnav ul li a.item3 { border-right:2px solid #fff; } 
#subnav ul li a.item1 { background:url(/library/19702) no-repeat; }
#subnav ul li a.item1:hover { background:url(/library/19703) no-repeat; }
#subnav ul li a.item2 { background:url(/library/19700) no-repeat; }
#subnav ul li a.item2:hover { background:url(/library/19701) no-repeat; }
#subnav ul li a.item3 { background:url(/library/19698) no-repeat; }
#subnav ul li a.item3:hover { background:url(/library/19699) no-repeat; }
#subnav ul li.item4 { display:none; }

/* subpage nav */
#subpagenav ul { margin:20px 0 0 30px; }
#subpagenav ul li a { margin-bottom:4px; padding:5px 0 5px 10px; display:block; color:#777; background:url(/library/19734) no-repeat; }
#subpagenav ul li a:hover { color:#0099cc; font-weight:bold; }
#subpagenav ul li a.selected { color:#0099cc; font-weight:bold; }
#subpagenav ul li.selected { margin-bottom:5px; }

#subpagenav ul li ul { margin:0 0 0 7px; }
#subpagenav ul li ul li a { margin:0px; padding:2px 0 3px 10px; background:url(/library/19709) no-repeat 0 9px; }
#subpagenav ul li ul li a:hover { background:url(/library/19708) no-repeat 0 9px; }
#subpagenav ul li ul li.selected  { margin-bottom:0px; background:url(/library/19708) no-repeat 0 9px; }

#subpagenav ul li ul ul { margin:0 0 0 10px; }
#subpagenav ul li ul ul li a { background:none; font-size:0.9em; }
#subpagenav ul li ul ul li a:hover { background:none; }
#subpagenav ul li ul ul li a.selected { background:none; }


/* header-controls */
#header-controls { position:absolute; top:15px; right:230px; }
#header-controls ul { margin-top:5px; }
#header-controls ul li { display:inline; }
#header-controls ul li a { padding:5px 10px 4px; display:block; float:left; color:#424242; font-size:0.83em; }
#header-controls ul li a.first { padding:5px 10px 4px 0px; }
#header-controls ul li a.last { padding:5px 0px 4px 10px; }

/* search */
#searchpanel { width:210px; position:absolute; top:11px; right:0; }
#searchpanel fieldset { border:none; }
#searchpanel .text { width:150px; border:1px solid #dedddc; color:#777; font-size:0.93em; }
#searchpanel .button { border:none; background:none; color:#424242; font-size:0.86em; }


/***** FRONTPAGE *****/
/*** PageComponents ***/
/* staff */
#staff { position:relative; }
#staff .staff { display:none; }
#staff .staff a { height:255px; width:205px; top:0px; left:0px; position:absolute; }
#staff .staff a .caption { position:absolute; left:20px; top:12px; color:#FFFFFF; font-size:1.09em; font-weight:bold; text-align:center; }
#staff .staff a .name { width:160px; position:absolute; bottom:29px; left:42px; color:#424242; font-size:0.9em; line-height:1.3em; }
#staff .item1 { display:block; }

/* offer of the month */
.offer { height:255px; width:205px; position:relative; }
.offer .caption { margin-top:4px; padding:8px 0; color:#FFFFFF; font-size:1.2em; font-weight:bold; text-align:center; text-transform:uppercase; background:url(/library/19682) no-repeat; }
.offer .image { height:150px; width:205px; }
.offer .title { margin-left:20px; font-weight:bold; margin-right:8px }
.offer .price { color:#D2232A; font-size:1.3em; font-weight:bold; }
.offer .curr { color:#777; margin-left:2px; }
.offer .descr { margin-left:20px; display:block; color:#777; font-size:0.83em; line-height:1.2em; }
.offer .morelink { margin-left:20px; color:#585858; font-size:0.83em; }

/* center pc */
#col2 .item1 { float:left; }
#col2 .item2 { float:left; margin-left:4px; }


/****** SubFrontpage ******/
body.subfrontpage .kynning { overflow:auto; padding-top:10px }
body.subfrontpage .kynning .image { float:left; width:150px; height:144px; text-align:center; }

body.subfrontpage .vara { float:left; width:287px; }
body.subfrontpage .vara .image { float:left; width:130px; height:130px; text-align:center; }
body.subfrontpage .vara .text { float:left; width:155px; padding-bottom:10px; }
body.subfrontpage .top3 .vara .image { height:140px; }

body.subfrontpage .top3 h3 { font-size:1.454em; text-transform:uppercase; padding-top:0; }
body.subfrontpage .tilbod { display:none; } /* TEMP */
body.subfrontpage .tilbod h3 { font-size:1.27em; padding-top:0; }
body.subfrontpage .tilbod .header { height:53px; background:url(/lisalib/getfile.aspx?itemid=11868) no-repeat; }


/***** SUBPAGE *****/
/*** Content ***/
#content ul.bullets { list-style: disc inside !important; }

/*** Shops ***/
.shopMainHeader { font-size : 1.18em; font-weight:bold; margin: 20px 0 10px 0;}
.shopHeader { font-weight:bold; margin:5px 0 3px 0;}


.invoicetable { width:576px;padding:10px; }
.invoicetable caption { background:#004A8C; padding:5px; font-weight:bold; }
.invoicetable th { padding:3px; color:#FFFFFF; background:#5F5F5F; vertical-align:top; padding:2px; text-align:left; }
.invoicetable td { padding:2px; }
.invoicehide { display:none; }


/* yfirlit reikninga */
table.proptable { width:100%; }
table.proptable caption { background:#004A8C; padding:5px; font-weight:bold; }
table.proptable th { padding:4px; color:#FFFFFF; background:#5F5F5F; vertical-align:top; padding:3px; text-align:left; }
table.proptable td { padding:3px;}
table .number { text-align:right !important; }

table td.showplus a { background:url(/lisalib/getfile.aspx?itemid=13007) no-repeat; height:11px; width:11px; text-indent:-5000px; outline:none; display:block; }
table td.showplus a.showminus { background:url(/lisalib/getfile.aspx?itemid=13006) no-repeat; height:11px; width:11px; text-indent:-5000px; outline:none; display:block;}

tr.row1 td { background : #E4E4E4; }
tr.row0 td { background : #fff; }

/*** Um notenda fyrir reikninga ***/
.userinfo { padding:15px 18px 1px; line-height: 20px; }



/*** Products ***/
#productboxwrapper .productboxcontent { background:#F6F6F6; padding:10px; overflow:auto; }
#productboxwrapper .productboxcontent h2.title { padding:0; font-size:1.635em; text-transform:none; }
#productboxwrapper .productboxcontent h3.title { padding:0; font-size:1.635em; }
#productboxwrapper .productboxcontent .verd { font-size:1.27em; color:#0099CC; font-weight:bold; }
#productboxwrapper .productboxcontent .verd strong { color:#0099CC; }
#productboxwrapper .productboxcontent .moreinfo { padding-top:8px; }
#productboxwrapper .productboxcontent .leftholder { float:left; width:160px; }
#productboxwrapper .productboxcontent .rightholder { float:left; width:395px; }
#productboxwrapper .productboxcontent .rightholder .moreimglink { color:#666; padding:2px 10px 2px 10px; background:url(/library/19711) repeat-x; }
#productboxwrapper .itemdata h4 { padding:9px 0 3px 0; border-bottom:1px solid #C3C3C3; margin-bottom:8px; }
#productboxwrapper .itemdata ul { padding-left:17px; }
#productboxwrapper .itemdata ul li { list-style: none; }
#productboxwrapper .itemquantity select { border:1px solid #003164; margin-right:6px; float:left; }
#productboxwrapper .itemquantity .productadd { float:left; border-top:1px solid #003164; }
.productadd input, input.productadd { color:#666; font-size:1em; padding:0px 10px 2px 10px; border:none; background:url(/library/19711) repeat-x; }

#productlistwrapper ul.productlist { float:left; }
#productlistwrapper ul.productlist li { color:#666; float:left; width:150px; height:240px; margin:10px 31px 0 0; list-style: none; background:url(/library/19710) no-repeat; }
#productlistwrapper ul.productlist li.rod0 { margin-right:0; }
#productlistwrapper ul.productlist li .imgholder { text-align:center; height:105px; padding:8px 0 2px 0; }
#productlistwrapper ul.productlist li .textholder { padding:0 8px; }
#productlistwrapper ul.productlist li h3 { padding:0; font-size:0.9em; color:#666; }
#productlistwrapper ul.productlist li .verd { font-size:1.1em; color:#0099CC; font-weight:bold; padding:1px 0 8px 0; }
#productlistwrapper ul.productlist li .moreimglink { float:left; font-size:11px; color:#666; padding:1px 10px 3px 10px; background:url(/library/19711) repeat-x; }
#productlistwrapper ul.productlist li .itembuy { border:0; float:right; margin:0; padding:2px 10px 2px 10px; font-size:10px; color:#666; background:url(/library/19711) repeat-x; }
#productlistwrapper ul.chairs li{height:350px; width:205px;background:url(/library/25531) no-repeat;}
#productlistwrapper ul.chairs li .imgholder{height:250px;}

/*** Pager ***/
.pager {margin: 0; padding: 0 ; list-style: none; white-space:nowrap;}
ul.pager {margin-top:10px; text-align:center;}
ul.pager li {margin: 5px; padding:0; list-style: none; display:inline; font-size:1.2em;}
ul.pager li .selected {background:#DDD; padding:3px;}
ul.pager li a { padding:5px 8px; }



/**********************************************************************************************************************************/
/* lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightboxaimg{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box>#lightbox-nav{left:0;}
#lightbox-nava{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}
.lightbox img{border: 2px solid rgb(217, 217, 217);}
/**********************************************************************************************************************************/

/*** Employee table ***/
#emptable { border-collapse: separate; font-size: 1em; text-align:left; width: 700px; }
#emptable a { color:#333; }
#emptable thead { }
#emptable th { font-weight:bold; font-size:1.08em; padding:0 10px 10px 0; border-bottom:1px dashed #999999; }
#emptable td { padding-right: 20px; border-bottom:#dedede 1px solid; }
#emptable td.last { padding-right:0; }
#emptable .empline a { display:block; margin:8px 0; }

#emptable tr.displayEmp { display:none; }
#emptable tr.displayEmp td { padding:0px; border-bottom:none; }
#emptable .displayEmp { background:transparent url(/library/21339) no-repeat; }
#emptable .displayEmp .employee { padding:10px 30px; height:196px; position:relative; }
#emptable .displayEmp .employee .picture { float:left; width:230px; min-height:1px; }
#emptable .displayEmp .employee .text { float:left; margin-left:20px; width:328px; line-height:1.67em; }
#emptable .displayEmp .employee .text h4 { margin-bottom:10px; margin-top: 0; padding-bottom:8px; font-size:1.385em; border-bottom: dashed 1px #c0c1c1; }
#emptable .displayEmp .employee .text a { color:#5aa7b8; }
#emptable .displayEmp .employee .close { padding: 5px 0; }
#emptable .displayEmp .employee .close a { color:#6C6C6C; }


.searchbox th { border-bottom: none !important; }
.searchbox input { font-size:0.77em; }
.searchbox input#f_ename { width:212px; }
.searchbox input#f_ejobtitle { width:188px; }
.searchbox input#f_epos { width:141px; }
.searchbox input#f_ephone { width:49px; }
.searchbox input#f_egsm { width:49px; margin:0; }