/* visir */

#visir_bordi {width:980px; margin-left: auto; margin-right: auto; height:36px; margin-top:0x; margin-bottom: 1px; background:url(../img/visir/background.jpg) repeat-x; overflow:hidden; font-family:arial; font-size:12px;}
#visir_bordi .vlinkur a{float:left; color:#fff; text-decoration:none; padding:10px;}
#visir_bordi .vlinkur a:hover {text-decoration:underline;}
#visir_bordi .skil {float:left; width:6px; height:36px; background:url(../img/visir/skil_lina.jpg) no-repeat;}
#visir_bordi #vlogo {float:left; width:90px; height:36px;}
#visir_bordi #flogo {float:right; width:122px; height:36px; background:url(../img/visir/hvadERimatinn.jpg) no-repeat;}

/* Basics */
body { margin: 0px; font-family: Arial; font-size: 12px; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
p { margin: 0px; padding: 0px; }

.hidden { display: none; }

.left { float: left; }
.right { float: right; }

form { margin: 0px; padding: 0px; }

input[type='text'],input[type='password'],textarea { border: 1px solid #455560; }

input[type='button'], input[type='submit'], input[type='reset']
{
	background: #596a75;
	border: 1px solid #596a75;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #8f9194;
}




/* Page layout */
#Container
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#Header
{
	background: url(../img/header.png) no-repeat;
	height: 150px;
	position: relative;
}

#Navigation
{
	margin-top: 10px;
	background: url(../img/navigation_background.png) no-repeat;
	height: 38px;
	padding-top: 6px;
	margin-bottom: 10px;
	position: relative;
}

#Navigation ul
{
	margin: 8px 0px 0px 0px;
	padding: 0px;
	@margin-top: 14px;
	list-style: none;
}

#Navigation ul li
{
	float: left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	text-align: center;
	border-right: 1px solid #8f9194;
}

#Navigation a
{
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
}

#Navigation a.selected
{
	text-decoration: underline;
}

#Logo
{
	position: absolute;
	top: 26px;
	left: 35px;
}

div.Box
{
	margin-bottom: 10px;
	background: url(../img/box_full_background.png) no-repeat bottom;
}
div.Box div.Content
{
	padding: 10px 10px 20px 10px;
	position: relative;
}
div.Box div.Content img.ContentImage
{
	margin-right: 10px;
}
div.Box div.Center
{
	background: url(../img/box_center_center.png) no-repeat;
	height: 40px;
	padding: 5px;
}


div.Heading,
h1.Heading
{
	height: 25px;
	font-size: 15px;
	color: #455560;
	font-weight: bold;
	overflow: hidden;
	padding-left: 31px;
	padding-top: 11px;
	margin: 0 0 0 0;
	position: relative;
	text-transform: uppercase;
	background: url(../img/box_full_header.png) no-repeat;
}
h2.Heading { margin: 0 0 10px 0; padding: 0; }
h2.Title
{
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
}
h3
{
	margin: 0px;
	padding: 0px;
}

#ContentLeft
{
	width: 140px;
	float: left;
}
#ContentLeft div.Box
{
	background: url(../img/box_left_background.png) no-repeat bottom;
}
#ContentLeft div.Box h1.Heading
{
	background: url(../img/box_left_header.png) no-repeat;
}

#ContentCenter
{
	float: left;
	width: 550px;
	margin-left: 10px;
}
#ContentCenter div.Box
{
	background: url(../img/box_center_background.png) no-repeat bottom;
}
#ContentCenter div.Box h1.Heading
{
	background: url(../img/box_center_header.png) no-repeat;
}
#ContentCenter div.Box div.Heading
{
	background: url(../img/box_center_header.png) no-repeat;
}
#ContentCenter div.Box h1.CenterHeading
{
	background: url(../img/box_center_centerheader.png) no-repeat;
}
#ContentCenter div.Box div.Footer
{
	background: url(../img/box_center_footer.png) no-repeat bottom;
	height: 36px;
	padding-top: 5px;
}
#ContentCenter div.Box div.Content { background: url(../img/box_center_repeat.png); }


#ContentCenter div.Left
{
	float: left;
}
#ContentCenter div.Left div.Box
{
	background: url(../img/box_right_background.png) no-repeat bottom;
	width: 270px;
}
#ContentCenter div.Left div.Box h1.Heading
{
	background: url(../img/box_right_header.png) no-repeat;
	width: 270px;
}
#ContentCenter div.Right
{
	float: right;
}
#ContentCenter div.Right div.Box
{
	background: url(../img/box_right_background.png) no-repeat bottom;
	width: 270px;
}
#ContentCenter div.Right div.Box h1.Heading
{
	background: url(../img/box_right_header.png) no-repeat;
	width: 270px;
}

#ContentRight
{
	float: right;
	width: 270px;
}
#ContentRight div.Box
{
	background: url(../img/box_right_background.png) no-repeat bottom;
	width: 270px;
}
#ContentRight div.Box h1.Heading
{
	background: url(../img/box_right_header.png) no-repeat;
}


div.PopupBox div.Box
{
	background: url(../img/box_center_background.png) no-repeat bottom left;
}
div.PopupBox div.Box div.Heading,
div.PopupBox div.Box h1.Heading
{
	background: url(../img/box_center_header.png) no-repeat;
}




/* Content */

/* Top Navigation */
#TopNav
{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 8px 3px 8px;
	color: #fff;
}
#TopNav a
{
	text-transform: uppercase;
	color: #fff;
}

#TopLogin
{
	position: absolute;
	top: 30px;
	right: 10px;
	font-size: 10px;
	color: #fff;
	padding: 5px;
}

#TopLogin
{
}

#TopLogin label
{
	padding-right: 5px;
}
#TopLogin input[type='text'], #TopLogin input[type='password']
{
	width: 125px;
	height: 17px;
	border: 0px;
	font-size: 10px;
	margin-bottom: 3px;
}

#TopLogin td.Submit
{
	padding-left: 5px;
}

#TopLogin tr.Header td
{
	text-transform: uppercase;
	font-size: 12px;
	cursor: default;
}
#TopLogin ul
{
	-webkit-padding-start: 0px;
	margin: 0px;
	padding 0px;
	list-style: none;
}
#TopLogin ul li
{
	margin: 0px;
	padding: 0px;
}

#TopLogin a
{
	color: #fff;
}

#TopButtons { position: absolute; right: 50px; top: 50px; }
#TopButtons input[type='submit'] { background: #fff; border: 1px solid #fff; color: #455560; text-transform: uppercase; }

#TopSearch
{
	position: absolute;
	width: 200px;
	height: 32px;
	right: 10px;
	top: 8px;
}
#TopSearch input[type='text']
{
	position: absolute;
	width: 123px;
	height: 15px;
	border: 1px solid #8f9194;
	top: 5px;
	left: 0px;
}
#TopSearch input[type='submit']
{
	position: absolute;
	right: 0px;
	top: 5px;
	height: 19px;
	width: 60px;
	color: #fff;
}
#TopSearch li
{
	list-style: none;
	position: absolute;
	top: 25px;
	font-size: 10px;
}


/* Front */

#Recommended ul
{
	width: 110px;
}
#Recommended ul li
{
	padding-bottom: 5px;
}
#Recommended a.recipes
{
	background: url(../img/front_more.png) no-repeat;
	padding-left: 20px;
	color: #7e8e4b;
	font-weight: bold;
}

/* Ads */

div.ad
{
	clear: both;
	margin-bottom: 10px;
}

div.ad140x60
{
	border: 1px solid #cdd4d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f7f9fa;
	text-align: center;
	width: 138px;
	height: 38px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px
}

div.ad140x208
{
	border: 1px solid #cdd4d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f7f9fa;
	text-align: center;
	width: 138px;
	height: 116px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 90px
}

div.ad270x140
{
	border: 1px solid #cdd4d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f7f9fa;
	text-align: center;
	width: 268px;
	height: 78px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 60px
}

div.ad270x400
{
	border: 1px solid #cdd4d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f7f9fa;
	text-align: center;
	width: 268px;
	height: 208px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 190px
}

div.ad550x130
{
	border: 1px solid #cdd4d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f7f9fa;
	text-align: center;
	width: 548px;
	height: 68px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 60px
}

/* Menu */
#MenuGenerate input[type='radio']
{
	display: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
}

#MenuGenerate tr.Days td
{
	font-size: 10px;
	color: #455560;
	width: 26px;
	text-transform: uppercase;
	text-align: center;
}
#MenuGenerate img
{
	margin: 0px;
}

#MenuGenerate td.Header
{
	height: 23px;
	text-transform: uppercase;
	text-align: right;
	padding-right: 5px;
}
#MenuGenerate td.Icon
{
	padding-right: 2px;
}
#MenuGenerate tr.Total td
{
	text-align: right;
	padding-top: 5px;
}
#MenuGenerate tr.Total td input
{
	margin-left: 5px;
}

#CategoryList
{
	list-style: none;
	margin: 10px 0 10px 5px;
	padding: 0px;
	width: 460px;
}
#CategoryList li
{
	padding-left: 5px;
}
#CategoryList a
{
	color: #000;
}

ul.SimpleList
{
	list-style: none;
	margin: 0px 0 10px 2px;
	padding: 0px;
	width: 100%;
}
ul.SimpleList li
{
	width: 100%;
	background: url(../img/list-icon.png) no-repeat 8px left;
	padding-left: 8px;
}
ul.SimpleList a
{
	color: #000;
}

/* Popup stuff */

#popupBackground
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 100;
	filter:alpha(opacity=30);	
	opacity: 0.3;
}

#popupWindow
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 384px;
    width: 408px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 102;
    font-size: 13px;
	overflow: auto;
}

