@charset "utf-8";
@import "reset.css";

/* Universal */
* {
  font-size: 100%;
  padding: 0; margin: 0;
}

body {
  font: 0.84em/1.333 Verdana, sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
  min-width: 960px;
}

a:link {
  color: #000;
}

a:visited {
  color: #000;
}

a:hover {
  color: #000;
}

a img {
  border: none;
}

h1 {
  font-family: Georgia, serif;
  font-size: 3.5em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
h2 {
  font-family: Georgia, serif;
  font-size: 1.5em;
  margin: 1em 0 0 0;
  padding: 0.25em 0;
  font-weight: normal;
}
h3 {
  font-size: 1.33em;
  margin: 1em 0 0.25em;
  padding: 0.125em 0;
}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
/* ^ Universal */



/* Body */
html, body {
  height: 100%;
}

body#skigrip {
  background: #3f1318 url("../images/skigrip_bg.jpg") no-repeat 50% 0;
}

body#happyend {
  background: #133951 url("../images/happyend_bg.jpg") no-repeat 50% 0;
}

html.idepikene {
  background: #6f6961 url("../images/idepikene_bg.png") repeat 0 0;
}
body#idepikene {
  background: transparent url("../images/idepikene_ill.png") no-repeat 50% 0;
}
/* ^ Body */



/* Grid: Page */
#page {
  width: 946px;
  margin: 0 auto;
  position: relative;
  min-height: 137px;
  z-index: 2;
}

body#skigrip #page {
  background: transparent url("../images/skigrip_content_bg_top.png") no-repeat 160px 88px;
}

body#happyend #page {
  background: transparent url("../images/happyend_content_bg_top.png") no-repeat 160px 88px;
}

body#idepikene #page {
  background: transparent url("../images/idepikene_content_bg_top.png") no-repeat 160px 88px;
}
/* ^ Grid: Page */



/* Grid: Logo */
#logo {
  position: absolute;
}

#logo a {
  display: block;
  text-indent: -5000px;
}

body#skigrip #logo {
  left: 12px;
  top: 32px;
}

body#skigrip #logo,
body#skigrip #logo a {
  width: 128px;
  height: 174px;
}

body#happyend #logo {
  left: 0;
  top: 17px;
}

body#happyend #logo,
body#happyend #logo a {
  width: 179px;
  height: 120px;
}

body#idepikene #logo {
  left: 166px;
  top: 17px;
}

body#idepikene #logo,
body#idepikene #logo a {
  width: 288px;
  height: 61px;
}

body#skigrip #logo a {
  background: transparent url("../images/skigrip_logo.png") no-repeat 0 0;
}

body#happyend #logo a {
  background: transparent url("../images/happyend_logo.png") no-repeat 0 0;
}

body#idepikene #logo a {
  background: transparent url("../images/idepikene_logo.png") no-repeat 0 0;
}

/* ^ Grid: Logo */



/* Grid: Navigation */
#navigation {
  position: absolute;
  top: 309px;
  left: 12px;
  font-size: 0.7em;
  width: 154px;
  height: 550px;
}

#navigation ul {
  text-transform: uppercase;
  text-align: right;
  width: 154px;
  padding: 0;
  margin: 0;
}

#navigation li {
  float: right;
  clear: both;
  padding: 0;
  margin: 0 0 6px 0;
  line-height: 14px;
  white-space: nowrap;
}

#navigation li#nav-engelsk,
#navigation li#nav-norsk {
  margin-top: 10px;
}

#navigation li a {
  color: #000;
  text-decoration: none;
  padding: 3px 15px;
}

#navigation li#nav-engelsk a {
  padding-left: 35px;
  background: transparent url(../images/uk_flag_ikon.jpg) no-repeat 15px 50%;
}

#navigation #felt {
  position: absolute;
  right: 17px;
  bottom: 0;
  text-align: right;
  text-transform: uppercase;
}

#navigation #felt p {
  clear: both;
}

