* 
{
  margin:0;
  padding:0;
  outline:0;
}

html 
{
 background: #033f74 url(http://www.testwebben.se/1392/Images/htmlbg.jpg) no-repeat center top;
  height: 100%;
  overflow: auto;
  overflow-y: scroll;
}

body 
{
  text-align: left;
}

/*CONTENT (start) ---------*/

body 
{
  /*Content editor body*/
  /*background-color: #fff;*/
}

body, select, input, textarea, table 
{
  font-family: arial, helvetica, sans-serif;
  color: #666;
  font-size: 12px;
  line-height: 1.5;
}

table 
{

}

h1, h2, h3, h4, h5, h6 
{
  color: #26649D;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.4;
}

h6 
{
  font-size: 0.4em;
  margin: 1em 0 0 0;
}

h5 
{
  font-size: 0.6em;
  margin: 1em 0 0 0;
}

h4 
{
  font-size: 0.8em;
  margin: 1.5em 0 0 0;
}

h3 
{
  font-size: 1.2em;
  margin: 1em 0 0 0;
}

h2 
{
  font-size: 1.5em;
  margin: 0.7em 0 0 0;
}

h1, .modGallery h2
{
  text-transform: none;
  letter-spacing: 0;
  font-size: 2.2em;
  font-weight: bold;
  margin: 0;
  padding: 0em; 
}

p 
{
  margin: 1em 0em 0em 0em;
}

a, 
a:link,
a:visited, 
a:active 
{
  color: #810107;
  text-decoration: none;
  font-weight: bold;
}

a:hover 
{
  color: #000;
  text-decoration: underline;
}

a img 
{
  border: 0;
}

hr 
{
  border: 0;
  height: 1px;
  margin: 0.5em 0 1em 0;
  color: #d8d8d8;
  background-color: #d8d8d8
}

ul,
ol 
{
  margin: 1.2em 0em 1.2em 2em;
  padding: 0;
}

ul li,
ol li 
{
  margin: 0.3em 0em 0em 0em;
  list-style-position: outside;
  line-height: 1em;
  padding: 0 0 0.5em 0;
}

#wrapper ul 
{
  list-style: url(http://www.testwebben.se/1392/Images/liststyle.png) square;
}

ol 
{
  list-style: decimal;
}

strong 
{
  font-weight: bold;
}

em 
{
  font-style: italic;
}

blockquote 
{
  margin: 0em 3em;
}

/*CONTENT (end) -----------*/


/*LAYOUT ------------------*/

#header
{
  background: #fff /*url(http://www.testwebben.se/1392/Images/headerbg.png) repeat-x left top*/;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 150px;
  position: relative;
}


#logo
{
  position: absolute;
  left: 50%;
  top: 50px;
  margin: 0 0 0 -474px;
}


#wrapper
{
  text-align: left;
  width: 940px;
  margin: 0 auto;
}

#main
{
  background: #fff;
  margin: 0 auto;
  width: 940px;
  border: 1px solid #bbb;
}

#main-content
{
  background: #fff;
  width: 920px;  
  min-height: 300px;
  height: auto !important;
  height: 300px;
  overflow: auto;
  margin: 0 auto;
  padding: 20px;
  text-align: left;
}

#main-content-left, #main-content-center, #main-content-right {
  float:left;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  margin: 0 30px 0 0;
}

#main-content-left {
  width: 180px;

}

#main-content-center {
  width: 500px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0 10px;
}

#main-content-right {
  width: 150px;
  margin-right: 0;
}

.clear 
{
  clear: both;
  line-height: 0.01;
  border-style: none;
}

#footer
{
  background: transparent;
  width: 920px;
  font-size: 11px;
  text-align: left;
  line-height: 1;
  letter-spacing: 0;
  margin: 10px auto 0 auto;
  padding: 0;
  clear: both;
  color: #fff;
}

#footer p {margin: 3px 0 0 0;}