div.PopupBox
{
	padding: 10px;
}

div.PopupBox ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* Pager */

div.Pager
{
	position: relative;
	width: 100%;
	height: 25px;
	
}
div.Pager a
{
	font-weight: bold;
	color: #455560;
}

div.Pager a.prev
{
	position: absolute;
	left: 10px;
}

div.Pager a.next
{
	position: absolute;
	right: 10px;
}
div.Pager a.selected
{
	text-decoration: underline;
}

div.Pager div.Pages
{
	position: absolute;
	left: 125px;
	width: 300px;
	text-align: center;
}
div.Box div.Footer
{
}
div.Box div.Footer ul
{
	list-style: none;
	padding: 0px;
	margin: 15px 0 0 0;
}
div.Box div.Footer ul li
{
	float: left;
	margin-left: 20px;
}
div.Box div.Footer ul li a
{
	color: #000;
}
div.Box div.Footer li.email
{
	background: url(../img/boxicon_email.png) no-repeat;
	padding-left: 22px;
}
div.Box div.Footer li.print
{
	background: url(../img/boxicon_print.png) no-repeat;
	padding-left: 26px;
}
div.Box div.Heading div.print
{
	float: right;
	background: url(../img/boxicon_print.png) no-repeat;
	padding-left: 26px;
	font-size: 12px;
	padding-right: 20px;
	margin-top: 3px;
	text-transform: none;
}
div.Box div.Heading div.email
{
	float: right;
	background: url(../img/boxicon_email.png) no-repeat;
	padding-left: 22px;
	font-size: 12px;
	padding-right: 20px;
	margin-top: 3px;
	text-transform: none;
}

