/* IE fixes */

*[disabled] {   
              color: lightgrey; 
              }

html, body { 
             height: auto;
             width: auto;
             margin: 0;
             }

.leftTopImage { 
                float: left;
                }

.rightTopImage { 
                float: right;
                }

/* Basic partitioning of main page */

a:link, a:visited {
                    color: black;
                    text-decoration: none;
                    cursor: pointer;
                    }
a:hover, a:active {
                    color: green;
                    text-decoration: none;
                    cursor: pointer;
                    }

img { 
      margin: 10px;
      border: 0;
}

/* Top part of page, including banner image and top level menu */

#topBanner {
             color: white; 
             float: left;
             clear: both;
             width: 100%;
             font-family: Verdana, Geneva, sans-serif; 
             margin-bottom: 10px;
             background: black url('/images/top_right.png') top right no-repeat;
             }
#topBanner img { display: none; }

#topLogo { 
           padding: 18px;
           width:  auto;
           float: none;
           }
#topLogo .companyName {
                          font-size: 24px;
                          font-weight: bold;
                          line-height: 90%;
                          }

#topLogo .phone {
                      margin-bottom: 20px;
                      font-size: 14px;
                      font-weight: bold;
                      }
                          
#topLogo .address {
                      font-size: 12px;
                      font-weight: normal;
                      font-stretch: condensed;
                      top: 6px;
                      padding-top: 15px;
}

#topMenu { 
           width: 95%;
           float: left;
           padding: 0px 5px 0px 5px;
           white-space: nowrap; 
           z-index: 100;
           background: white;
           color: black;
           font-family: Verdana, Geneva, sans-serif; 
           margin-bottom: 14px;
           }

#topMenu ul  { 
               margin-top: 0;
               margin-right: 1em;
               margin-left: 1em;
               margin-bottom: 0;
               }

#topMenu li { 
              cursor: pointer;
              display: inline;
              font-size: 14px;
              font-weight: bold;
              margin-right: 0px;
              }

#topMenu ul.tabs {
                   list-style: none;
                   clear:both;
                   padding-bottom: 25px;
                   border-bottom: 1px solid;
                   }
#topMenu ul.tabs2 {
                    list-style: none;
                    clear:both;
                    }

#topMenu .active {
                   background: #fffcc8;
                   font-weight: bold;
}

#topMenu .idle {
                    font-weight: bolder;
                    color: #555555;
}

#topMenu a.idle:hover, #topMenu a.idle:active { 
                                                color: green;
                                                }

#topMenu .last {
                 border-right: none;
                 }

#topMenu ul.dropdown {
                       float: none;
                       list-style: none;
                       left: -13px;
                       position: absolute;
                       display: none;
                       z-index: 50;
                       }

#topMenu ul.tabs li {
                      font-size: 11px;
                      float: left;
                      width: auto;
                      display: inline;
                      position: relative;
                      padding: 6px 12px;
                      border-right: 1px solid;
                      }

#topMenu ul.tabs2 li {
                      font-size: 10px;
                      float: left;
                      width: auto;
                      display: inline;
                      position: relative;
                      padding: 7px 15px 5px 15px;
                      border-right: 1px solid;
                      }

#topMenu ul.dropdown li {
                          border-bottom: 1px dotted;
                          margin-top: 0;
                          float: left;
                          display: block;
                          position: relative;
                          padding: 8px;
                          background: white;
                          width: 220px;
                          clear: both;
                          }

#topMenu li:hover ul, li.over ul { 
                                   display: block;
                                   }                          

#allColumns { 
              float: left;
              display: inline;
              width: 100%;
              height: 100%;
}

#leftColumn { 
              float: left;
              display: inline;
              margin-left:220px; 
              width: auto; /* Var 68% */
              overflow:hidden;
              }

#rightColumn { 
               float: right;
               display: inline;
               width: 28%;
               margin-right: 0; /* 0.5%; */
}

/* More or less global settings */

.clear {clear:both;}

* { 
    margin: 0;
    padding: 0;
    }

