body {
	margin: 5px; padding: 0px;
	background-color: #eee;
}

body, td, p, div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
}

h1 {
   font-size:16px; 
   margin: 0px 0px 12px 0px; 
   padding: 0px;
}
h2 {
   font-size:14px; margin: 0px;
}
h3 {
   font-size:13px; margin: 0px;
}
p {
   margin: 0px 0px 20px 0px; padding: 0px;
}
a, a:visited, a:active {
   color: navy;
}
form {
   margin: 0px;
}
.cb {
   clear: both;
}
img {
  border: none;
}


#ramme {
   margin: auto;
   width: 950px;
   padding: 15px;
   background-color: #fff;
   border-right: #ddd 1px solid;
   border-bottom: #ddd 1px solid;
}

#logo {
   width: 950px;
   margin-bottom: 15px;
}
#toppmeny {
   height: 24px;
}
#tabs-faner div {
	width: 115px;
	margin-right: 1px;
	float: left;
}
#tabs-faner a, #tabs-login a {
	display: block;
	width: 115px; line-height: 24px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-image: url(gfx/fane-graa.gif);
   background-repeat: no-repeat   
}
#tabs-faner a:hover, #tabs-login a:hover {
	background-image: url(gfx/fane-gul.gif);
}

#tabs-login {
   float: right;
   width: 242px;
}
#tabs-login div {
	width: 115px;
	margin-left: 1px;
	float: right;
}
#status {
   background-color: #fb0;  
   text-align: right; 
   line-height: 22px;
   padding: 8px 20px 6px 20px;
   margin-bottom: 15px;
   border-top: #fff 1px solid;
}
#status a, #status a:active {
   color: #000;
   font-weight: bold;
}
#sook {
   float: left;
}
#sook input {
   border: gray 1px solid;
   font-size:13px;
}

#side {
}

/* Vare meny */
#venstremeny {
     float: left;
     width: 200px;
}
  #ews-ul-nav {
     margin-bottom: 10px;
  }
  #ews-ul-nav span.ews-ul-nav-head, #ews-ul-nav span.ews-ul-nav-foot {
    display: none;
  }
  #ews-ul-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none; 
    border-bottom: #FFF 1px solid;
  }
  #ews-ul-nav ul li {
   color: #333; 
   background-color:#ddd;
   border-top: #FFF 1px solid;
  }
  #ews-ul-nav ul li {
    background-color:#fb0;     
  }
  #ews-ul-nav ul li.open {
  }
  #ews-ul-nav ul li.last {
  }
  #ews-ul-nav ul li a {
   display: block;
   width: 200px;
   line-height: 22px;
   font-size: 13px;
   text-indent: 6px;
   color: Black;
   font-family: Tahoma, Arial;
   text-decoration: none;
  }
  #ews-ul-nav ul li a:link {}
  #ews-ul-nav ul li a:visited {}
  #ews-ul-nav ul li a.active,
  #ews-ul-nav ul li a:hover {
   background-color: #d3d3d3;
  }
  #ews-ul-nav ul li a:active {}

  #ews-ul-nav ul li.open a {
  }
  #ews-ul-nav ul li.open a:hover {
  }
  #ews-ul-nav ul li ul {
    border-bottom: none;
  }
  #ews-ul-nav ul li ul li {
	background-color: #eee;
    border-top: #fff 1px solid;
  }
  #ews-ul-nav ul li ul li.open {
    background-color:#F7D477;
  }
  #ews-ul-nav ul li ul li a,
  #ews-ul-nav ul li.open ul li a,
  #ews-ul-nav ul li.close ul li a {
   width: 190px;
   padding: 0 0 0 10px;
   line-height: 19px;
	font-weight: normal;
	font-size: 12px;
  }
  #ews-ul-nav ul li ul li a:hover,
  #ews-ul-nav ul li.open ul li a:hover,
  #ews-ul-nav ul li.close ul li a:hover {    
   background-color: #e3e3e3;
  }
  #ews-ul-nav ul li ul li.open a {
  }
  #ews-ul-nav ul li ul li.open a:hover {
  }
  #ews-ul-nav ul li ul li.close a {
  }
  #ews-ul-nav ul li ul li.close a:hover {
  }
  #ews-ul-nav ul li ul li ul {
  }
  #ews-ul-nav ul li ul li ul li {
  }
  #ews-ul-nav ul li ul li ul li a,
  #ews-ul-nav ul li.open ul li ul li a,
  #ews-ul-nav ul li.close ul li ul li a {
    padding: 0 0 0 20px;
    width: 180px;
	font-size: 11px; 
   background-color: #f7f7f7;
  }
  #ews-ul-nav ul li ul li ul li a:hover,
  #ews-ul-nav ul li.open ul li ul li a:hover,
  #ews-ul-nav ul li.close ul li ul li a:hover {
   background-color: #f4f4f4;
  }
  #ews-ul-nav p, #ews-ul-nav div { 
   margin: 0px;
   padding: 4px;
   font-size: 11px;
   border: #bbb 1px solid;
  }
  
  
