body{
    margin:30px 0px; padding:0px;
    text-align:center;     
    background-color: #000000; 
    
}

img{
    border:none;
}

h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #8d0332;
    text-align: left; 
    margin-top: 8px;    
}


#contentArea{
    width: 900px;
    height: 600px;
    margin:auto;
    /*background-image:url('../images/thgh_background_900x600.jpg');    */
    background-repeat:no-repeat;
    position: relative;
    text-align:left;
    border: fuchsia;
}

#dimLayer{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #cccccc;
    /* For web browsers who care */
    opacity: 0.95;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    z-index: 90;
}




#dialogLayer{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 95;    
}
   
#acceptDialog{
position:relative;
margin-left:auto;
margin-right:auto; 
margin-top:100px;
margin-bottom:auto;
width:255px;
height:200px;
background-color:#FFFFFF; 
border-color: #990033;
border-style: solid;
border-width: medium;
z-index:100; 
text-align: center;
}   

#acceptText{
position:relative;
width:200px;
height:75px; 
margin-left:auto;
margin-right:auto; 
padding-top:30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-align: center; 
}



#acceptButton{
position:absolute;
left:62px;
top:260px;
width:130px;
height:15px; 
background-color:#990033;
border: #000000;
border-style:solid;
border-width: thin;
cursor: pointer;  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-align: center; 
padding: 6px; 
}


 #ageVerLayer{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 95;    
}
   
#ageVerDialog{
position:relative;
margin-left:auto;
margin-right:auto; 
margin-top:100px;
margin-bottom:auto;
width:255px;
height:309px;
background-color: transparent; 
z-index:100; 
text-align: center;
}   



   
   
#noscript{
    width: 330px;
    height: 185px;
    left: 555px;
    top: 348px; 
    z-index: 100;
    position: absolute;
}

#form_1{
  z-index: 10; 
                width: 330px;
    height: 185px;  
    left: 555px;
    top: 358px;  
     position: absolute;   
}

#butik_info{
 z-index: 10; 
 width: 290px;
    height: 50px;  
    left: 590px;
    top: 425px;  
     position: absolute;
     /*font-family: serif;*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
font-weight:normal;
    color: #8d0332;  
    
}  


#no_order{
  z-index: 10; 
  width: 330px;
    height: 185px;  
    left: 555px;
    top: 358px;  
     position: absolute;   
}

#form_2{
  z-index: 1;  
             width: 330px;
    height: 185px; 
    left: 555px;
    top: 358px;      
     position: absolute;  
} 
   
#form_confirmation{
   z-index: 1; 
    width: 330px;
    height: 185px; 
    left: 555px;
    top: 348px;   
     position: absolute;   
}

#form_submit_error{
   z-index: 1; 
    width: 330px;
    height: 185px; 
    left: 555px;
    top: 348px;   
     position: absolute;   
}
  
#form_submit{
   z-index: 1; 
            width: 330px;
    height: 185px; 
    left: 555px;
    top: 348px;   
     position: absolute;     
}

#fb_recommend{

    width: 330px;
    height: 50px;
    left: 555px;
    top: 548px;    
    position: absolute;      
}

#order_form{
}

#villkor{
    z-index: 200; 
            width: 500px;
    height: 475px; 
    left: 200px;
    top: 60px;   
     position: absolute;   
     background-color: #8d0332;
}

#villkorstext{
      z-index: 300; 
      width: 476px;
    height: 470px; 
    left: 14px;
    top: 30px;   
     position: absolute;  
     color: #f8e8b5; 
}

#closeBtn{
        z-index: 300; 
      width: 22px;
    height: 22px; 
    left: 450px;
    top: 20px;   
     position: absolute;   
}


.divider {
    height: 6px;
}

.select_box_medium {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
    background-color: #F8F8F6;
    border: thin solid #660000;
    width: 225px;
    margin-top: 5px;
}

.formLabel  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #8d0332;
    text-align: right; 
}

.textLink  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #8d0332;
    text-decoration: underline;
    cursor: pointer;   
}

.defaultText  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #8d0332;
    text-align: left; 
    margin-top: 8px;
}

.defaultTextBlackThin  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:normal;
    color: #000000;
    text-align: left; 
}

.defaultTextBlack  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: left; 
}

.buttonRow {
    text-align: right;
    padding-top: 8px;;
}

.subsField  {
    font-size: 10px;
    border: solid 1px #663333;
    height: 13px;
    padding: 2px;
    margin: 2px;
    width: 220px;
}

.subsTable {
    height:13px;
}


#lasmer_button{
        position: absolute;
        bottom: 20px;
        left:30px;
}

#tillbaka_button{
        position: absolute;
        bottom: 20px;
        left:30px;
}

#recept_puff{
        position: absolute;
        top:504px;
        left:554px;    
}



 



#indexeringstext{
    visibility: hidden;
}