body {
       font-family: verdana;
       font-size: 12px;
       }

h2 {
     background: black;
     color: white;
     font-size: 18px;
     font-weight: bold;
     text-transform: uppercase;
     padding-top: 8px;
     height: 30px;
     text-align: center;
     margin-bottom: 10px;
     }

input, select, option, button {font-family:verdana; }
th {padding:0;}

/* Lower left part of main page */

#mainList { 
}

#mainList h2 { 
               margin: 0%; /* was l+r 0.5% */
               width:  98%;
               float: left;
               display: inline;
}

#mainSelection { 
                 width: 100%;
                 min-width: 715px;
                 display: inline;
                 float: left;
                 clear: right;
                 }

#mainSelection p { 
                   float: left;
                   display: inline;
                   width: 90%;
                   }

#mainSelection table { 
                       font-size:11px;
                       margin:0 6px 10px;
                       padding:0;
                       display: inline;
                       float: left;
}
#mainSelection table th, 
#mainSelection table td {padding:0 2px 0 1px;}
#mainSelection table th {text-align:left; padding-bottom:2px;}
#mainSelection table.mainSelectionRightTable td,
#mainSelection table.mainSelectionRightTable th {text-align:right;}

#mainSelection option { 
                        padding-right: 0.5em;
                        }

#mainSelection select, 
#mainSelection input {font-size:11px;}

#mainAreaContainer { 
                     margin-left: 20px;
                     }

#mainAreaContainer p { 
                     margin: 20px;
                     }

#mainAreaContainer ul,
#mainAreaContainer ol { 
                        margin: 20px;
                        }
#mainAreaContainer li { 
                        margin: 0 0 10px 10px;
                        }


#mainAreaContainer .cartButton { 
                                 float: left;
                                 margin-left: 10px;
                                 margin-top: 2px;
                    }

#mainArea  { 
             float: left;
             margin-left: 220px;
             overflow: hidden;
             display: inline;
             width: auto;
}

#mainArea h2, #leftColumn h2 { 
                               width: 99%;
}

#mainArea table { 
                  margin:0 6px 0.5em 6px; 
                  width:99%;
                  padding: 1em;
                  font-size: 12px;
                  border-collapse: collapse;
}

#mainArea .compactTable { 
                          font-size: 9px;
                          padding: 0px;
                          border: 1px solid black;
}

#mainArea th {padding:3px 1em 3px 3px}
#mainArea td.price {white-space:nowrap;}

#mainArea td, th { 
                   padding: 3px 1em 3px 3px;
                   font-size:11px;
}

#mainArea input { 

}

#mainArea cartButton {
                       width: 25%;
                       float: left;
                       margin-left: 10px;
                       margin-top: 2px;
}

#mainArea, #leftColumn { 
                         margin-left: 260px;
                         width: 72%;
                         overflow: hidden;
                         display: inline;
                         float: left;
 }

.mainRow {  
           width: 99%;
           float: left;
}

.mainItem {  
            width: 32%; /* 3 pcs. per line */
            float: left;
            margin:1% .5% 0;
            border: 1px black solid;
            font-size: 10px;
            height: 23em;
            display: inline;
            }

.mainItem .specialPrice { 
                          background: OrangeRed;
                          color: white;
                          font-size: 9px;
                          padding: 5px; /* 5px */
                          margin: 5px 5px 5px 0px; /* 10 px*/
                          text-align: right;
                          float: right;
                          display: inline;
                          white-space: nowrap; 
 }

.mainItem .NW { 
                display: inline;
                width: 29%;
                float: left;
                }

.mainItem .NW img { 
                    margin-top: 10px;
                    margin-right: 0px;
                    margin-bottom: 10px;
                    margin-left: 10px;
                    border: 0;
                    padding: 0 0 10px 0;
                    float: left;
                    display: inline;
 }

.mainItem .NE { 
                width: 30%;
                display: inline;
                float: right;
                }
.mainItem .NNE { 
                 width: 100%;
                 float: left;
                 display: inline;
                 }
.mainItem .ENE { 
                 width: 100%;
                 float: right;
                 display: inline;
                 }

