/* *
 * CSS Tips for help styling the page : 
   Styling submit buttons : 
    -> http://www.ampsoft.net/webdesign-l/image-button.html

   What font do you need to use?
    -> http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

   A huge collection and explained sollutions at positioniseverything.net for iE
    -> http://www.positioniseverything.net/explorer.html

   Overall the CSS should be easy to read below, and it should be in 
   readable order, starting with the design and meny styling thereafter
   the different areas of Easy Webshop.
                                                          Kim Steinhaug  *
                                                                       * */
body, html {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  font-size:12px;
  color: #666;
}
html {
/*  background: #fffafa url(http://www.zanzuel.no/gfx_temp/website-background-1280.jpg) bottom center repeat-x; */
  background: #fff url(/gfx_temp/background-20190610-42.png) top center no-repeat;

  min-height: 100%;
}

td {
  text-align: left;
}
img {
  border: none;
}
html {
}
#makeupart {
  padding-top: 5px;
  background-color: #FFF;
  border-left: 1px solid #FFA7C4;
  border-right: 1px solid #FFA7C4;
  border-bottom: 1px solid #FFA7C4;
  margin: 0 auto;
  width: 750px;
  position: relative;
}
#makeupart div.makeup-art-search { /* box */
  text-align: right;
  background: #fff url(gfx/topp-zanzuel-large.gif) no-repeat scroll top;
  width: 745px;
  padding-right: 5px;
  height: 35px;
  padding-top: 5px;
  margin-bottom: 10px;
  position: relative;
}
#makeupart div.makeup-art-search a {
  text-decoration: none;
  color: #000;
}
#makeupart div.makeup-art-search a:hover {
  color: #FF0055;
}
#makeupart div.makeup-art-search div.zanzuel-home {
  position: absolute;
  top: 0;
  left: 0;
}
#makeupart div.makeup-art-search div.zanzuel-home img {
  width: 150px;
  height: 40px;
}

#makeupart div.makeup-art-search div.twitter-url {
  position: absolute;
  right: 0;
  top: 25px;
  width: 150px;
  height: 22px;
}


#search {
  display: inline;
  margin-right: 0px; /* tidligere 10 */
}
#search input {
  font-size: 10px;
  height: 14px;
  padding: 0; margin: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
#search input.submit {
  padding: 0 5px;
  margin: 0;
  height: 16px;
  font-size: 12px;
  border: 1px solid #900030;
  background-color: #FFE0E8;
}
#makeupart div.faste-sider {
  width: 750px;
}
#nav-top {
  list-style: none;
  padding: 0;
  margin: 0 0 0 10px;
}
#nav-top li {
  display: inline;
  padding: 0;
  margin: 0;
}
#nav-top li a {
  color: #666;
  text-decoration: none;
  margin-right: 10px;
  font-size:11px;
}
#nav-top li a:hover {
  color: #FF0055;
}

/*
  #FF0055
  #FFA7C4
*/
#makeupart div.root-menu {
  background-color: #FFA7C4;
  width:750px;
  height: 17px;
  position:relative;
  z-index: 999;
}
#nav-root {
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:750px; /* important for Opera7 */
}

#nav-root ul{
    position: absolute; /* pour sortir la liste du flux de donnée */
    display: block;
    margin: 0;
    padding: 0;
    }
    
#nav-root li ul {
    visibility:hidden;
    }

#nav-root li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
#nav-root li {
    list-style: none;
    width: 114px;
    height :auto;
    display: inline;
    display/**/: block;
    float: none;
    float/**/: left;
    margin: 0;
    padding: 0;
    height: 30px;
    }
#nav-root li.fat {}    
#nav-root li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
#nav-root li li{
    display:inline;
    }

#nav-root a {
    text-align:center;
    background-color: #FFA7C4;
    border-top: 1px solid #FFA7C4;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFA7C4;
    border-left: 1px solid #FFA7C4;
    color:#000;
    display:block;
    width:112px;
    text-decoration:none;
    height: 30px;
    padding-top: 10px;
    height: 20px;
    }
    