div.InformationBox
{
	background: url(/img/index-information-box.png) 0px 0px no-repeat;
	width: 185px;
	position: absolute;
	top: 12px;
	right: 12px;
}
div.InformationBox div.Holder
{
	margin: 10px 0 0 0;
	padding: 0px 10px 10px 10px;
	background: url(/img/index-information-box.png) 0px bottom no-repeat;
}
div.InformationBox strong,
div.InformationBox span { font-family: Arial; font-size: 20px; font-weight: bold; color: #FFFFFF; display: block; }
div.InformationBox span { font-size: 12px; font-weight: normal; }

div.AdviceToday
{
	background: url(/img/advice_of_the_day.png) 0px top no-repeat;
	width: 523px;
	padding: 32px 0 0 0;
	margin: 10px auto;
}
div.AdviceToday div.Holder 
{
	background: url(/img/advice_of_the_day.png) 0px bottom no-repeat;
	padding: 10px;
}
div.AdviceToday strong { display: block; font-family: Arial; font-size: 15px; text-transform: uppercase; color: #FFFFFF; }
div.AdviceToday span { display: block; font-faimly: Arial; font-size: 12px; color: #FFFFFF; }

div.Box div.CenterSplit
{
	background: url(../img/box_center_center_split.png) no-repeat;
	height: 46px;
}
#ContentCenter div.Box div.CenterSplit h1.Heading
{
	background: none;
	background-image: none;
}
div.Main div.Left { width: 250px; }
div.Main div.Right { width: 250px; }
div.Main div.Right h1.Heading { padding-left: 7px; }

#InventoryForm .slider { width: 250px; }