.mainItem .ENE img { 
                     margin-right: 10px;
                     display: inline;
                     float: right;
                     }

.mainItem .S { 
               width: 100%;
               display: inline;
               float: left;
               }

.mainItem p { 
              margin: 1em;
             }

.mainItem h4 {  
            text-decoration: underline;
               padding-left: 1em;
            }


.wideItem { 
            width: 99%; /* 1 per line */
            display: inline;
            float: left;
            margin: 0 0 10px;
            border: 1px black solid;
            font-size: 10px;
            height: auto;
            overflow: hidden;
            }

.wideItem h3 { 
               margin: 10px 0 10px 0;
               font-size: 20px;
               }
.wideItem table { 
                  float: left;
                  }

/* Lower right part of main page */

#financeInfo { 
               background: #777;
               color: white;
               padding-top: 1em;
               padding-right: 0;
               padding-bottom: 1em;
               padding-left: 1.5em;
               margin-top:   0;
               margin-right: 0;
               margin-bottom: 0.5em;
               margin-left: 0;
               }

#financeInfo :link, 
#financeInfo a:visited {
                    color: white;
                    }
#financeInfo a:hover, 
#financeInfo a:active {
                    color: OrangeRed;
}

.largeText { 
             font-size: 15px;
             font-weight: bold;
             }
.smallText { 
             font-size: 10px;
             }

.rightColumnItem { 
                   background:  #ccc;
                   color: black;
                   margin: 0;
                   }

.rightColumnItem h3 { 
                      background: black;
                      color: white;
                      font-size: 12px;
                      font-weight: bold;
                      padding-left: 1em;
                      padding-top: 8px;
                      height: 30px;
                      text-align: left;
                      }

.rightColumnItemContainer { 
                            margin: 10px;
                            padding-bottom: 1em;
                            }

.rightColumnItem table { 
                         width: 80%;
                         padding-top: 10px;
}

.rightColumnItem td { 
                      font-size: 10px;
                      vertical-align: top;
 }

.rightColumnItem img { 
                       margin: 0;
 }

.rightColumnItem p { 
                     padding-top: 0.5em;
                     font-size: 13px;
 }

.rightColumnItem h4 { 
                     padding-top: 1em;
 }

.centerBold { 
              font-weight: bold;
              text-align: center;
 }

.rightNormal { 
               font-weight: normal;
               text-align: right;
}

.toRight { 
           text-align: right;
         }

.toLeft { 
         text-align: left;
         }

.toCenter { 
         text-align: center;
         }

.price { 
         text-align: right;
         font-weight: normal;
         }

.grey { 
         color: lightgrey;
         }

.inverted { 
            color: white;
            background: black;
            }

.frameLess { 
            border: None;
            }

.normal { 
          color: black;
          background: white; 
          border: None;
            }

.button-to input { 
                   border: None;
                   background: black;
                   color: white;
                   font-size: 12px;
                   font-weight: bold;
                   padding: 5px;
                   margin: 0 20px 0 20px;
                   float: left;
            } 

.smallButton .button-to input { 
                   padding: 0;
            } 

.submit-button { 
                 border: None;
                 background: black;
                 color: white;
                 font-size: 12px;
                 font-weight: bold;
                 padding: 5px;
                 }

.smallButton { 
                 border: None;
                 font-size: 12px;
                 font-weight: bold;
                 padding: 0;
 }

#cart { 
        padding-bottom: 2em;
        position: fixed;
        bottom: 50px;
}

#cart .cartButton { 
                    width: 25%;
                    float: left;
                    margin-left: 10px;
                    margin-top: 2px;
                    }
#errorExplanation h2 { 
                       color: red;
                       background: white;
}
#errorExplanation p,
#errorExplanation ul { 
                       margin: 20px 10px 5px 30px;
}

#ImageDiv {
            border: 0;
            position: fixed;
            left: 10px;
            top: 10px;
            visibility: hidden;
            z-index: 100;
            }