#nav-root a.fat {
    height: 30px;
    padding-top: 0px;
}
#nav-root a:hover{
    background-color: #FF0055;
    border:1px #FF0055 solid;
    border-right: 1px solid #fff;
    }
/* for a mozilla better display with key nav */
#nav-root a:focus{
    background-color: #aaf;
}

#makeupart div.root-menu {
  height: 32px;
}
#nav-root li {
  width: 92px;
}
#nav-root a {
  width: 90px;
}


/* hide some accessibility stuff */
#nav-root span{
    display:none;
    }
/* just for fun ;) */
#nav-root li li a{
    background-color: #fff;
    border:1px #666 solid;
    text-align:left;
	padding: 2px;
	margin: 1px 1px 1px 0;
    }
#nav-root li li li a{
    background-color: #fff;
    border:1px #666 solid;
    }
#nav-root li li li li a{
    background-color: #fff;
    border:1px #666 solid;
    }

/* Categorr navigation */
#nav-category {
  width: 160px;
}
#nav-category, #nav-category li, #nav-category li ul, #nav-category li ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-category li {
  margin-bottom: 10px;
}
#nav-category li a {
  color: #444;
  text-decoration: none;
  font-weight: bold;
}
#nav-category li ul li a {
  color: #444;
  text-decoration: none;
  font-weight: normal;
}



#makeupart div.breadcrumbs {
  margin-top: 1px;
  background-color: #ddd;
  padding: 2px 0 2px 10px;
  font-size: 10px;
}
#makeupart div.breadcrumbs a {
  font-size: 10px;
  color: inherit;
  text-decoration: underline;
}

/* *
 *  This setting surrounds the entire content part of the page, 
    default font settings and such would fit nicely here,
    and could be overriden later in subclasses                  *
                                                              * */

#default-page-max {
  margin: 1px;
/*
  width: 730px;
  margin-left: 10px;
*/
}
#default-page-max input, #default-page-max select, #default-page-max textarea {
  border: 1px solid #000;
  margin-bottom: 2px;
}
#default-page-max h1 {
  margin: 10px 0 10px 0;
  font-size: 20px;
}


#default-page-max a {
  color: #666;
  text-decoration: none;
}
#default-page-max a:hover {
  color: #c44;
}
#default-page-max h1 {
  font-size: 22px;
}
#default-page-max h2 {
  font-size: 16px;
}


/* The Easy Webshop CSS Page definitions */
/*
  Old settings was : 
  --------------- 730 px -------------
  MENU:(10)160 -- CONTENT:555 -----------------
  MENU:(10)160 -- CONTENT:375 --- RIGHT:(10)160

  Ved å flytte relaterte produkter økes med 70px
  375 + 170 = 545
*/

#css-content, #css-content-full {
  /* border: 1px solid green; */
  width: 560px;
  float: left;
  display: inline; /* The IE Doubled Float-Margin Bug */
  color: #666;
}
#css-content-full {
  width: 555px;
}

#css-content h1 {
  margin-top: 0px;
  font-size: 14px;
  color: #444;
}
/* fra 375 til 560 som over */
#css-content div.product-image {
  /* border: 1px dotted red; */
  width: 560px;
  text-align: center;
}
#css-content div.product-image-vertical {
  /* border: 1px dotted red; */
  width: 200px;
  float: left;
  text-align: center;
}
#css-content div.product-image div, #css-content div.product-image-vertical div {
  text-align: left;
  padding: 5px 0 0 10px;
}
#css-content div.product-image div a, #css-content div.product-image-vertical div a {
  color: #888;
  text-decoration: none;
}
#css-content div.product-image div a:hover, #css-content div.product-image-vertical div a:hover {
  color: #FF0055;
}