#footer a
{
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

#addthis {float:left; margin: 0 10px 0 0;}

/* NAV ---------------------- */

#nav
{
  background: #810107;
  width: 100%;
  height: 40px;
  position: relative;
  top: 110px;
  left: -6px;
}

#dmenu
{
  width: 880px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -440px !important;
  background-color: transparent; 
  z-index: 20;
}

#dmenu ul
{
  position: absolute;
  z-index: 99;
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
}

#dmenu li
{
       margin: 0em 0 0 0;
       padding: 0;
        float: left;
}

#dmenu,
#dmenu ul,
#dmenu li,
#dmenu ul li
{
  margin: 0;
  padding: 0;
}

#dmenu li a
{
        text-align: left;
  color: #fff;



}

#dmenu li,
#dmenu li a,
#dmenu ul a
{
  display: block;
}

/* Nivå 1, onmouseover */
#dmenu li a:hover
{
  color: #eee;
  text-decoration: underline;
}

/* Aktuell sida, 1-3 */
#dmenu li#current a:link,
#dmenu li#current a:visited,
#dmenu li.current a:link,
#dmenu li.current a:visited,
#dmenu li.current ul li.current a:link,
#dmenu li.current ul li.current a:visited
{

  color: #000;
  background-image: url(http://www.testwebben.se/1392/Images/pil.png);
  background-repeat: no-repeat;
  background-position: top center;
  background: #eee;
}

/*DropDown ska inte visas*/
#dmenu ul li 
{
  display:none;
}

/* Alla nivåer */
#dmenu a:link, 
#dmenu a:visited, 
#dmenu a:hover
{
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0em;
        padding: 14px 0.7em;
        margin: 0 0.5em;
  font-size: 1em;
}

/*NAV UNDERSIDA -------------------- */ 

#nav-bottom
{
  height: 30px;
  margin: 0 auto;
  width: 960px;
  background: #eee;
}

#detachedSubMenu {
  margin: 7px 0 0 5px;
  padding: 0;
  float: left;
}

#detachedSubMenu a,
#detachedSubMenu a:link, 
#detachedSubMenu a:visited, 
#detachedSubMenu a:active 
{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#detachedSubMenu a:hover 
{
  text-decoration: none;
  color: #666;
}

ul#detachedSubMenu li.active a
{
  color: #666;
} 

#nav-bottom ul li
{
  list-style: none;
  padding: 0;
  display: inline;
  float: none;
}

#nav-bottom ul li a
{
  padding: 0 1em;
  margin: 0 0 0 0;
}

/*FORMULÄR*/
#mContactForm {
margin:40px 0;
}
#mContactForm input, #mContactForm textarea {
background:#;
border: 1px solid #ccc;
margin: 0 0 5px 10px;
padding:3px 2px 2px 2px;
width:200px;
height:1.5em;
overflow:hidden;
}
/*#mContactForm input:hover, #mContactForm textarea:hover {border:1px solid #999;}
#mContactForm input:focus, #mContactForm textarea:focus {border:1px solid #999;}*/

#mContactForm textarea {
height: 10em;
}
/*
#mContactForm button {
background:#;
color:#333;
border: 1px solid #999;
margin-left:10px;
}
#mContactForm button:hover {
background:#;
cursor:pointer;
}
*/
#mContactForm td {
text-align: right;
}

/*----------PRODUKTKATALOG---*/

div.modCatalog {
width:840px;
margin:20px auto;
}

/*Kategorier*/

div.CategoryAsImage {
width:120px;
height:120px;
display:table;
border-collapse:collapse;
float:left;
margin:0 15px 15px 0;

text-align:center;
border:1px solid #ccc;
}
div.CategoryAsImage:hover {
background:#fff;
border:1px solid #aaa;
}
div.CategoryAsImage a {

}
div.CategoryAsImage img {
margin-top:20px;
border:1px solid #ccc;
}

/*Produkter*/
div.ProductAsImage {
background:#fff;
width:130px;
height:140px;
display:table-cell;
border-collapse:collapse;
float:left;
margin:0 8px 8px 0;
text-align:center;
border:1px solid #ccc;
}

div.ProductAsImage:hover {
background:#fff;
border:1px solid #a4a4a4;
}

div.ProductAsImage a.modCatalog_cat_imglink {
vertical-align:middle;
}

div.ProductAsImage a {
vertical-align:bottom;
}

div.ProductAsImage img {
margin-top:15px;
}

#img-placeholder {
float:left;
margin: 0 30px 0 0;
}

div.Product p {
float:left;
width:400px;
}

a.modCatalog_cat_imglink {

}
div.navigator {

}

div.divAdditionalImage {
float:left;
margin:10px;
}
div.divAdditionalImage:hover {cursor:pointer;}

#imgProduct {

}