#ImageDiv img {
                border: 0;
                color: black;
                text-decoration: none;
                cursor: pointer;
                }
.buy { 
       float: right;
       display: inline;
       bottom: 0px;
}

.buy p { 
         height: 100%;
         padding: 20px 0;
         font-size: 18px;
}
.buy img { 
           border: 0;
           margin: 10px 10px 10px 15px;
           float: left;
           display: inline; 
}

.inStock { 
           margin: 0;
           font-weight: bold;
           color: green;
/*           float: left; */
           }

.notInStock { 
              margin: 0;
              font-weight: bold;
              color: maroon;
              float: left;
              }

.fits { 
        float: right;
        display: inline;
        margin: 10px;
        background: white;
        height: 50%;
        }

.productDiv { 
               float: left;
               display: inline;
               margin: 0 0 10px 0;
               width: 60%;
               }

.productDiv h4 { 
               margin-bottom: 12px;
               }

.productDiv img { 
                  float: right;
                  padding-left: 5px;
                  }

.productMisc { 
               float: right;
               clear: right;
               display: inline;
               width: 35%;
               margin: 10px 0 10px 0;
               }

.productinfo { 
               float: left;
               display: inline;
               width: 100%;
               margin: 10px 0 10px 0;
               }

.productinfo p { 
                 float: left;
                 width: 100%;
               }

.productinfo img { 
                   margin: 1px;
                   }

.productinfo td { 
                  padding-right: 5px;
                  }

.rimProductInfo {  
                  float: left;
                  display: inline;
                  width: 90%;
                  margin: 0;
}

.rimProductInfo img { 
                      margin: 0px;
                      float: none;
                      padding-left: 15px;
                      padding-right: 5px;
                      }

.rimProductInfo table { 
                        margin-bottom: 20px;
                        float: none;
                        width: 100%;
                        border-collapse: collapse;
                        }


.pagination {clear:both; float:none; font-size:11px; margin:0 0 10px; text-align:center; width:99%; padding:1px 0; background:#ccc; border:1px solid #ccc;}

.disabled { 
            display: none;
}
.current { 
           font-weight: bold;
}

#bottomSpace { 
               float: left;
               width: 100%;
               height: 50px;
              }

#leftColumn #bottomCart { 
                          width: 69%;
}

#leftColumn h3 { 
                 padding: .5em 0 1em 0;
 }

#leftColumn #mainArea {  
                        margin-left:0;
                        width: 99%;
}

#bottomCart { 
              border-top-style: ridge;
              border-top-width: medium;
              position: fixed;
              left: 0px;
              bottom: 0px;
              z-index: 50;
              background: #bda;
              width: 100%;
              height: 50px;
              }
#bottomCart .cartText { 
                        float: left;
                        padding: 18px;
}

#bottomCart .cartButton a { 
                            float: left;
                            margin-left: 10px;
                            margin-top: 10px;
                            font-weight: bold;
                            color: white;
                            background: black;
                            padding: 5px;
                          }

#bottomCart .button-to input { 
                               float: left;
                               margin-left: 10px;
                               margin-top: 10px;
                               font-weight: bold;
                               color: white;
                               background: black;
                               padding: 5px;
                               } 

.listPrice { 
             font-size: 12px;
             font-weight: bold;
             text-align: left;
         }

.highLight { 
             color: red;
/*             float: left; */
             }


.message { 
           padding-top: 2em;
           margin: 3em;
           font-size: 17px;
           }

.even { 
        background-color: #fff; 
        }
.odd  { 
        background-color: #ded; 
        }

.oddGrey  { 
        background-color: #eee; 
        }

.leftWing { 
            margin: 10px 20px 10px 10px;;
            width: 220px;
            float: left;
            }

.mandatory { 
             color: OrangeRed;
           }

.errorMessage { 
                color: OrangeRed;
                font-weight: bold;
 }

.shop, .mail_order { 
        padding: 15px 0px 0px 10px;
}

#allProducts { 
               margin-left: 50px;
               width: 50%;
               float: left;
 }

#allProducts li { 
                  list-style-type: none;
                  }