/* 
   Så smitter vi litt over på bildet
   245 + (10)160 = 415 */
#css-content div.product-details-vertical {
  /* border: 1px dotted #00f; */
  width: 345px;
  position: relative;
  float: left;
  margin-left: 10px;
}
#css-content form {
  padding: 0;
  margin: 0;
}
#css-content div.product-name-container {
  position: relative;
  padding-left: 100px;
  margin-bottom: 3px;
}
#css-content div.product-name-container span { /* IE MARGIN */
  position: absolute;
  left: 0;
}
#css-content div.product-price-container,
#css-content div.product-price-suggested-container,
#css-content div.product-price-saved-container {
  position: relative;
  margin-left: 100px;
  margin-bottom: 3px;
}
#css-content div.product-price-container span,
#css-content div.product-price-suggested-container span,
#css-content div.product-price-saved-container span { /* IE MARGIN */
  position: absolute;
  left: -100px;
}
#css-content div.cart-attrib-container,
#css-content div.cart-attrib-extra-a-container,
#css-content div.cart-attrib-extra-b-container {
  position: relative;
  display: block;
  margin-bottom: 3px;
}
#css-content div.cart-attrib-container span,
#css-content div.cart-attrib-extra-a-container span,
#css-content div.cart-attrib-extra-b-container span {
  position: absolute;
  left: 0;
}
#css-content div.cart-attrib-container select,
#css-content div.cart-attrib-extra-a-container select,
#css-content div.cart-attrib-extra-b-container select{
  margin-left: 100px;
  width: 140px;
}

#css-content div.cart-amount-container {
  position: relative;
  display: block;
}
#css-content div.cart-amount-container span {
  position: absolute;
}
#css-content div.cart-amount-container input {
  margin-left: 100px;
  border: 1px solid black;
  font-size: 11px;
  width: 20px;
}
#css-content div.cart-submit-container {
  border-top: 1px solid #888;
  margin-top: 5px;
  padding-top: 5px;
  position: relative;
}
#css-content div.cart-submit-container button {
  position: absolute;
  top: -68px;
  left: 245px;
  width: 137px;
  display: block;
  height: 58px;
  margin: 0;
  padding: 0;
  border: 0;

  background: transparent url(gfx/add-to-cart-icon.jpg) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
}
#css-content div.product-details-vertical div.cart-submit-container button {
  position: relative;
  top: 10px;
  left: 50px;
}

/* * * * *
 * RIGHT *
 * * * * */

#css-content-right {
  margin-left: 9px;
  width: 730px;
  float: left;
/*
  background-image: url(gfx/grey-vertical-dotted.gif);
  background-repeat: repeat-y;
  background-position: left top;
  padding-left: 6px;
*/
}
#css-content-right div.product-rel {
  width: 230px;
  padding-top: 5px;
  float: left;
  margin-right: 10px;
  display: inline;
}
#css-content-right div.product-rel div.image {
  width: 100px;
  float: left;
  display: inline;
}
#css-content-right div.product-rel h1 {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  margin-left: 108px; /* 110 makes some text drop */
  font-size: 11px;
  width: 95px;
}
#css-content-right div.product-rel h1 a {
  color: inherit;
  text-decoration: none;
}
#css-content-right div.product-rel p {
  margin-top: 5px;
  padding: 0;
  width: 95px;
  display: block;
  margin-left: 108px;
  font-size: 10px;
}

/* * * * *
 * RIGHT *
 * * * * */

#makeupart div.footer {
  clear: left;
  height: 1px;
  line-height: 1px;
}
#footer-extra {
  margin: 0 auto;
  width: 750px;
  margin-top: 5px;
  text-align: center;
  position: relative;
}
#footer-extra a {
  color: #666;
  text-decoration: none;
}
#footer-extra a:hover {
  color: #000;
}
#footer-extra .xhtml-css {
  position: absolute;
  right: 0;
}