/* CMS meny */
#CMSmenu  {
   margin: 0px 0px 10px 0px;
   padding: 0px;
   list-style: none; 
   border-bottom: #FFF 1px solid;
}
#CMSmenu li {
   color: #000; 
   text-indent: 6px;
   font-weight: bold;
   border-top: #FFF 1px solid;
}
#CMSmenu li a, #CMSmenu li a:active {
   display: block;
   width: 200px;
	line-height: 22px;
   font-size: 13px;
   font-weight: normal;
   color: Black;
   text-decoration: none;
   background-color:#eee;
}
#CMSmenu li a:hover {
   background-color: #ddd;
}
#active {
    background-color:#fb0;      
}
#CMSmenu li ul {
   margin: 0px;
   padding: 0px;
   list-style: none; 
   border-bottom: none;
  }
#CMSmenu li ul li {
   border-top: #fff 1px solid;
  }
#CMSmenu li ul li a {
   width: 190px;
   padding: 0 0 0 10px;
   line-height: 19px;
	background-color: #f3f3f3;
	font-weight: normal;
	font-size: 11px;
  }
#CMSmenu li ul li a:hover {
   background-color: #ddd;
}
#CMSmenu li ul li ul {}
#CMSmenu li ul li ul li {}
#CMSmenu li ul li ul li a, #CMSmenu li ul li ul li a:visited {
   width: 180px;
   padding: 0 0 0 20px;
	background-color: #fff;   
}


#innhold {
   float: left;
   width: 530px;
   padding: 0px 0px 0px 20px;
}
#innhold input {
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#breadcrumbs {
   font-size: 11px; color: Gray;
   padding-bottom: 4px;
   margin-bottom: 12px;
   border-bottom: #bbb 1px dotted;
}
#breadcrumbs a {
   color: Gray;
}
#breadcrumbs a:hover {
   color: Navy;
}

#hoyre {
   float: right;
   width: 180px;
}
.hoyreover {
   margin: 0px;
   padding: 4px 0px 4px 8px;
   background-color: #ddd;
   font-weight: bold;
}
.hoyretekst {
   margin: 0px;
   padding: 3px 8px 8px 8px;
   background-color: #eee;
   font-size: 11px;
}
.box-right1-tpl,
.box-right1-tp2,
.box-right2-tpl {
  margin-bottom: 15px;
}

#hoyre a, #hoyre a:visited {
  color: #000;
  font-size: 11px;
  text-decoration: underline;
  border-bottom: navy 1px dotted;
}
#hoyre a:hover {
  border-bottom: red 1px solid;
}

#hoyre a.has-image, #hoyre a.has-image:visited {
  border-bottom: none;
}
#hoyre a:hover {
/*   border-bottom: red 1px solid; */
}


#hoyre a img {
  border-bottom: none;
}
#hoyre input {
   font-size: 11px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* 3x3 varerliste */
.vare3x3 {
   width: 156px;
   padding: 10px;
   border-right: #ccc 2px dotted;
   border-bottom: #ccc 2px dotted;
}
.vare3x3 h2 {
   text-align: center;
   margin-bottom: 8px;

}

/* 1x vareliste */   
#vareliste {
   border-top: #ddd 2px solid;
}
#vareliste tr {
   
} 
#vareliste td {
   border-bottom: #ddd 2px solid;   
}
#vareliste form, varedetalj form {
   margin: 0px;
}
#vareliste input, #varedetalj input {
   font-size: 12px;
   width: 16px;
   text-align: center;
   border: gray 1px solid;
}
.listebilde {
   text-align: center;
   padding: 8px 20px 8px 0px;
}
.listetekst {
   padding: 8px 20px 8px 0px;
}
.listetekst div {
   padding-top: 8px;
}
.listetekst a, .listetekst a:visited {
   color: #000;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
}
.listetekst a:hover {
   text-decoration: underline;
}
.listepris {
 padding: 8px 10px 10px 0px; 
 font-weight: bold 
}
.listeantall {
 padding: 8px 10px 8px 0px;  
}
.listekjop {
 padding: 8px 0px 8px 0px;    
}