#allProducts ul { 
                  margin-top: 15px;
                  }
#allProducts h1 { 
                  margin: 30px;
                  font-weight: bold;
                  font-size: 20px;
                  }

.showAll { 
           margin-right: 0;
           text-align: right;
           padding-right: 10px;
           float: right;
           }

.tdLink { 
          border: 1px solid;
          background: #f2f2f2;
          padding: 5px;
          text-align: center;
 }

.tdLink a { 
            text-align: center;
            float: none;
 }

h3.afTitle { 
              padding: 20px;
              font-size: 20px;
              }

/* Däcklistan */

.step2 { 
         padding-top: 20px;
         font-size: 15px;
         }

.tyreDimRow { 
              clear: both;
              }

.tyreDimCol { 
              float: left;
              width: 24%;
              display: inline;
              }

.tyreRow { 
           clear: both;
           }

.tyreCol1 { 
            height: 100%;
            float: left;
            width: 40%;
            display: inline;
            padding: 5px;
            }

.tyreCol2 { 
            height: 100%;
            float: left;
            width: 15%;
            display: inline;
            text-align: right;
            padding: 5px;
        }

.tyreCol3 { 
            height: 100%;
            float: left;
            width: 15%;
            display: inline;
            text-align: right;
            padding: 5px;
        }

.tyreCol4 { 
            height: 100%;
            float: left;
            width: 15%;
            display: inline;
            text-align: right;
            padding: 5px;
        }

.rimRow { 
            clear: both;
            }

.rimRow h3 { 
             font-size: 15px;
             padding-top: 30px;
             }

.rimRow h4 { 
             font-size: 15px;
             }

.rimCol { 
          float: left;
          width: 45%;
          display: inline;
          padding: 2px;
          }

.rimDimList { 
              clear: both;
              margin: 0px;
              padding: 1px;
              }

.rimDimList h3 { 
                 font-size: 13px;
                 margin-top: 15px;
}

.rimDimList table { 
                    width: 100%;
                    border-collapse: collapse;
}

.rimTyreList { 
               float: left;
               width: 90%;
               /* padding: 0px 15px 20px 50px; */
			   padding: 0 0 20px;
               }

.rimTyreList table { 
                     border-collapse: collapse;
                     width: 100%;
                     }

.rimTyreList img { 
               margin: 0;
 }

.rimTyreList h3 { 
               font-size: 16px;
 }

.rimTyreList h4 { 
               padding: 0px 10px 10px 150px;
 }

.assPkgProd { 
              clear: both;
              width: 100%;
 }

.assPkgProd table { 
                     border-collapse: collapse;
                     width: 100%;
 }

.assPkgProd img { 
                  margin: 0px;
                  float: none;
 }

.subtitle { 
            font-family:Verdana,Geneva,sans-serif;
            font-size: 15px;
            padding-left: 25px;
            padding-bottom: 15px;
}

.noJsDiameterSelection { 
                         padding: 7px;
                         margin: 13px;
 }

.noJsDiameterSelection a { 
                           padding-right: 5px;
                           padding-left: 5px;
                           }

.noJsDiameterSelection a:link, .noJsDiameterSelection a:visited {
                                                                  text-decoration: underline;
                                                                  cursor: pointer;
                                                                  }

.withJsEnabled {  }

#noJsAtAll { 
             margin-top: 30px;
             color: red;
             
 }

/* kundvagnen */