/* - - - - - - - - - - - - - - */

#css-content-category {
  margin-left: 9px;
  margin-top: 9px;
  width: 730px;
}
#css-content-category h1 {
  color: #a00;
}

#items-4x4-images {
  width: 557px;
}
#items-4x4-images div {
  width: 138px;
  float: left;
  text-align: center;
  margin-bottom: 5px;
  margin-right: 1px;
}
/*
#items-4x4-images div {
  width: 138px;
}
*/

#items-4x4-images img {
  border: 1px solid #ccc;
  display: block;
  clear: both;
  margin: 0 auto;
}
#items-4x4-images a {
  text-decoration: none;
  color: #888;

  width: 136px;
  text-align: center;
  display: block;
}
#items-4x4-images a:hover {
  color: #FF0055;
}
#items-4x4-images div.price {
  font-size: 11px;
}
#css-content-category div.css-content-category-container {
  float: left; 
  width: 555px; 
}
#css-menu-wrapper {
  margin-top: 9px;
  margin-left: 9px;
}
#category-menu {
  width: 160px;
  float: left;
  margin-right: 10px;
}
#category-menu h1 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
  margin-bottom: 10px;
}
#items-2x2-clearer {
  clear: both;
  height: 12px;
}
#items-2x2 {
  clear: both;
}
#items-2x2 div.item-2x2-single {
  width: 350px;
  margin-right: 10px;
  float: left;
  display: inline; /* IE Double margin hack */
}
#items-2x2 div.item-2x2-single div.image {
  float: left;
  width: 100px;
  text-align:center; 
}
#items-2x2 div.item-2x2-single div.image img {
  margin-bottom: 1px;
}
#items-2x2 div.item-2x2-single p {
  display: block;
  margin: 0;
  margin-left: 110px;
}
#items-2x2 a {
  font-weight: bold;
  color: #444;
  text-decoration: underline;
}
#items-2x2 a:link, 
#items-2x2 a:visited {
}
#items-2x2 a:hover {
  color:#000;
}
#items-2x2 a:active {
}

#css-content-news {
}
#css-content-news h1 {
  color: #990033; /* 990033 */
}
#css-content-news h2 {
  color: #CC6699; /* FF99CC */
}
#css-content-news .news-image {
  float: right;
  width: 200px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 10px;
}
#css-content-news .news-image img {
}
#css-content-news .news-image p {
  margin: 0;
  padding: 5px;
}

/* MENU Alternative 1 */
ul#nav-category {
width: 158px;
padding: 0px;
border: 1px solid #FFA7C4;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #FFA7C4;
}
ul#nav-category li {
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #FFA7C4;
}
ul#nav-category li a {
display: block;
width: 133px;
padding: 3px 8px 3px 2px;
border: 0px;
border-left: 15px solid #F9DBE7;
background: #FDF5F9;
text-decoration: none;
text-align: right;
}
ul#nav-category li ul li a {
border-left: 15px solid #FFF;
}

ul#nav-category li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }
ul#nav-category li a:hover { 
  border-color: #F9DBE7; 
  color: #ffffff; 
  background: #FFA7C4; 
}
ul#nav-category li ul li a:hover { 
border-left: 15px solid #FFF;
}

/* ** * * ** */

div.cart-image {
}
div.cart-image img {
  float: left;
}
div.cart-image p {
  margin: 0 0 0 10px;
  float: left;
}
#view-cart-table {
  width: 720px;
  border: 0;
  margin: 0 auto;
}
#view-cart-table h2 {
  margin: 10px 0 0 0;
  padding: 0;
}
#view-cart-table th.left {
  text-align: left;
}
#view-cart-table th {
  background-color: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #888;
  height: 25px;
}
#view-cart-table td {
  padding-top: 2px;
  padding-bottom: 2px;
}    
#view-cart-table td.total, #view-cart-table td.total-red {
  padding-right: 10px;
  text-align: right;
}    
#view-cart-table td.total-red, #view-cart-table td.red {
  color: #FA4848;
}
#view-cart-table tr.tax td {
  font-weight: bold;
  background-color: #eee;
  border-top: 1px solid #ccc;
}
#view-cart-table tr.cart-total td {
  border-top: 1px solid #ccc;
  border-bottom: 3px double #ccc;
  background-color: #eee;
  color: #888;
  font-weight: bold;
}    
#category-top-image {
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