#navigation #felt p.logo {
  float: right;
  width: 48px;
  height: 17px;
}

#navigation #felt p.logo a {
  display: block;
  width: 48px;
  height: 17px;
  text-align: left;
  text-indent: -5000px;
}

body#skigrip #navigation li a {
  background-color: #f0edc9;
}

body#skigrip #navigation li.active a,
body#skigrip #navigation li a:hover {
  color: #fff;
  background-color: #ee253d;
}

body#happyend #navigation li a {
  color: #010101;
  background-color: #fff;
}

body#happyend #navigation li.active a,
body#happyend #navigation li a:hover {
  color: #fff;
  background-color: #143a51;
}

body#idepikene #navigation li a {
  color: #fff;
  background-color: #000;
}

body#idepikene #navigation li.active a,
body#idepikene #navigation li a:hover {
  color: #000;
  background-color: #fff;
}

body#skigrip #navigation #felt {
  color: #90775f;
}

body#happyend #navigation #felt {
  color: #4a7a53;
}

body#idepikene #navigation #felt {
  color: #dbd7a0;
}

body#skigrip #navigation #felt p.logo a {
  background: transparent url("../images/skigrip_felt.png") no-repeat 0 0;
}

body#happyend #navigation #felt p.logo a {
  background: transparent url("../images/happyend_felt.png") no-repeat 0 0;
}

body#idepikene #navigation #felt p.logo a {
  background: transparent url("../images/idepikene_felt.png") no-repeat 0 0;
}

/* ^ Grid: Navigation */



/* Grid: Main */
#main {
  position: absolute;
  top: 137px;
  left: 160px;
  width: 786px;
  z-index: 3;
  padding: 0 6px;
}

body#skigrip #main {
  background: transparent url("../images/skigrip_content_bg.png") repeat-y 0 0;
}

body#happyend #main {
  background: transparent url("../images/happyend_content_bg.png") repeat-y 0 0;
}

body#idepikene #main {
  background: transparent url("../images/idepikene_content_bg.png") repeat-y 0 0;
}
/* Grid: ^ Main */


/* Grid: Content */
#content {
  position: relative;
  width: 454px;
  padding: 0 30px 40px 30px;
  float: left;
  margin-top: -20px;
  min-height: 750px;
  font-size: 0.9em;
}

#content p.intro {
  font-family: Georgia;
  font-size: 1.45em;
}

body#skigrip #content h1 {
  color: #3e1318;
}

.mainitem {
  padding-bottom: 30px;
  margin-bottom: 20px;
}

body#idepikene .mainitem {
  background: transparent url(../images/idepikene_dots.png) repeat-x 0 100%;
}

.images {
  position: relative;
  height: 600px;
  margin-bottom: 2em;
}

p.image {
  margin-bottom: 2em;
}

.images .thumbs {
  width: 121px;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 30px;
}

.images .thumbs a {
  display: block;
  margin-top: 30px;
  border: 3px solid #fff;
  width: 115px;
  height: 150px;
  overflow: hidden;
}

.images .thumbs a.active,
.images .thumbs a:hover {
  border-color: #ee223b;
}

.images .largeimage {
  float: left;
  width: 309px;
  overflow: hidden;
  margin-left: 145px;
}

#content ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 1em 0;
  padding: 0;
}

#content ul li {
  margin-bottom: 0.5em;
}

body#happyend #content ul {
  list-style-image: url("../images/happyend_li.png");
}

#content p.profile {
  padding-bottom: 12px;
}

body#idepikene #content p.profile {
  background: transparent url("../images/idepikene_dot_hor.png") repeat-x 0 100%;
}
/* Grid: ^ Content */



/* Grid: Sidebar */
#sidebar {
  position: relative;
  width: 213px;
  float: left;
  margin: 0 0 0 5px;
  padding: 10px 21px 0 21px;
}

#sidebar h3 {
  color: #fff;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 18px 0;
  padding: 0.1em 1.2em;
  float: right;
  position: relative;
  margin-right: -21px;
}

