/* Lisafix til að fá float kassa til að líta rétt úr í design mode */
.frontpage #column-wrapper #col1 .LisaPageItem { float:left; width:223px; margin-right:20px; width:215px; }

/*******************************************************************/
/*
	ESKILL BASE SCREEN STYLESHEET
	v 1.0
	
	USE RELATIVE UNITS FOR TEXT SIZES, HANDY TOOL: http://riddle.pl/emcalc/
	
		Common sizes relative to 16px base (default in most browsers):
		10px = .625em; 	
		11px = .6875em;	
		12px = .75em;
*/

* { margin:0; padding:0; }

body { font: 0.6875em/140% arial, sans-serif; }

img { border:0; }
a { text-decoration: none; }
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.27em; padding-bottom:10px; color:#666633; }
#content h2 { border-bottom:1px dashed #ccc; margin-bottom:20px; }
h3 { font-size: 1.1em; color:#666633; }
h4, h5, h6 { font-size: 1em; color:#666633; }

/* set basic formstyling */
form {}
fieldset { margin: 1em 0; }
fieldset legend { color: #000; padding: 0 4px; }
input, textarea { font-size: 1em; padding: 2px; border: 1px solid #666; color: inherit; }
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 {}
button {}


div.field-row { clear:both; padding:3px 0; }
div.field-row label { float:left; width:100px; padding:2px 0 0 0; }
div.field-row input { width:250px; }
div.field-row input.checkbox { width:auto; }
div.field-row textarea { width:250px; height:100px; font-family:arial, sans-serif; font-size:11px; }
div.listobject-form { width:356px; }
div.listobject-form fieldset { margin-top:10px; border:none; }
div.listobject-form input.button { float:right; border:none; width:89px; color:#5A7D56; cursor:pointer; font-weight:bold; padding:9px 0 10px 0px; text-align:center; background:url(/lisalib/getfile.aspx?itemid=cf06edc6-ac9e-407f-90a4-21ae364d4d4a) no-repeat; outline: none; }
div.listobject-form p { margin:5px 0 5px 100px; }
div.listobject-form span.required { color:red; font-size:1.2em; margin:0 5px; cursor:help; }
div.errors { background:#ffffcc; border:1px solid #E2525C; margin:10px 0; padding:5px; }
div.errors ul li { color:#E2525C; }

/* skráning í klúbba */
.listobject-form.clubs fieldset legend { color:#666633; display:block; font-weight:bold; padding:3px 0 3px 0px; text-transform:uppercase; }

.listobject-form fieldset.clubs .field-row { width:125px; float:left; clear:none; }
.listobject-form fieldset.clubs .field-row.row1 { margin-left:100px; }
.listobject-form fieldset.clubs .field-row.row2 {  }
.listobject-form fieldset.clubs .field-row input.checkbox { float:left; }
.listobject-form fieldset.clubs .field-row label { padding-left:8px; float: none; }

.listobject-form fieldset.netclub .field-row { width:450px; }
.listobject-form fieldset.netclub .field-row input.checkbox { float:left; }
.listobject-form fieldset.netclub .field-row label { width:420px; margin-top:-2px; padding-left:8px; }

#credidcardinfo { display:none; }

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

.frontpage #col1 .pi_box td { padding:0px; }

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

/*	adjust spacing for lists and quotes 
	assumes you have a wrapper around the content
	with classname content, change this to whatever suits your fancy... */
.content ul, .content ol, .content dl, 
.content blockquote, .content q { margin: 1em 0 1em 2em; }
.content ul { list-style: disc; }
.content dd { margin-left: 2em; }

/* adjust spacing for content paragraphs, same as above: change this to whatever your content wrapper is */
.content p { margin-bottom: 1em; }

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

.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
------------------------*/
/* put site specific css below */

#wrapper { width:1000px; margin:0px auto 20px; position:relative; background:#fff; background:url(/lisalib/getfile.aspx?itemid=63cc423b-1e9b-451c-9b0a-ef3cab1856ad) repeat-y; }

#header { height:110px; position:relative; background:#fff url(/lisalib/getfile.aspx?itemid=e19b7330-b3a7-4598-aa3a-dffede4f89c8) no-repeat bottom; }
#header img { margin:17px 0 0 23px; position:absolute; }

#header-info { position:absolute; top:10px; right:10px; color:#666633; }
#header-info .address { float:left; margin-right:10px; }
#header-info .menu { float:left; }
#header-info .menu ul { margin:0; }
#header-info .menu li { float:left; margin-left:20px; list-style:disc; }
#header-info .menu li.first { list-style:none; }
#header-info .menu li a { color:#666633; }

#column-wrapper { width:980px; padding:0px 10px 0; margin-top:2px; margin-bottom:-15px; position:relative; }

#banner { width:976px; padding:0 2px; margin:65px 10px 2px; position:relative; height:180px; }
#banner li { display:none; position:absolute; top:0px; left:2px; height:180px; width:976px; }
#banner li.img1 { display:block; }

#adbanner { width:976px; padding:0 2px; margin:2px 0 15px; height:50px; }


#col1 { width:470px; float:left; margin:0 0 20px 255px; padding:0; display:inline; }
#col2 { width:245px; float:left; margin:0 0 0 -725px; padding:0; display:inline; }
#col3 { width:225px; float:left; margin-left:15px; padding:0; display:inline; }


.subpage #col1 { width:710px; margin: 0 15px 20px 255px; }
.subpage #col2 { margin:0 0 0 -980px; }

.subpage #col1 #content { min-height:550px; }


#nav { height:34px; width:976px; text-align:center; font-family:Lucida Sans; position:absolute; top:102px; left:12px; background:url(/lisalib/getfile.aspx?itemid=ee98c7e2-ec02-401a-8d07-6f85cc134830) no-repeat; }
#nav ul { margin-left:65px; }
#nav ul li { display:inline; }
#nav ul li.first a { background:none; }
#nav ul li.selected a{ color:#fdd600; }

#nav ul li a { color:#ffffff; font-size:1.45em; font-weight:bold; padding:9px 14px 11px 16px; display:block; float:left; background:url(/lisalib/getfile.aspx?itemid=73bfbbf3-fc0a-4ce4-9148-3645cb2dac78) no-repeat left; }
#nav ul li a:hover { color:#fdd600; }
#nav ul li.selected a { color:#fdd600; }

#subnav { height:35px; width:976px; position:absolute; top:138px; left:12px; font-family:Lucida Sans; background:#d8d2c5; }
#subnav ul { height:35px; padding-top:10px; }
#subnav ul li { display:inline; height:25px; }
#subnav ul li a { padding:10px 14px 9px 16px; color:#666633; font-size:1.27em; font-weight:bold; }
#subnav ul li a:hover { color:#cc6600; }

#basket { height:64px; width:219px; right:25px; top:36px; position:absolute; background:url(/lisalib/getfile.aspx?itemid=46055b31-ab88-4b37-ac98-2f119eeee1c5) no-repeat; }


#storenav { width:240px; margin-bottom:15px; }
#storenav h2 { border-right:1px solid #B19D6B; color:#FFFFFF; font-size:1.45em; margin:0 0 2px 2px; padding:10px 0 9px 20px; width:217px; background:url(/lisalib/getfile.aspx?itemid=ee98c7e2-ec02-401a-8d07-6f85cc134830) no-repeat; }
#storenav ul { border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
#storenav ul li { border-top:1px solid #e9e9e9; }
#storenav ul li a { color:#666633; display:block; padding:3px 0 3px 20px; text-transform:uppercase; font-weight:bold; }
#storenav ul li.selected a,
#storenav ul li.childselected a { color:#fff; background:#666633; border:1px solid #FFFFFF; }
#storenav ul li a:hover { color:#cc6600; }

#storenav ul li ul { padding-left:25px; border-top:1px solid #e9e9e9; border-bottom:none; border-right:none; }
#storenav ul li ul li { border-top:1px dashed #d2d2c4; }
#storenav ul li ul li.first { border:none; }
#storenav ul li ul li a { display:block; padding:3px 0 3px 7px; text-transform:none; font-weight:normal; }
#storenav ul li ul li.selected a,
#storenav ul li ul li.childselected a { color:#cc6600; background:none; }
#storenav ul li ul li a:hover { color:#cc6600; }
#storenav ul li.selected ul li a,
#storenav ul li.childselected ul li a { color:#333; background:none; }
#storenav ul li.childselected ul li.selected a { color:#cc6600; background:none; }


#footer { width:970px; height:110px; padding:15px; background:#fff url(/lisalib/getfile.aspx?itemid=91be8569-e06f-429c-8629-4aca6ea92984) no-repeat; }
#footer .address { float:left; color:#333; padding:47px 0 0 30px; width:450px; }
#footer .address ul { margin-top:5px; }
#footer .address ul li { display:inline; }
#footer .address ul li a { color:#666633; padding:0 3px 0 7px; background:url(/lisalib/getfile.aspx?itemid=0f1b8047-79d8-41ce-b413-2f2346dd274d) no-repeat left; }
#footer .address ul li.first a { padding-left:0px; background:none; }

#footer .shortcuts { margin:2px 0 0 490px; }
#footer .shortcuts h2 { font-family:Lucida Sans; font-size:1.09em; text-transform:uppercase; color:#666633; margin:0 0 20px 35px; }
#footer .shortcuts ul {  }
#footer .shortcuts ul li { float:left;  width:145px; }
#footer .shortcuts ul li a { padding:2px 0 2px 10px; color:#666633; display:block; }
#footer .shortcuts ul li a:hover { color:#cc6600; background:url(/lisalib/getfile.aspx?itemid=269283f1-c3eb-4038-a7c6-25250a6dd43d) no-repeat left 7px; }

#header-controls { position:absolute; top:140px; right:20px; }
.search .field-row input { width:204px; padding:7px 10px; border:none; color:#666666; background:url(/lisalib/getfile.aspx?itemid=2dfed791-c0db-4347-b486-25fb17b3b80e) no-repeat; }
.search .field-row input.button { padding:2px 0 2px 8px; width:100px; color:#666666; outline:none; margin-left:5px; color:#FFFFFF; font-family:Lucida Sans; font-size:1.27em; font-weight:bold; text-align:left; text-transform:uppercase; background:url(/lisalib/getfile.aspx?itemid=9b178402-d758-42b1-a9a2-9a7224f453db) no-repeat; outline: none; }

#smallads { position:absolute; top:30px; left:270px; }
#smallads .rightad { width:200px; position:absolute; top:0px; left:0px;}
#smallads .leftad { width:200px; position:absolute; top:0px; left:240px; }


#col2 .adscontainer { position:absolute; bottom:0px; left:10px; }

.ads { margin-bottom:15px; }
#col2 .ads { margin-left:15px; }
#col1 .ads { margin-bottom:0; }

#banner .ads { margin:0; }

/* PRODUCTS ON FRONTPAGE */
.frontpage #col1 ul.productgrid li { margin: 0; }
.frontpage #col1 .item0 { float: left; }
.frontpage #col1 .item1 { float: right; }
.frontpage #col1 .item2 { padding-top: 23px; }
.frontpage #col1 .item3 { padding-top: 23px; }
.frontpage #col1 .item4 { padding-top: 20px; }
.frontpage #col1 .item5 { padding-top: 20px; }

/* ads margin */

.frontpage #col1 .pi_box.item2 { float:left; width:225px; margin-right:20px; }
.frontpage #col1 .pi_box.item3 { float:left; width:225px; }
.frontpage #col1 .pi_box.item4 { float:left; width:225px; margin-right:20px; }
.frontpage #col1 .pi_box.item5 { float:left; width:225px; }

/***** Subpages *****/

/*** Content ***/

/* Search results */

#content .search { background:#d8d2c5; padding:5px 0 5px 10px; }

.searchResults {  }
.searchResults h2 {  }
.searchResults .searchItem { width:710px; min-height:80px; }
.searchResults .searchItem .searchPosition { float:left; margin:1em 0 0.3em; float:left; width:30px; height:40px; padding-bottom:10px; font-size:1.27em; font-weight:bold; color:#666633; }
.searchResults .searchItem .searchContent { float:left; width:680px; min-height:40px; }
.searchResults .searchItem h3 {  }
.searchResults .searchItem a { color:#666633; }


/* Paging */
.paging  { width:560px; height:20px; margin:20px 0 20px 20px; }

.paging #prevpage { padding-left:10px; float:left; width:75px; font-size:1.08em; color:#cc6600; }
.paging #nextpage { padding-right:10px;  float:right; width:75px; color:#cc6600; }

.paging ul.pagelinks { width:560px; list-style:none; }
.paging ul.pagelinks li { float:left; width:23px; text-align:center; }
.paging ul.pagelinks li a { display:block; color:#51683a; }
.paging ul.pagelinks li a.selected { color:#cc6600; } 


/* sitemap */
#sitemap { margin-left:50px; }

#sitemap li {  padding:3px 3px 3px 0px; }
#sitemap li a { font-size:1.27em; font-weight:bold; color:#666633;  }
#sitemap li a:hover { color:#cc6600; }
#sitemap li ul{ margin-left:20px; }
#sitemap li li { padding:1px 3px 1px 0px; }
#sitemap li li a {  font-weight:normal; }