#graphical-attributes {
  margin-top: 15px;
  width: 350px;
  }
#graphical-attributes h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 14px;
  color: #444;
  }
#graphical-attributes img {
  margin: 1px;
  }
#graphical-attributes .variants {
  width: 275px;
  float: left;
  }
#graphical-attributes .preview {
  width: 65px;
  float: left;
  }
/* ---------------------- */
/*   Legent formatting    */
/* ---------------------- */

.llegend {
  position: relative;
  background-color: #bdb;
  border: 2px solid #0c3;
  padding: 12px;
  margin-top: 25px;
  margin-bottom: 10px;
  clear: left;
  text-align: left;
  }
.llegend h2 {
  position: absolute;
  margin-top: -25px;
  background-color: #fff;
  color: #000;
  font-size: 115%;
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #0c3;
  }
.llegend_error {
  position: relative;
  background-color: #fcc;
  border: 2px solid #f00;
  padding: 12px;
  margin-top: 25px;
  margin-bottom: 10px;
  clear: left;
  text-align: left;
  }
.llegend_error h2 {
  position: absolute;
  margin-top: -25px;
  background-color: #fff;
  color: #000;
  font-size: 115%;
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #f00;
  }
.llegend_queries {
  position: relative;
  background-color: #fec;
  border: 2px solid #fa0;
  padding: 12px;
  margin-top: 25px;
  margin-bottom: 10px;
  clear: left;
  text-align: left;
  }
.llegend_queries h2 {
  position: absolute;
  margin-top: -25px;
  background-color: #fff;
  color: #000;
  font-size: 115%;
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #fa0;
  }


#register-form {
  width: 260px;
  position: relative;
  border-left: 1px dotted #444;
  margin-left: 230px;
  padding-left: 10px;
}
#register-form div.left-col,
#register-form div.right-col {
  position: absolute;
  width: 190px;
}
#register-form div.left-col {
  left: -210px;
}
#register-form div.right-col {
  left: 300px;
}
#register-form textarea {
  width: 250px;
}
#register-form input {
  width: 250px;
}
#register-form input.btn {
  width: 15px;
  border: none;
}
#register-form h1 {
  font-size:16px;
  color: #444;
}
#register-form h2 {
  font-size:14px;
  color: #444;
}
#register-form div {
  margin-top: 5px;
  font-size: 10px;
  color: #444;
}
#register-form div.helper div {
  position: absolute;
  left: 300px;
  width: 170px;
  padding: 5px;
  border: 3px double #484;
  background-color: #efe;
  color: #040;
  font-size: 11px;
}
#register-form div.alerter {
  padding: 5px;
  border: 3px double #844;
  background-color: #fee;
  color: #400;
  font-size: 11px;
}
#register-form input.submit, #default-page-max input.submit {
  cursor: pointer;
  background-color: #EEEEEE;
  border: 3px double #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  background-image: url(images/form-btn.gif);
  background-repeat: repeat-x;
  padding: 1px 5px;
  font-weight: bold;
  }
#register-form input.submit:hover, #default-page-max input.submit:hover {
  cursor: pointer;
  background-color: #DDFFDD;
  border: 3px double #669966;
  border-top-color: #99CC99;
  border-left-color: #99CC99;
  background-image: url(images/form-btn-green.gif);
  background-repeat: repeat-x;
  padding: 1px 5px;
  font-weight: bold;
  }