#sidebar .outer {
  clear: both;
  margin: 0 0 18px 0;
  width: 213px;
  padding-bottom: 5px;
}

#sidebar .outer.vote {
}

#sidebar .inner {
  width: 189px;
  padding: 13px 12px;
  padding: 13px 12px 8px 12px
}

#sidebar .box {
  padding: 13px;
}

#sidebar .box h2 {
  font-size: 1.9em;
  line-height: 110%;
  font-weight: normal;
  margin: 15px 0 0 0;
  padding: 0;
}

#sidebar .box h2.first {
  margin-top: 0;
}

#sidebar .box p {
  margin: 5px 0 0 0;
  font-size: 0.9em;
  line-height: 140%;
}

#sidebar p.banner {
  height: 65px;
  margin: 14px 0 0 0;
}

#sidebar p.button {
  font-size: 93%;
  margin-top: 20px;
  width: 163px;
  text-transform: uppercase;
  text-align: center;
  min-height: 25px;
  border: none;
}

#sidebar .button a {
  display: block;
  text-decoration: none;
  padding-top: 4px;
}

body#skigrip #sidebar h3 {
  background-color: #3f1318;
}

body#happyend #sidebar h3 {
  background-color: #75b343;
}

body#idepikene #sidebar h3 {
  background-color: #000;
}

body#skigrip #sidebar .outer {
  background: transparent url("../images/skigrip_sidebar_bottom.png") no-repeat 0 100%;
}
body#skigrip #sidebar .outer.vote {
  background: transparent url("../images/skigrip_sidebar_vote_bottom.png") no-repeat 0 100%;
}

body#skigrip #sidebar .inner {
  background: transparent url("../images/skigrip_sidebar_top.png") no-repeat 0 0;
}
body#skigrip #sidebar .inner.vote {
  background: transparent url("../images/skigrip_sidebar_vote_top.png") no-repeat 0 0;
}

body#happyend #sidebar .outer {
  background: transparent url("../images/happyend_sidebar_bottom.png") no-repeat 0 100%;
}

body#happyend #sidebar .inner {
  background: transparent url("../images/happyend_sidebar_top.png") no-repeat 0 0;
}

body#idepikene #sidebar .outer {
  background: transparent url("../images/idepikene_sidebar_bottom.png") no-repeat 0 100%;
}
body#idepikene #sidebar .outer.vote {
  background: transparent url("../images/idepikene_sidebar_vote_bottom.png") no-repeat 0 100%;
}

body#idepikene #sidebar .inner {
  background: transparent url("../images/idepikene_sidebar_top.png") no-repeat 0 0;
}
body#idepikene #sidebar .inner.vote {
  background: transparent url("../images/idepikene_sidebar_vote_top.png") no-repeat 0 0;
}

body#skigrip #sidebar .box {
  background-color: #f0edc9;
}
body#skigrip #sidebar .box.vote {
  background-color: #b4dfd4;
  color: #231f20;
}
body#skigrip #sidebar .box.vote a {
  color: #f0edc9;
}

body#happyend #sidebar .box {
  background-color: #75b343;
}
body#happyend #sidebar .box.vote {
  color: #143a51;
}
body#happyend #sidebar .box.vote a {
  color: #143a51;
}

body#idepikene #sidebar .box {
  background-color: #b8ae9b;
}
body#idepikene #sidebar .box.vote {
  background-color: #c6cadc;
}

body#skigrip #sidebar .box h2 {
  color: #3f1318;
}
body#skigrip #sidebar .box.vote h2 {
  color: #3f1318;
}

body#skigrip #sidebar .box.vote .order {
  position: relative;
  margin: 20px -13px -13px -13px;
  padding: 10px 13px 13px 13px;
  background-color: #66b7b0;
  color: #fff;
}

body#skigrip #sidebar .box.vote .order h2 {
  color: #fff;
}

body#skigrip #sidebar .box.vote .order p.orderlink {
  display: block;
  margin-top: 15px;
}