/* vare helside */
#varevenstre {
   float: left;
   width: 220px;
}
#varehoyre {
   float: right;
   width: 310px;
}
#varehoyre h1 {
   border: none;
   margin: 0px;
}
#varehoyre select {
   width: 310px;
}
.pris {
   font-size: 14px;
   font-weight: bold;
}
.price {
   padding-top: 4px;
}
#produktgalleri div {
   float: left;
   width: 58px;
}
#produktgalleri h2 {
   margin: 0px 0px 12px 0px;
   border-bottom: #ddd 2px solid;  
}

#bunn {
	font-size: 10px; color: #666;
	text-align: center;
}
#bunn a, #bunn a:visited {
	font-size: 10px; color: #666;
	text-decoration: none;	
}
#bunn a:hover {
	color: #000;
	text-decoration: underline;
}

/* * * * * * * * */

a.purchase-button-list {
}
a.purchase-button-list span {
  display: block;
  width: 50px;
  height: 21px;
  background: transparent url(gfx/kjop-knapp.gif) top left no-repeat;
}
a.purchase-button-list span img {
  display: none;
}

div.info-footer {
  width: 156px;
}
div.info-footer td.t p {
  width: 150px;
  padding: 5px;
  margin: 0;
}
div.info-footer div.price,
div.info-footer div.more_info_not_for_sale {
  width: 98px;
  height: 13px;
  background-image: url(gfx/c_css_input.png);
  margin-left: 4px;
  float: left;
  color: black;
  padding: 2px 0 0 5px;
  font-weight: bold;
}
div.info-footer div.more_info_not_for_sale {
  background-image: none;
}
div.info-footer div.info{
  width: 46px;
  height: 15px;
  display: inline;
  margin-left: 3px;
  float: left;
}
div.info-footer div.i{
  width: 15px;
  height: 15px;
  display: inline;
  margin-left: 3px;
  float: left;
}
div.info-footer div.buy{
  width: 28px;
  height: 15px;
  display: inline;
  margin-left: 3px;
  float: left;
}
div.info-footer div.b{
  width:160px;
  height:4px;
  clear: left;
  background-image: url(gfx/c_ccs_b.png);
}
div.info-footer div.veil{
  margin-left: 9px;
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  color: #888;
  margin-bottom: 4px;
}

#view-cart-table {
  border: 0;
  margin: 0 auto;
}
#view-cart-table a,
#view-cart-table a:visited {
  color: #444;
  text-decoration: none;
}
#view-cart-table a:hover {
  text-decoration: underline;
}
#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;
  border-top: 1px solid #ccc;
}
#view-cart-table tr.cart-total td {
  border-top: 1px solid #ccc;
  border-bottom: 3px double #ccc;
  color: #000;
  font-weight: bold;
}



