* 
{
   margin:0;
   outline:0;
}

html 
{
   background: #fff url(http://www.testwebben.se/3226/Images/header_bg.gif);
   background-repeat: repeat-x;
   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: #CC0000;
   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: #CC0000;
   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: square;
}

ol 
{
   list-style: decimal;
}

strong 
{
   font-weight: bold;
}

em 
{
   font-style: italic;
}

blockquote 
{
   margin: 0em 3em;
}

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


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

#header
{

   margin: 0 auto;
   padding: 0;
   width: 100%;
   height: 130px;
}


#logo
{
   margin: 10px auto 20px auto;
   width: 880px;
   height: 80px;
   background: url(http://www.testwebben.se/3226/Images/logo.png);
   background-repeat: no-repeat;   
   float: left;
}


#wrapper
{
   text-align: left;
   width: 880px;
   margin: 20px auto;
}

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

#top
{
   width: 880px;   
   height: 200px;
   overflow: auto;
   margin: 0 auto;
   padding: 00px;
   text-align: left;
}

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

#main-content img
{
   border: 1px solid gray;
}

.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;
   text-transform: uppercase;
   margin: 20px auto 0 auto;
   padding: 0;
   clear: both;
   color: #a6a6a6;
}

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

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

#nav
{
   background: #02375d;
   width: 880px;
       height: 29px;
       padding: 0;
       margin: 0px auto;
   
}

#dmenu
{
   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: #000;
}

/* 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/3226/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: 0.7em 1em;
        margin: 0 0.5em;
   font-size: 1em;
}

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

#nav-bottom
{
   height: 30px;
   margin: 0 auto;
   width: 880px;
   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 {

}