body#skigrip #sidebar .box.vote .order p.orderlink a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 103px;
  height: 26px;
  padding-top: 3px;
  background: transparent url(../images/skigrip_bestill_link.png) 0 0 no-repeat;
  text-align: center;
  margin-left: 29px;
}

body#happyend #sidebar .box h2 {
  color: #fff;
}
body#happyend #sidebar .box.vote h2 {
  color: #143a51;
}

body#idepikene #sidebar .box h2 {
  color: #000;
}

body#skigrip #sidebar p.banner {
  border-bottom: 5px solid #f0edc9;
}

body#happyend #sidebar p.banner {
  border-bottom: 5px solid #75b343;
}

body#idepikene #sidebar p.banner {
  border-bottom: 5px solid #b8ae9b;
}

body#idepikene #sidebar .button {
  background: transparent url("../images/idepikene_sidebar_button.png") no-repeat 50% 0;
}

body#idepikene #sidebar .box.vote .button a {
  color: #fff;
}

body#skigrip #sidebar .button {
  background: transparent url("../images/skigrip_sidebar_button.png") no-repeat 50% 0;
}

body#skigrip #sidebar .box.vote .button a {
  color: #000;
}

body#happyend #sidebar .button {
  background: transparent url("../images/happyend_sidebar_button.png") no-repeat 50% 0;
}

body#happyend #sidebar .box.vote .button a {
  color: #143a51;
}

/* ^ Grid: Sidebar */



/* Grid: Footer */
#footer {
  clear: both;
  width: 454px;
  margin: 0 0 0 30px;
  font-size: 0.75em;
  padding-top: 0.2em;
}

#footer a {
  text-decoration: none;
}

#footer a.felt {
  border-left: 1px solid #000;
  margin-left: 0.5em;
  padding-left: 0.65em;
}

body#skigrip #footer {
  border-top: 1px solid #dbd7a0;
  color: #b0aa5f;
}

body#happyend #footer {
  border-top: 1px solid #75b343;
  color: #75b343;
}

body#idepikene #footer {
  border-top: 1px solid #b0aa5f;
  color: #b0aa5f;
}

body#skigrip #footer a {
  color: #b0aa5f;
}

body#skigrip #footer a.felt {
  border-color: #b0aa5f;
}

body#happyend #footer a {
  color: #75b343;
}

body#happyend #footer a.felt {
  border-color: #75b343;
}

body#idepikene #footer a {
  color: #b0aa5f;
}

body#idepikene #footer a.felt {
  border-color: #b0aa5f;
}
/* ^ Grid: Footer */

/* Order form */
form.orderform input {
  border: 2px inset #3f1318;
}

form.orderform table {
  border-collapse: collapse;
}

form.orderform td {
  padding-bottom: 5px;
}

table.details {
  
}

table.order {
  margin-bottom: 15px;
}

table.details td,
table.order td,
table.order th {
  padding-right: 10px;
}

table.order th {
  text-align: left;
  font-weight: bold;
}

table.details input,
table.order td.name input {
  width: 250px;
  padding: 2px;
}

form.orderform td.count input {
  width: 40px;
  padding: 2px;
}

table.order th.option,
table.order td.option {
  text-align: center;
}

form.orderform input.submit{
  color: #fff;
  width: 95px;
  height: 26px;
  border: none;
  padding-bottom: 3px;
  cursor: pointer;
}

form.orderform input#orderskigrip {
  background: transparent url(../images/skigrip_order.png) 0 0 no-repeat;
}

form.orderform input#ordersmekkis {
  background: transparent url(../images/smekkis_order.png) 0 0 no-repeat;
}
/* ^ Order form */

/* Product list */
.product {
  clear: both;
  float: left;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

body#idepikene .product {
  background: transparent url(../images/idepikene_dots.png) repeat-x 0 100%;
}

.product .prodimage {
  width: 150px;
  float: left;
}

.product .prodtext {
  float: left;
  width: 300px;
}

/* ^ Product list */