/* 
  Dotted grid, TODO - pixelsizes are skewed
  Each col loses 2px, and main table loses 2px.
*/
table.p3x3 {
  border-top: #eee 2px dotted;
  border-left: #eee 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-left,
table.p3x3 tbody tr.text td.p3x3-left,
table.p3x3 tbody tr.middle td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-left {
  border-right: #eee 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-center,
table.p3x3 tbody tr.text td.p3x3-center,
table.p3x3 tbody tr.middle td.p3x3-center,
table.p3x3 tbody tr.foot td.p3x3-center {
  border-right: #eee 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-right,
table.p3x3 tbody tr.text td.p3x3-right,
table.p3x3 tbody tr.middle td.p3x3-right,
table.p3x3 tbody tr.foot td.p3x3-right {
  border-right: #eee 2px dotted;
}
table.p3x3 tbody tr.foot td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-center,
table.p3x3 tbody tr.foot td.p3x3-right {
  border-bottom: #eee 2px dotted;
}

/* Rest of styling */
table.p3x3 {
  width: 525px;
  margin: 0 auto;
}
table.p3x3 tbody tr {}
table.p3x3 tbody tr td {
  width: 153px; /* table-2, left-2, center-2, right-2. */
   padding: 0px 10px 0px 10px;
}
table.p3x3 tbody tr.head td.p3x3-left,
table.p3x3 tbody tr.text td.p3x3-left,
table.p3x3 tbody tr.middle td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-left,
table.p3x3 tbody tr.head td.p3x3-right,
table.p3x3 tbody tr.text td.p3x3-right,
table.p3x3 tbody tr.middle td.p3x3-right,
table.p3x3 tbody tr.foot td.p3x3-right {
  width: 152px; /* get the extra px needed from the main table border */
}
table.p3x3 tbody tr.head {}
table.p3x3 tbody tr.head td {padding-top: 10px;}
table.p3x3 tbody tr.head td h2,
table.p3x3 tbody tr.head td a {
  font-size:14px;
  margin: 0px;
  color: #444;
  text-decoration: none;
}
table.p3x3 tbody tr.head td a:hover {
  text-decoration: underline;
}
table.p3x3 tbody tr.head td.p3x3-left {}
table.p3x3 tbody tr.head td.p3x3-center {}
table.p3x3 tbody tr.head td.p3x3-right {border-right: none;}

table.p3x3 tbody tr.text {}
table.p3x3 tbody tr.text td {}
table.p3x3 tbody tr.text td div {
  font-size:10px;
  padding-bottom:10px;
}
table.p3x3 tbody tr.text td div,
table.p3x3 tbody tr.text td div a {
   color: #444;
   text-decoration: none;
}
table.p3x3 tbody tr.text td div a:hover {
  text-decoration: underline;
}

table.p3x3 tbody tr.text td div.retail-price {
  padding: 0;
}
table.p3x3 tbody tr.text td div.retail-price span.retail {
  font-size:14px; color:#888; font-weight:bold;
  text-decoration: line-through;
}
table.p3x3 tbody tr.text td div.retail-price span.savings {
  display: none;
}

table.p3x3 tbody tr.text td.p3x3-left {}
table.p3x3 tbody tr.text td.p3x3-center {}
table.p3x3 tbody tr.text td.p3x3-right {border-right: none;}

table.p3x3 tbody tr.middle {}
table.p3x3 tbody tr.middle td {text-align: center; padding-bottom:10px;}
table.p3x3 tbody tr.middle td div.image {}
table.p3x3 tbody tr.middle td div.image a {}
table.p3x3 tbody tr.middle td div.image a img {}
table.p3x3 tbody tr.middle td.p3x3-left {}
table.p3x3 tbody tr.middle td.p3x3-center {}
table.p3x3 tbody tr.middle td.p3x3-right {border-right: none;}

table.p3x3 tbody tr.foot {}
table.p3x3 tbody tr.foot td {padding-bottom: 10px; }
table.p3x3 tbody tr.foot td div.info {}
table.p3x3 tbody tr.foot td div.info span.price {font-size:14px; color:#f40; font-weight:bold;}
table.p3x3 tbody tr.foot td div.info span.purchase {}
table.p3x3 tbody tr.foot td div.info span.purchase a {display: block; float:right; padding:0px 3px 0px 3px; font-size:12px; color: #000; text-decoration:none; border: #fb0 1px solid; background-color: #FFCC40;}
table.p3x3 tbody tr.foot td div.info span.purchase a.info {padding: 3px 5px; background-color: #ccc;}
table.p3x3 tbody tr.foot td.p3x3-left {}
table.p3x3 tbody tr.foot td.p3x3-center {}
table.p3x3 tbody tr.foot td.p3x3-right {border-right: none;}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

  table.product-list {
    width: 530px;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
  }
  table.product-list caption {
    display: none;
  }
  table.product-list thead {
    display: none;
  }
  table.product-list tfoot {
    padding-top: 5px;
    text-align: right;
  }
  table.product-list tfoot form {
    padding: 5px;
    margin: 0;
    border-top: 2px solid #ccc;
  }
  table.product-list tfoot form,
  table.product-list tfoot form select {
    font-size: 11px;
    font-family: verdana;
  }
  table.product-list tbody tr.odd td {}

  table.product-list tbody tr td {
    border-top: 1px dotted #aaa;
    padding: 5px 0;
  }
  table.product-list tbody tr td.image {
    width: 85px;
    vertical-align: top;
  }
  table.product-list tbody tr td.image a img {
    border: none;
  }

  table.product-list tbody tr td.description {
    width: 245px;
    vertical-align: top;
  }
  table.product-list tbody tr td.description h1,
  table.product-list tbody tr td.description h1 a,
  table.product-list tbody tr td.description h1 a:visited {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    color: #444;
    text-decoration: none;
  }
  table.product-list tbody tr td.description h1 a:hover {
    text-decoration: underline;
  }
  table.product-list tbody tr td.description div.short-description,
  table.product-list tbody tr td.description div.short-description a,
  table.product-list tbody tr td.description div.short-description a:visited {
    color: #444;
    text-decoration: none;
  }
  table.product-list tbody tr td.description div.short-description a:hover {
    color: #444;
    text-decoration: underline;
  }
  table.product-list tbody tr td.description div.stock {}

  table.product-list tbody tr td.price { 
    width: 90px;
    padding-right: 10px;
    vertical-align: top; 
    text-align: right;
  }
  table.product-list tbody tr td.price div { 
    font-weight: bold; 
    padding-bottom: 5px;
  }
  table.product-list tbody tr td.price div.price { 
    color: #d00;
  }
  table.product-list tbody tr td.price div.normal-price { 
    text-decoration: line-through;
    font-weight: normal;
  }

  table.product-list tbody tr td.purchase { width: 100px; vertical-align: top; }
  table.product-list tbody tr td.purchase form              { margin: 0; }
  table.product-list tbody tr td.purchase form dl           { float: left; margin: 0; }
  table.product-list tbody tr td.purchase form dl.amount    { width: 40px; }
  table.product-list tbody tr td.purchase form dl.amount dt { display: none; }
  table.product-list tbody tr td.purchase form dl.amount dd { margin: 0; width: 40px;}
  table.product-list tbody tr td.purchase form dl.amount dd input { width: 30px; }
  table.product-list tbody tr td.purchase form dl.submit    { width: 50px; }
  table.product-list tbody tr td.purchase form dl.submit dt { display: none; }
  table.product-list tbody tr td.purchase form dl.submit dd { margin: 0; width: 50px; }

  table.product-list tbody tr td.purchase  dl           { float: left; margin: 0; }
  table.product-list tbody tr td.purchase  dl.amount    { width: 40px; }
  table.product-list tbody tr td.purchase  dl.amount dt { display: none; }
  table.product-list tbody tr td.purchase  dl.amount dd { margin: 0; width: 40px;}
  table.product-list tbody tr td.purchase  dl.amount dd input { width: 30px; }
  table.product-list tbody tr td.purchase  dl.submit    { width: 50px; }
  table.product-list tbody tr td.purchase  dl.submit dt { display: none; }
  table.product-list tbody tr td.purchase  dl.submit dd { margin: 0; width: 50px; }
  /* Emulate the same width as the input field if amount was present */
  table.product-list tbody tr td.purchase div.lock_amount_one { float: left; margin: 0; width: 40px; height: 20px; }

  /* For the attributes shown in product list */
  select.attributes { width: 250px; }
  select.attrib,
  select.attrib_extra_a,
  select.attrib_extra_b { }

  #produktgalleri {
  }
  #produktgalleri div.img {
    width: 90px;
    margin: 0 5px;
  }

input.btn-search, img.btn-q, input.btn-ok {
  width: 24px;
  height: 16px;
  border: none;
}
input.btn-search {
  background: #fff url(gfx/button-search.png) no-repeat top left;
}
img.btn-q {
  background: transparent url(gfx/button-question.png) no-repeat top left;
}
input.btn-ok {
  background: transparent url(gfx/button-ok.png) no-repeat top left;
}
a.quote-cart-view, img.quote-cart-view {
  display: block;
  background: #fff url(gfx/button-quotecart-view.png) no-repeat top left;
  width: 110px;
  height: 15px;
}
img.temp_menu_cart_complete {
  background: #fff url(gfx/button-cart-complete.png) no-repeat top left;
  width: 110px;
  height: 15px;
}


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

#easycmsForm {
  margin: 15px 0;
  font-size: 12px;
  color : black;
  position: relative;
  height: auto;
  width: 310px;
  text-align: left;
  border: 0 solid black;
  line-height: 22px;
}
#easycmsFormRight {
  font-size: 12px;
  color: black;
  position: absolute;
  top: 0;
  left: 320px;
  height: auto;
  width: 190px;
  text-align: left;
  line-height: 14px;
}
#easycmsForm span {
  position: absolute;
  float: left;
  left: 90px;
  text-align: left;
}
#easycmsForm .items {
  margin-left: 90px;
  text-align: left;
}
#easycmsForm input {
  font-size: 12px;
  width: 200px;
  height: 18px;
  border: #004E87 1px solid;
  padding: 0;
}
#easycmsForm input.button {
  font-size: 8px;
  width: 14px;
  height: 14px;
  border: #004E87 1px solid;
  cursor: pointer;
  background-color: white;
}
#easycmsForm input.send {
  font-size: 12px;
  width: 140px;
  border: #004E87 1px solid;
  cursor: pointer;
  margin-top: 20px;
}
#easycmsForm textarea {
  font-size: 12px;
  width: 200px;
  border: #004E87 1px solid;
}

div.ews-footer-text {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 10px;
}
div.ews-online-users {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}
div.ews-online-users div {
  color: #888;
}