#register-form input.cancel {
  position: absolute;
  width: 150px; 
  left: -160px;
  background-color: #FFDDDD;
  border: 3px double #996666;
  border-top-color: #CC9999;
  border-left-color: #CC9999;
  background-image: url(images/form-btn-red.gif);
  background-repeat: repeat-x;
}
#register-form input.cancel:hover {
  background-color: #FFCCCC;
  border: 3px double #994444;
  border-top-color: #CC6666;
  border-left-color: #CC6666;
  background-image: url(images/form-btn-red-hover.gif);
  background-repeat: repeat-x;
}
#register-form div.confirm {
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

/* --------------------- */
/* CMS response settings */
/* --------------------- */

#easycmsForm {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
  position: relative;
  height: auto;
  width: 310px;
  text-align:left;
  line-height:22px;
  border: none;

  border-left: 1px dotted #444;
  margin-left: 230px;
  padding-left: 10px;
  margin-top: 20px;
  }
#easycmsForm-left-side {
  position: absolute;
  width: 200px;
  left: -230px;
}
#easycmsFormRight {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
  position: absolute;
  top: 0px;
  left: 320px;
  height: auto;
  width: 190px;
  text-align:left;
  line-height:22px;
  }
#easycmsForm span {
  position: absolute;
  float: left;
  left: 90px;
  text-align:left;
  }
#easycmsForm .items {
  margin-left: 90px;
  text-align:left;
  }
#easycmsForm input {
  font-size:12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 200px;
  height: 18px;
  border: #004E87 1px solid;
  height: 15px;
  }
#easycmsForm input.button {
  font-size: 8px;
  width: 14px;
  height: 14px;
  border: #004E87 1px solid;
  cursor:pointer;
  background-color: white;
  }
#easycmsForm input.send {
  margin-top: 10px;
  cursor: pointer;
  background-color: #EEEEEE;
  border: 3px double #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  background-image: url(images/form-btn.gif);
  background-repeat: repeat-x;
  padding: 1px 5px;
  font-weight: bold;
  height: 25px;
  }
#easycmsForm input.send:hover {
  cursor: pointer;
  background-color: #DDFFDD;
  border: 3px double #669966;
  border-top-color: #99CC99;
  border-left-color: #99CC99;
  background-image: url(images/form-btn-green.gif);
  background-repeat: repeat-x;
  padding: 1px 5px;
  font-weight: bold;
  }

#easycmsForm textarea {
  font-size: 12px;
  width: 200px;
  border: #004E87 1px solid;
  }
  
#default-page-max div.prev-next {
}
#default-page-max div.prev-next a {
  color: #444;
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#default-page-max div.prev-next a:hover {
  color: #000;
}

/* NEW STYLES FOR CUSTOMER SERVICE     */
/* IE specific added in makeupart.topp */
#kundeservice-container {
  width: 710px;
}
#kundeservice-container div.kundeservice-menu {
  float: left;
  width: 200px;
}
#kundeservice-container div.kundeservice-middle {
  width: 485px;
  float: left;
  position: relative;
  border-left: 1px dotted #444;
  padding-left: 10px;
  padding-top: 10px;
  margin-left: 10px;
  min-height: 450px;
}
ul.kundeservice, ul.kundeservice a {
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul.kundeservice li {
  margin-bottom: 5px;
}
ul.kundeservice li ul li {
  margin-bottom: 0;
}
ul.kundeservice, ul.kundeservice li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.kundeservice li ul {
  margin-left: 15px;
}
ul.kundeservice a {
  text-decoration: none;
  color: #000;
}
ul.kundeservice a:hover {
  text-decoration: underline;
}
/* - - - */
#register-form a.dyn {
  color: #00f;
  text-decoration: underline;
}
#makeupart input.no {
  border: none;
}