.deleteForm {display:inline;} 
.updateForm {display:inline;}
table#kundvagn {margin:0; width:99%; padding:0;}
#kundvagn th {text-align:left; background:#ccc; font-size:12px; padding:8px 4px 6px;}
#kundvagn th.toRight {text-align:right;}
#kundvagn img {margin:0;}
#kundvagn input.antal {border:1px solid black;}
#kundvagn button {border:none; background:none;}
#personuppgifter td,
#kundvagn td {padding:6px 4px;}
#kundvagn tr.product td {font-size:12px; border-top:1px solid #666;}
#kundvagn tr.product td.update {white-space:nowrap}
#kundvagn tr.packagedProduct td {font-size:11px; border-top:1px dashed #666;}
#kundvagn tr.packagedProduct td.name strong {text-transform:capitalize;}
#kundvagn tr.summa td {font-size:12px; border-top:2px solid #666; border-bottom:1px solid #666; font-weight:bold; padding:8px 4px;}
#kundvagn tr.delsumma td {font-size:11px; border-top:1px solid #666; font-weight:bold; padding:6px 4px; border-bottom:none;}
#kundvagn tr.next td {font-size:12px; padding:20px 4px 0;}
td.greenBtn input,
td.greenBtn a,
button.greenBtn,
span.greenBtn,
input.greenBtn {background-color:#66cc66; border-color:#cfc #696 #363 #9c9; border-width:1px; border-style:solid; font-weight:bold; padding:5px 10px 5px; margin:0;}
td.greenBtn .smallGreenBtn,
.smallGreenBtn {padding:0 4px !important; margin:1px !important;}
.size12btn input,
.size12btn {font-size:12px;}
.bigGreenBtn {font-size:13px;}
td.deleteBtn input {margin:0; padding:0; background:url('/images/tagbort.png') white no-repeat; border:none; width:17px; height:13px;}
td.toRight input {float:right}
#personuppgifter td.greenBtn .button-to input,
#personuppgifter td.greenBtn .submit-button {color:black;}
#personuppgifter tr.next td,
#kundvagn tr.next td {font-size:12px; border-top:1px solid #666; padding:20px 4px 0;}

#personuppgifter .next .button-to input {margin-right:10px;}

table#personuppgifter {margin:0;}
table#personuppgifter caption {background:black; font-weight:bold; color:white; padding:4px 0; margin:20px 0 5px; font-size:14px;}
table#personuppgifter td {font-size:12px;}

/* kundvagnen slut */

/* rim_products */ 

hr.dashed {border:none; border-top:1px dashed black; height:1px; margin:0;}
th.toRight {text-align:right !important;}

.noMarginTop {margin-top:0 !important;}
.hidden {display:none}
.underline {text-decoration:underline;}
.center {text-align:center;}
.capitalize {text-transform:capitalize;}

#leftColumn h3 {padding:0.5em 0;} /* 762 */
.wideItem h3 {margin:10px 0 0;} /* 440 */
.wideItem {font-size:11px;} /* 653 */
.listPrice {font-size:11px;} /* 807 */
.productDiv td {padding:2px 0;}
.productDiv img {margin:10px 10px 0;} /* 688 */
.productDiv h4.specialOffer {font-size:14px; background:#FFFFCC; font-weight:normal; padding:4px 2px;}

.productTable {margin:0 10px; width:80%;}
h4.info,
.productTable caption.info {font-size:14px; font-weight:bold; text-align:left; padding:2px 0px 8px;}
.productTable th {text-align:left; background-color:#ccc; padding:2px; border-top:1px solid white;}
.productTable td {padding:2px; border-top:1px solid white;}
.productTable th small {color:#666666; background:url('/images/help.gif') center center no-repeat; height:11px; width:11px; position:relative; display:inline-block;}
.productTable th small[title] {cursor:help;}
.productTable tr.info td {background-color:#FFC; border-top:2px solid white; padding:3px 2px; font-size:10px;}
.productTable tr.info td big {color:#FF0000; font-weight:bold; font-size:10px;}
.productTable td.buyBtn {padding:0px 10px 2px 4px; white-space:nowrap}
td.listPrice img,
.productTable td.buyBtn img {top:2px; position:relative; margin:0 1px;}
.productTable td.buyBtn .greenBtn {padding:0px 4px; margin:1px;}
.big .greenBtn {font-size:14px; float:left;}
.important {color: green; background:url('/images/important.png') top left no-repeat; line-height:20px; padding:0 0 0 25px; margin:10px 0;}
.important a {color:green;}

/* http://tetlaw.id.au/view/blog/table-sorting-with-prototype/ */ 
th.sortcol {background:#ccc url('/images/sortcol.gif') 2px 6px no-repeat; padding-left:11px !important; cursor:pointer;}
th.nosort {background:#ccc; padding-left:2px !important; cursor:auto;}
th.sortasc {background:#bbb url('/images/asc.gif') 2px 7px no-repeat; padding-left:11px;}
th.sortdesc {background:#bbb url('/images/desc.gif') 2px 7px no-repeat; padding-left:11px;}
th.help span {background:url('/images/help.gif') center right no-repeat; padding-right:14px;}
.productTable .rowodd  td {background-color:#ddeedd;}
.productTable .roweven td {background-color:#fff;}
	
/* rim_products slut */


#verticalMenu {float:left; display:inline; margin-right:-100%; margin-left:10px; width:240px; background:#fff;}
#verticalMenu ul {background:#ddd; display:block; clear:both; padding:0; border-top:1px solid #333;}
#verticalMenu ul ul { margin:0; border:none; padding:0 0 0 10px;}
#verticalMenu li {list-style:none; margin:0; border-bottom:1px solid #333; padding:2px 0;}
#verticalMenu li li {border:none;}
#verticalMenu h4 {font-size:90%; padding:4px 2px; line-height:1.6; background-color:#ccc;}
#verticalMenu a.menu-item {width:165px; color:#000; position:relative; font-size:90%;}
#verticalMenu a.menu-item:hover {color:OrangeRed ;text-decoration:underline;}
#verticalMenu .blank,
#verticalMenu .expandable {position:relative; margin:0 4px 0 2px;}
#verticalMenu .expandable {cursor:pointer;}
#verticalMenu span.single {background-image:none;}
#verticalMenu a.active {font-weight:bold;}
#verticalMenu div.head {background-color:black; font-size:18px; font-weight:bold; color:white; height:30px; padding-top:8px; text-transform:uppercase; text-align:center;}
#verticalMenu div.head a {color:white;}
#verticalMenu div.head a:hover {color:white;}
#verticalMenu li.head {padding:0;}
/* box */
#verticalMenu .spacer {padding:10px 0 0; text-align:center; clear:both;}
#verticalMenu .spacer hr {color:#333; border-top:1px dashed #333; border-bottom:none; border-left:none; border-right:none; height:1px; margin:0 5px;}
#verticalMenu .box-item {margin:10px 0 0; background:#eee; font-size:90%; border:1px solid #333;}
#verticalMenu .box-item p,
#verticalMenu .box-item address {padding:2px; font-style:normal;}
#verticalMenu .box-item table {padding:2px; font-style:normal;}

table.zebra th,
table.zebra td {padding:1px; font-size: 11px;}
table.zebra th {background-color:#eee; text-align:left; border-bottom:1px dashed #999; padding:1px 1px 2px;}
table.zebra th.toRight {text-align:right;}
table.zebra tr.odd td {background:#eee;}
table.zebra tr.even td {background:#ddd;}
table.zebra .borderRight { 
                           border-right: 1px dashed #999;
                           padding: 1px 5px 1px 1px; 
                           }


/* sätter en fast bredd på de här input fälten i stället så diffar det inte så mycket när man byter storlek på webbläsaren */
select#rim_diameter {width:auto;} /* fälgstorlek */
select#car_car_make {width:100px;} /* bilmärke */
select#car_car_description {width:100px;} /* bilmodell */
select#rim_manufacturer {width:100px;} /* fälgtillvärkare */


#plsWait { 
           position:    fixed;
           left:        350px;
           top:         300px;
           padding:     30px;
           font-size:   36px;
           font-family: sans;
           z-index:     50;
           opacity:     0.6;
           background-color:black;
           color: white;
}

#whoami { 
          position: absolute; 
          right: 50px; 
          height: 5em; 
          top: 20px; 
          z-index: 5; 
          color: black; 
          background: #ccc;
          border: 1px solid black;
 }

#whoami p { 
            margin: 5px;
            padding: 5px;
 }

#whoami a { 
            background: #ddd; 
            padding: 5px;
            margin: 5px; 
            border: 2px outset black;
 }