/* -------------------------------------------------------------- 
  
   Sniðmáti fyrir Knorr.is
   
   Höfundaréttur 2009, Tikktakk Hugbúnaður ehf
   http://www.knorr.is/
   
-------------------------------------------------------------- */

@import "css/reset.css";
@import "css/forms.css";
@import "css/products.css";
@import "typography.css";

/* Almennt
------------------------------- ------------------------------- */

.myForm td, input, select, textarea, checkbox  {
		font-family: tahoma;
		font-size: 12px;
	}

	.required {
		color: red;
	}

body, html {
	margin: 0;
	padding: 0;
}

body {
	 background: #fff url(http://www.knorr.is/themes/knorr/images/background.png) repeat-x;
}

hr {
	border: 0;
	width: 100%;
	color: #f2f2f2;
	background-color: #f2f2f2;
	height: 1px;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}
#sub-wrapper {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	min-height: 600px;
}

#nav {
	height: 47px;
	width: 100%;
	background: transparent url(http://www.knorr.is/themes/knorr/images/navigation_bg.png) repeat-x;
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

img.logo {
	position: absolute;
	top: 0;
	left: -3px;
	z-index: 1;
}

#bg_wrapper {
	width: 100%;
	height: 421px;
}

/* Classes
------------------------------- ------------------------------- */

.right {
	float: right;
}

.left {
	float: left;
}

/* Search engine
------------------------------- ------------------------------- */

.navr-image {
	position: absolute; top: 0; right: 0;
}

#searchform {
	position: absolute;
	right: 13px;
	top: 9px;
}
#leit {
	border: 0;
	width: 122px;
	height: 23px;
	background: url(http://www.knorr.is/themes/knorr/images/search_bg.png) no-repeat;
	outline: 0;
	margin: 0;
	padding-left: 45px;
	color: #ccc;
	padding-top: 5px;
}

/* Navigation
------------------------------- ------------------------------- */

ul#navigation {
	list-style-type: none;
	margin: 0;
	float: left;
	margin-left: 220px;
}
ul#navigation li {
	float: left;
}

ul#navigation a * {
	display: none;
}

ul#navigation a,
ul#navigation a .hover {
	height: 47px;
	position: relative;
	display: block;
	background: url(http://www.knorr.is/themes/knorr/images/menu.png) 0 0 no-repeat;
}

/* individual navigation items */
ul#navigation a#forsida {
	background-position: 0 0;
	width: 81px;
}

ul#navigation .highlight a#forsida:hover,
ul#navigation .current a#forsida,
ul#navigation a#forsida .hover{
	background-position: 0 -94px;
	width: 81px;
}

ul#navigation a#vorur {
	background-position: -81px 0;
	width: 71px;
}

ul#navigation .highlight a#vorur:hover,
ul#navigation .current a#vorur,
ul#navigation a#vorur .hover {
	background-position: -81px -94px;
	width: 71px;
}

ul#navigation a#uppskriftir {
	background-position: -152px 0;
	width: 105px;
}

ul#navigation .highlight a#uppskriftir:hover,
ul#navigation .current a#uppskriftir,
ul#navigation a#uppskriftir .hover, li#current a#uppskriftir {
	background-position: -152px -94px;
}

ul#navigation a#klubburinn {
	background-position: -257px 0;
	width: 108px;
}

ul#navigation .highlight a#klubburinn:hover,
ul#navigation .current a#klubburinn,
ul#navigation a#klubburinn .hover, li#current a#klubburinn {
	background-position: -257px -94px;
}

ul#navigation a#umknorr {
	background-position: -365px 0;
	width: 97px;
}

ul#navigation .highlight a#umknorr:hover,
ul#navigation .current a#umknorr,
ul#navigation a#umknorr .hover, li#current a#umknorr {
	background-position: -365px -94px;
}

ul#navigation a#hafasamband {
	background-position: -462px 0;
	width: 128px;
}

ul#navigation .highlight a#hafasamband:hover,
ul#navigation .current a#hafasamband,
ul#navigation a#hafasamband .hover, li#current a#hafasamband {
	background-position: -462px -94px;
}

/* Slideshow
------------------------------- ------------------------------- */

#slideshow {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
}

/* Boxes
------------------------------- ------------------------------- */

#boxes {
	clear: both;
	margin-top: -65px;
}

.box {
	width: 320px;
	height: 200px;
	background: url(http://www.knorr.is/themes/knorr/images/box_bg.png) no-repeat center center;
}
.box p {
	margin-left: 30px;
	margin-right: 30px;
}
.box h2 {
	padding-top: 32px;
	padding-left: 35px;
}
#box-1 {
	float: left;
	margin-left: -18px;
	position: relative;
}
#box-1 div.text {
	width: 230px;
}
div.vara {
	position: absolute;
	top: 40px;
	right: 10px;
}
div.vara img {
	margin-right: 25px;
}
#box-2 {
	float: left;
	margin-left: 38px;
}
#box-3 {
	float: right;
	margin-right: -18px;
}

/* Footer
------------------------------- ------------------------------- */

#footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer span {
	font-size: 0.9em;
	color: #ccc;
}

/* Sidebar
------------------------------- ------------------------------- */

#sidebar {
	float: left;
	background: url(http://www.knorr.is/themes/knorr/images/sidebar_bg.png) no-repeat;
	width: 261px;
	min-height: 637px;
}
#sidebar ul {
	margin-left: 0;
	margin-right: 7px;
	margin-top: 120px;
	border-top: 1px solid #ebebeb;
	list-style-type: none;
}
#sidebar ul li a {
	display: block;
	padding: 10px 20px;
	border-bottom: 1px solid #ebebeb;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
	z-index: 999999;
	color: #333;
	background: transparent url(http://www.knorr.is/themes/knorr/images/arrow_off.png) no-repeat right;
}
#sidebar ul li a:hover {
	background: transparent url(http://www.knorr.is/themes/knorr/images/arrow_hover.png) no-repeat right;
	color: #000;
	text-decoration: none;
}
#sidebar ul li a.current, #sidebar ul li.current a {
	background: transparent url(http://www.knorr.is/themes/knorr/images/arrow_on.png) no-repeat right;
	color: #000;
	font-weight: bold;
}

#sidebar ul li ul {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ebebeb;
}
#sidebar ul li ul li a {
	border: 0;
	padding: 3px 30px;
	font-size: 1.0em;
	background: none !important;
	font-weight: normal !important;
}
#sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#sidebar ul li ul li a.current, #sidebar ul li ul li.current a {
	color: #488c4e;
}

/* Content
------------------------------- ------------------------------- */

#content {
	float: right;
	min-height: 600px;
	width: 715px;
	margin: 10px;
}