/* -------------------------------------------------------- */
/*                       swThreads                          */
/*                                                          */
/*  CSS kode for bruk av default menyoppsett.               */
/*  Om du ønsker å bestemme utseende 100% selv for hvordan  */
/*  publiseringsfunksjonen skal se ut redigerer du alt fra  */
/*  filen : index.CMS.menu.tpl                              */
/*  ------------------------------------------------------- */

/*
  <div id="threads">
    <div class="threads-single"><a href="?id=8&amp;nid=2&amp;threads=new"> + Legg til kommentar</a></div>
    Det finnes ingen kommentarer på denne artikkel.
  </div>
*/

#threads {
}
#threads h1 {
  font-size: 16px;
}
form.threads {
  /*
  border: 2px dotted red;
  width: 480px;
  padding: 10px;
  background-color: #fee;
  */
}
#threads #t490 {
  width: 465px;
}
#threads #t490 tr td.c110 {
  width: 110px;
}
#threads #t490 tr td.c380 {
  width: 355px;
}

form.threads input {
  border: 1px solid #000;
  width: 345px;
  font-size: 12px;
  height: 18px;
  margin-bottom: 2px;
}
form.threads input.check {
  border: none;
  background-color: transparent;
  width: 20px;
  font-size: 10px;
  height: 15px;
}
form.threads textarea.body {
  border: 1px solid #000;
  width: 450px;
  font-size: 12px;
  height: 150px;
}

#threads table.threads-table {
  width: 475px; /* 500 */
}
#threads table.threads-table th.w375 {
  width: 375px;
}
#threads table.threads-table th.w60 {
  width: 60px;
}
#threads table.threads-table th.w65 {
  width: 40px; /* 65 */
}

#threads table.threads-table th {
  border-bottom: 1px solid #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 13px;
}
#threads table.threads-table td {
  border-bottom: 1px solid #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
}
#threads table.threads-table td.add {
  border-bottom: none;
  padding-top: 2px;
  padding-bottom: 2px;
}

#threads table.threads-table span.postername {
  color: #888;
  font-size: 10px;
}
#threads table.threads-table a {
  text-decoration: none;
  color: #06a;
}
#threads table.threads-table a:hover {
  text-decoration: none;
  color: #fa0;
}
#threads div.threads-single-error {
  border-top:  2px solid #fee;
  border-right: 2px solid #faa;
  border-bottom: 2px solid #faa;
  border-left: 2px solid #fee;
  padding: 5px;
  width: 465px;
  background-color: #fcc;
  margin-top: 10px;
}
#threads div.threads-single {
  border-top:  2px solid #eee;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #eee;
  padding: 5px;
  width: 465px;
  background-color: #ddd;
  margin-top: 10px;
}
#threads div.threads-single .title {
  font-weight: bold;
  font-size: 12px;
}
#threads div.threads-single .name {
}
#threads div.threads-single .date {
  font-style: italic;
  margin-bottom: 5px;
}
#threads div.threads-single .body {
  background-color: #fff;
  padding: 5px;
}
#threads div.threads-single .respond {
  text-align: right;
  padding-top: 5px;
}
#threads div.threads-single .save {
  text-align: center;
  padding-top: 5px;
}
#threads div.threads-single a {
  text-decoration: none;
  color: #06a;
}
#threads div.threads-single a:hover {
  text-decoration: none;
  color: #fa0;
}
#threads div.threads-single a.admin {
  text-decoration: none;
  color: #a00;
}
#threads div.threads-single a.admin:hover {
  text-decoration: none;
  color: #fa0;
}
#threads td.b {
  font-weight: bold;
  font-size: 11px;
}
#threads td.b-line {
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #888;
  padding-top: 3px;
}
/* -------------------------------------------------------- */
/*                      /swThreads                          */
/* -------------------------------------------------------- */

#default-page-max a.CMSnews,
#default-page-max a.CMSnews:link {
  font-weight: bold;
  color: #ff6699;
  font-size: 15px;
}
#default-page-max a.CMSnews:hover {
  text-decoration: underline;
}