html{ height: 100%; }
body { margin: 0; padding: 0; width: 100%; font: 62.5% Tahoma, arial, sans-serif; color: #000; background: #fff/* url(images/layout/bg.png) repeat-x left bottom*/; overflow: scroll; }
strong { font-weight: bold; }
input{ font-family: arial, verdana, sans-serif; }

a img{ border: 0; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }

h1{ font-size: 1em; color: #000; }
h2{ font-size: 1em; color: #000; }
h3{ font-size: 1em; color: #000; }
h4{ font-size: 1em; color: #000; }
h5{ font-size: 1em; color: #000; }

.left { float: left; }
.right { float: right; }
.clear, .clearBoth { clear: both; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.caption { font-size: 1em; color: #777; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }
.number{ text-align: right; }
.center{ text-align: center; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/

#outer{ background: url(images/layout/bg.png) repeat-x left bottom; }
#wrapper{ margin: 0 auto; padding: 0; width: 970px; }

/* Page Layout Structure */
#pageTop{ margin: 0; padding: 10px 0 5px 0; height: 132px; background: url(images/layout/top_bg.png) no-repeat left bottom; }
.pageContent{ margin: 0; padding: 0; width: 970px; }
#pageBottom{ margin: 0; padding: 40px 5px 60px 100px; height: 185px; width: 865px; background: url(images/bottom/bottom_bg.png) no-repeat; }


/* Layout */
#pageTop .topNav{ margin: 0; padding: 0; height: 30px; }
#pageTop h1.logo{ margin: 0 5px; padding: 0; width: 225px; height: 102px; float: left; }
#pageTop h1.logo a{ margin: 0; padding: 0; width: 225px; height: 102px; display: block; background: url(images/layout/logo.png) no-repeat; }
#pageTop h1.logo a span{ display: none; }

#pageTop .topNav ul{ float: right; }
#pageTop .topNav ul li{ margin: 0; padding: 8px 7px 0 5px; height: 21px; float: left; font-size: 12px; color: #767676; background: url(images/layout/top_nav_sep.png) no-repeat right 10px; }
#pageTop .topNav ul li a{ color: #767676; }
#pageTop .topNav ul li a.shrink{ font-size: 10px; }
#pageTop .topNav ul li a.enlarge{ font-size: 15px; }
#pageTop .topNav ul li.eng{  background: none; padding-right: 28px; background: url(images/layout/eng.png) no-repeat right 3px; }
#pageTop .topNav ul li.fonts{  background: none; padding-right: 5px; padding-top: 5px }
#pageTop .topNav .search{ margin: 0 0 0 20px; padding: 0; height: 29px; width: 202px; background: url(images/layout/search_bg.png) no-repeat; overflow: hidden; float: right; }
#pageTop .topNav .search input{ margin: 0; padding: 7px 7px; border: 0; background: none; width: 156px; height: 15px; float: left; color: #858686; font-size: 12px; }
#pageTop .topNav .search a{ margin: 0; padding: 0; float: left; width: 32px; height: 29px; }
#pageTop .topNav .search a span{ display: none; }

#pageTop .nav{ margin: 0 5px 0 0; padding: 67px 0 0 0; width: 730px; float: left; height: 35px; }
#pageTop .nav ul{ margin: 0 25px 0 0; padding: 0; float: right; }
#pageTop .nav ul li{ margin: 0 0 0 10px; padding: 0; float: left; height: 35px; }
#pageTop .nav ul li a{ margin: 0; padding: 0; float: left; height: 35px; }
#pageTop .nav ul li a span{ display: none; }
#pageTop .nav ul li a.forsida{ background: url(images/nav/forsida.png) no-repeat; width: 82px; }
#pageTop .nav ul li a.fraedsla{ background: url(images/nav/fraedsla.png) no-repeat; width: 82px; }
#pageTop .nav ul li a.um-okkur { background: url(images/nav/um-okkur.png) no-repeat; width: 96px; }
#pageTop .nav ul li a.verslun { background: url(images/nav/verslun.png) no-repeat; width: 82px; }
#pageTop .nav ul li a.veitingastadur { background: url(images/nav/veitingastadur.png) no-repeat; width: 127px; }
#pageTop .nav ul li a.uppskriftir { background: url(images/nav/uppskriftir.png) no-repeat; width: 105px; }

#pageTop .nav ul li a:hover,
#pageTop .nav ul li.selected a{ background-position: 0 -35px; }

#pageBottom .location{ margin: 0; padding: 0; width: 170px; float: left; font-size: 1.2em; color: #606060; line-height: 1.5em; }
#pageBottom .location span{ font-weight: bold; }
#pageBottom .location span.name{ color: #bc8963; display: block; }
#pageBottom .links{ margin: 0; padding: 0; width: 200px; height: 16px; float: right; }
#pageBottom .links span{ margin: 2px 10px 0 0; font-size: 1.3em; font-weight: bold; color: #606060; float: left; }
#pageBottom .links a{ margin: 0 4px 0 0; padding: 0; float: left; }
#pageBottom .links a span{ display: none; }
#pageBottom .links a.twitter{ height: 16px; width: 16px; background: url(images/bottom/twitter.png) no-repeat; }
#pageBottom .links a.facebook{ height: 16px; width: 16px; background: url(images/bottom/facebook.png) no-repeat; }
#pageBottom .links a.myspace{ height: 16px; width: 16px; background: url(images/bottom/myspace.png) no-repeat; }

.banner{  }
.banner img{ border: 0; }

#TB_Send{}
#TB_Send .content{ padding: 50px; }
#TB_Send .content h6{ margin: 0 0 15px 0; width: 153px; height: 15px; background: url(images/lightbox/h6_send_to_friend.png) no-repeat; }
#TB_Send .content label{ margin: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #242424; display: block;}
#TB_Send .content .field{ margin: 0 0 10px 0; }
#TB_Send .content .field textarea{ width: 206px; height: 84px; border: solid 1px #c7d8e3; overflow: auto; }
#TB_Send .content .field input{ padding: 2px 3px; width: 200px; height: 15px; border: solid 1px #c7d8e3; }
#TB_Send .content .field span.err{ cursor: help; color: red; margin-left: 10px; font-size: 15px; }
#TB_Send .content .controls{ height: 39px; }
#TB_Send .content .controls a{ margin: 0; padding: 8px 0 0 0; float: right; height: 31px; width: 86px; text-align: center; background: url(images/lightbox/btn_send.png) no-repeat; color: #fff; font-size: 17px; font-weight: bold; cursor: pointer; text-decoration: none; }

#TB_NewsLetter{}
#TB_NewsLetter .content{ padding: 50px; }
#TB_NewsLetter .content h6{ margin: 0 0 15px 0; width: 225px; height: 19px; background: url(images/lightbox/h6_register_to_newsletter.png) no-repeat; }
#TB_NewsLetter .content label{ margin: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #242424; display: block;}
#TB_NewsLetter .content p.desc{ margin: 0 0 15px 0; font-size: 12px; color: #515151; }

#TB_NewsLetter .content .field{ margin: 0 0 10px 0; }
#TB_NewsLetter .content .field textarea{ width: 206px; height: 84px; border: solid 1px #c7d8e3; overflow: auto; }
#TB_NewsLetter .content .field input{ padding: 2px 3px; width: 200px; height: 15px; border: solid 1px #c7d8e3; }
#TB_NewsLetter .content .field span.err{ cursor: help; color: red; margin-left: 10px; font-size: 15px; }
#TB_NewsLetter .content .controls{ height: 39px; }
#TB_NewsLetter .content .controls a{ margin: 0; padding: 8px 0 0 0; float: right; height: 31px; width: 86px; text-align: center; background: url(images/lightbox/btn_send.png) no-repeat; color: #fff; font-size: 17px; font-weight: bold; cursor: pointer; text-decoration: none; }

#TB_NewsLetter .wrapper{ position: relative; }
#TB_NewsLetter .wrapper .spinner{ top: 0; left: 0; position: absolute; padding: 150px 0 0 0; text-align: center; width: 100%; f}
